/**
 * Auth pages (login, register) - Light theme overrides
 * Dark theme uses default auth styles
 */
[data-theme="light"] body.auth-page {
    background: linear-gradient(135deg, #e4e9f2 0%, #d4dce8 50%, #c5ced9 100%) !important;
}

[data-theme="light"] .auth-container .auth-bg {
    background: linear-gradient(135deg, #e8ecf4 0%, #d8e0ec 50%, #c8d2de 100%) !important;
}

[data-theme="light"] .auth-container .auth-bg::before {
    background: linear-gradient(135deg, rgba(248,250,252,0.6) 0%, rgba(226,232,240,0.5) 50%, rgba(203,213,225,0.4) 100%) !important;
}

[data-theme="light"] .auth-container .auth-bg::after {
    background-image: 
        radial-gradient(ellipse at 20% 30%, rgba(79, 70, 229, 0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(139, 92, 246, 0.08) 0%, transparent 50%) !important;
}

[data-theme="light"] .auth-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.9) 100%) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08), 0 25px 60px -15px rgba(0,0,0,0.1) !important;
}

[data-theme="light"] .auth-title {
    color: #1e293b !important;
}

[data-theme="light"] .auth-subtitle {
    color: #64748b !important;
}

[data-theme="light"] .form-label {
    color: #374151 !important;
}

[data-theme="light"] .form-control {
    color: #1e293b !important;
    background: rgba(0,0,0,0.04) !important;
    border: 1px solid rgba(0,0,0,0.12) !important;
}

[data-theme="light"] .form-control::placeholder {
    color: #94a3b8 !important;
}

[data-theme="light"] .form-control:focus {
    border-color: #8A4CEF !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15) !important;
}

[data-theme="light"] .form-check input[type="checkbox"] {
    border-color: rgba(0,0,0,0.2) !important;
    background: rgba(0,0,0,0.04) !important;
}

[data-theme="light"] .form-check label {
    color: #374151 !important;
}

[data-theme="light"] .auth-link {
    color: #64748b !important;
}

[data-theme="light"] .auth-link a {
    color: #6d28d9 !important;
}

[data-theme="light"] .auth-link a:hover {
    color: #8A4CEF !important;
}

[data-theme="light"] .login-as {
    background: rgba(139, 92, 246, 0.06) !important;
    border: 1px solid rgba(139, 92, 246, 0.2) !important;
}

[data-theme="light"] .login-as h6 {
    color: #1e293b !important;
}

[data-theme="light"] .login-BTN a {
    background: rgba(139, 92, 246, 0.1) !important;
    border-color: rgba(139, 92, 246, 0.25) !important;
    color: #6d28d9 !important;
}

[data-theme="light"] .login-BTN a:hover {
    background: rgba(139, 92, 246, 0.18) !important;
    color: #8A4CEF !important;
}

/**
 * Flash alerts on dark auth pages.
 * Bootstrap .alert-success defaults to dark green text (#277a3e) on a light
 * green background — on the glass dark card that text reads as black.
 */
.auth-page .alert,
.auth-card .alert {
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin-bottom: 20px !important;
}

.auth-page .alert-success,
.auth-card .alert-success,
[data-theme="dark"] .auth-page .alert-success,
[data-theme="dark"] .auth-card .alert-success {
    --bs-alert-color: #bbf7d0;
    --bs-alert-bg: rgba(34, 197, 94, 0.18);
    --bs-alert-border-color: rgba(34, 197, 94, 0.45);
    background-color: rgba(34, 197, 94, 0.18) !important;
    border: 1px solid rgba(34, 197, 94, 0.45) !important;
    color: #bbf7d0 !important;
}

.auth-page .alert-danger,
.auth-card .alert-danger,
[data-theme="dark"] .auth-page .alert-danger,
[data-theme="dark"] .auth-card .alert-danger {
    --bs-alert-color: #fecaca;
    --bs-alert-bg: rgba(239, 68, 68, 0.18);
    --bs-alert-border-color: rgba(239, 68, 68, 0.45);
    background-color: rgba(239, 68, 68, 0.18) !important;
    border: 1px solid rgba(239, 68, 68, 0.45) !important;
    color: #fecaca !important;
}

.auth-page .alert-warning,
.auth-card .alert-warning,
[data-theme="dark"] .auth-page .alert-warning,
[data-theme="dark"] .auth-card .alert-warning {
    --bs-alert-color: #fde68a;
    --bs-alert-bg: rgba(245, 158, 11, 0.18);
    --bs-alert-border-color: rgba(245, 158, 11, 0.45);
    background-color: rgba(245, 158, 11, 0.18) !important;
    border: 1px solid rgba(245, 158, 11, 0.45) !important;
    color: #fde68a !important;
}

.auth-page .alert .btn-close,
.auth-card .alert .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.7;
}

[data-theme="light"] .auth-page .alert-success,
[data-theme="light"] .auth-card .alert-success {
    --bs-alert-color: #166534;
    --bs-alert-bg: #dcfce7;
    --bs-alert-border-color: #86efac;
    background-color: #dcfce7 !important;
    border: 1px solid #86efac !important;
    color: #166534 !important;
}

[data-theme="light"] .auth-page .alert .btn-close,
[data-theme="light"] .auth-card .alert .btn-close {
    filter: none;
    opacity: 0.6;
}