.swal2-popup.folioscripta-validation-alert {
    width: min(92vw, 440px);
    padding: 32px 30px 28px;
    color: var(--text-primary, #192523);
    background:
        radial-gradient(circle at 100% 0, rgb(var(--brand-primary-rgb, 49 92 79) / .1), transparent 38%),
        var(--surface, #fff);
    border: 1px solid var(--brand-border, #c8d9d3);
    border-top: 5px solid var(--brand-primary, #315c4f);
    border-radius: 18px;
    box-shadow: 0 28px 75px rgb(12 39 34 / .24);
}

.folioscripta-validation-alert .swal2-icon.swal2-info {
    color: var(--brand-primary, #315c4f);
    border-color: var(--brand-border, #c8d9d3);
}

.folioscripta-validation-alert .swal2-title {
    padding-top: 4px;
    color: var(--text-primary, #192523);
    font: 600 26px/1.2 Georgia, serif;
}

.folioscripta-validation-alert .swal2-html-container {
    margin-top: 10px;
    color: var(--text-muted, #5f6d69);
    font-size: var(--font-size-control, 15px);
    line-height: 1.55;
}

.folioscripta-validation-confirm {
    min-height: 43px;
    margin-top: 8px;
    padding: 10px 18px;
    color: var(--brand-on-primary, #fff);
    background: var(--brand-primary, #315c4f);
    border: 1px solid var(--brand-primary, #315c4f);
    border-radius: 9px;
    font-family: inherit;
    font-size: var(--font-size-small, 14px);
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: 0 8px 20px rgb(var(--brand-primary-rgb, 49 92 79) / .18);
}

.folioscripta-validation-confirm:hover,
.folioscripta-validation-confirm:focus-visible {
    background: var(--brand-primary-hover, #244b40);
    border-color: var(--brand-primary-hover, #244b40);
}

.folioscripta-validation-confirm:focus-visible {
    outline: 3px solid rgb(var(--brand-primary-rgb, 49 92 79) / .22);
    outline-offset: 3px;
}

.folioscripta-invalid-field {
    border-color: var(--danger, #a32035) !important;
    box-shadow: 0 0 0 3px rgb(163 32 53 / .11) !important;
}

.folioscripta-validation-fallback {
    margin: 8px 0 14px;
    padding: 11px 13px;
    color: var(--danger, #8e1d2f);
    background: color-mix(in srgb, var(--danger, #a32035) 7%, var(--surface, #fff));
    border: 1px solid color-mix(in srgb, var(--danger, #a32035) 35%, transparent);
    border-left: 4px solid var(--danger, #a32035);
    border-radius: 8px;
    font-size: var(--font-size-small, 14px);
    line-height: 1.45;
}

@media (max-width: 600px) {
    .swal2-popup.folioscripta-validation-alert {
        padding: 26px 20px 23px;
        border-radius: 15px;
    }
}