/* ── Back link ────────────────────────────────────────────────────── */
.wa-brand-logo-auth {
    filter: none;
    transition: none;
}

.wa-auth-back-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--wa-primary, #0ea5e9);
    text-decoration: none;
    transition: opacity 0.15s ease;
}

.wa-auth-back-link:hover {
    opacity: 0.8;
    color: var(--wa-primary, #0ea5e9);
}

/* ── Submit as link (expired page) ────────────────────────────────── */
.wa-auth-submit.wa-auth-submit-link {
    display: block;
    text-align: center;
    text-decoration: none;
    margin-top: 24px;
}

.wa-auth-submit.wa-auth-submit-link:hover {
    opacity: 0.9;
    color: #fff;
}

/* Global SweetAlert theming for backend auth/error pages */
.swal2-popup {
    background: var(--wa-bg, #fff) !important;
    color: var(--wa-text, #1f2937) !important;
    border: 1px solid var(--wa-border, #e5e7eb) !important;
    border-radius: 16px !important;
}

.swal2-title,
.swal2-html-container {
    color: var(--wa-text, #1f2937) !important;
}

.swal2-html-container .text-muted,
.swal2-html-container small {
    color: var(--wa-text-secondary, #717171) !important;
}

.swal2-input,
.swal2-textarea,
.swal2-select {
    background: var(--wa-bg-elevated, #fff) !important;
    border-color: var(--wa-border, #e5e7eb) !important;
    color: var(--wa-text, #1f2937) !important;
}

.swal2-input:focus,
.swal2-textarea:focus,
.swal2-select:focus {
    border-color: var(--wa-primary, #0ea5e9) !important;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--wa-primary, #0ea5e9) 16%, transparent) !important;
}

.swal2-popup .swal2-styled {
    border-radius: 10px !important;
    font-weight: 700 !important;
    padding: .6rem .95rem !important;
    box-shadow: none !important;
}

.swal2-popup .swal2-actions {
    gap: .35rem;
}

.swal2-popup .swal2-close {
    color: var(--wa-text-secondary, #717171) !important;
}

.swal2-popup .swal2-close:focus,
.swal2-popup .swal2-close:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Backend auth/error accent color variants */
html[data-theme-color="rose"] {
    --wa-primary: #e91e63;
    --wa-primary-hover: #c2185b;
    --wa-primary-light: color-mix(in srgb, #e91e63 12%, transparent);
    --wa-primary-soft: color-mix(in srgb, #e91e63 8%, transparent);
}

html[data-theme-color="blue"] {
    --wa-primary: #2563eb;
    --wa-primary-hover: #1d4ed8;
    --wa-primary-light: color-mix(in srgb, #2563eb 12%, transparent);
    --wa-primary-soft: color-mix(in srgb, #2563eb 8%, transparent);
}

html[data-theme-color="emerald"] {
    --wa-primary: #059669;
    --wa-primary-hover: #047857;
    --wa-primary-light: color-mix(in srgb, #059669 12%, transparent);
    --wa-primary-soft: color-mix(in srgb, #059669 8%, transparent);
}

html[data-theme-color="amber"] {
    --wa-primary: #d97706;
    --wa-primary-hover: #b45309;
    --wa-primary-light: color-mix(in srgb, #d97706 12%, transparent);
    --wa-primary-soft: color-mix(in srgb, #d97706 8%, transparent);
}

html[data-theme-color="violet"] {
    --wa-primary: #7c3aed;
    --wa-primary-hover: #6d28d9;
    --wa-primary-light: color-mix(in srgb, #7c3aed 12%, transparent);
    --wa-primary-soft: color-mix(in srgb, #7c3aed 8%, transparent);
}