/* =====================================================
   AUTH & VISITOR PAGES DARK MODE
   Fiacore - Dynamic Theme System for Authentication Pages
   ===================================================== */

/* CSS Variables for Auth Pages */
:root {
    --auth-bg-primary: linear-gradient(135deg, #f0f7ff 0%, #e8f4ff 50%, #dbeafe 100%);
    --auth-bg-secondary: linear-gradient(135deg, #f8fbff 0%, #f0f7ff 50%, #e8f4ff 100%);
    --auth-bg-card: #ffffff;
    --auth-bg-input: #f8fafc;
    --auth-bg-feature-icon: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    --auth-bg-modal-header: linear-gradient(135deg, #f0f7ff 0%, #e8f4ff 100%);
    --auth-bg-steps: #f8fafc;
    --auth-bg-alert-danger: #fef2f2;
    --auth-bg-alert-success: #f0fdf4;
    --auth-bg-alert-warning: #fffbeb;
    --auth-bg-loading: rgba(255, 255, 255, 1);
    --auth-bg-dialog-cancel: #f1f5f9;
    --auth-bg-divider: #e2e8f0;
    
    --auth-text-primary: #1e293b;
    --auth-text-secondary: #64748b;
    --auth-text-tertiary: #94a3b8;
    --auth-text-label: #374151;
    --auth-text-check: #475569;
    
    --auth-border-primary: #e2e8f0;
    --auth-border-card: rgba(59, 130, 246, 0.1);
    --auth-border-alert-danger: #fecaca;
    --auth-border-alert-success: #bbf7d0;
    --auth-border-alert-warning: #fde68a;
    
    --auth-shadow-card: 0 4px 20px rgba(59, 130, 246, 0.08);
    --auth-shadow-card-hover: 0 8px 30px rgba(59, 130, 246, 0.15);
    --auth-shadow-panel: -10px 0 40px rgba(59, 130, 246, 0.08);
    --auth-shadow-dialog: 0 20px 60px rgba(0, 0, 0, 0.2);
    
    --auth-spinner-bg: #e2e8f0;
    --auth-spinner-accent: #3b82f6;
}

/* Dark Mode Variables */
[data-theme="dark"] {
    --auth-bg-primary: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);
    --auth-bg-secondary: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);
    --auth-bg-card: #1E293B;
    --auth-bg-input: #0F172A;
    --auth-bg-feature-icon: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(59, 130, 246, 0.3) 100%);
    --auth-bg-modal-header: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);
    --auth-bg-steps: #0F172A;
    --auth-bg-alert-danger: rgba(220, 38, 38, 0.15);
    --auth-bg-alert-success: rgba(22, 163, 74, 0.15);
    --auth-bg-alert-warning: rgba(217, 119, 6, 0.15);
    --auth-bg-loading: rgba(15, 23, 42, 1);
    --auth-bg-dialog-cancel: #334155;
    --auth-bg-divider: #334155;
    
    --auth-text-primary: #F1F5F9;
    --auth-text-secondary: #94A3B8;
    --auth-text-tertiary: #64748B;
    --auth-text-label: #CBD5E1;
    --auth-text-check: #94A3B8;
    
    --auth-border-primary: #334155;
    --auth-border-card: rgba(59, 130, 246, 0.2);
    --auth-border-alert-danger: rgba(220, 38, 38, 0.3);
    --auth-border-alert-success: rgba(22, 163, 74, 0.3);
    --auth-border-alert-warning: rgba(217, 119, 6, 0.3);
    
    --auth-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);
    --auth-shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.4);
    --auth-shadow-panel: -10px 0 40px rgba(0, 0, 0, 0.3);
    --auth-shadow-dialog: 0 20px 60px rgba(0, 0, 0, 0.5);
    
    --auth-spinner-bg: #334155;
    --auth-spinner-accent: #60A5FA;
}

/* ===== BODY & CONTAINER ===== */
[data-theme="dark"] body {
    background: var(--auth-bg-primary) !important;
}

[data-theme="dark"] .auth-container {
    background: transparent;
}

/* ===== PANELS ===== */
[data-theme="dark"] .left-panel {
    background: var(--auth-bg-secondary) !important;
}

[data-theme="dark"] .right-panel {
    background: var(--auth-bg-card) !important;
    box-shadow: var(--auth-shadow-panel) !important;
}

/* ===== TYPOGRAPHY ===== */
[data-theme="dark"] .hero-title {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .hero-title span {
    color: #60A5FA !important;
}

[data-theme="dark"] .hero-subtitle {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .form-title {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .form-subtitle {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .form-label {
    color: var(--auth-text-label) !important;
}

[data-theme="dark"] .form-text {
    color: var(--auth-text-tertiary) !important;
}

[data-theme="dark"] .form-check-label {
    color: var(--auth-text-check) !important;
}

[data-theme="dark"] .form-footer-text {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .trust-badge {
    color: var(--auth-text-secondary) !important;
}

/* ===== FEATURE CARDS ===== */
[data-theme="dark"] .feature-card {
    background: var(--auth-bg-card) !important;
    border-color: var(--auth-border-card) !important;
    box-shadow: var(--auth-shadow-card) !important;
}

[data-theme="dark"] .feature-card:hover {
    box-shadow: var(--auth-shadow-card-hover) !important;
}

[data-theme="dark"] .feature-card h4 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .feature-card p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .feature-icon {
    background: var(--auth-bg-feature-icon) !important;
}

[data-theme="dark"] .feature-icon i {
    color: #60A5FA !important;
}

/* ===== FORM INPUTS ===== */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background: var(--auth-bg-card) !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2) !important;
}

[data-theme="dark"] .form-control::placeholder {
    color: var(--auth-text-tertiary) !important;
}

[data-theme="dark"] .input-icon {
    color: #60A5FA !important;
}

[data-theme="dark"] .password-toggle {
    color: var(--auth-text-tertiary) !important;
}

[data-theme="dark"] .password-toggle:hover {
    color: #60A5FA !important;
}

/* ===== CHECKBOXES ===== */
[data-theme="dark"] .form-check-input {
    background-color: var(--auth-bg-input) !important;
    border-color: #60A5FA !important;
}

[data-theme="dark"] .form-check-input:checked {
    background-color: #3b82f6 !important;
}

/* ===== DIVIDERS ===== */
[data-theme="dark"] .divider-line {
    background: var(--auth-bg-divider) !important;
}

[data-theme="dark"] .divider-text {
    color: var(--auth-text-tertiary) !important;
}

[data-theme="dark"] .form-footer {
    border-top-color: var(--auth-border-primary) !important;
}

/* ===== ALERTS ===== */
[data-theme="dark"] .alert-danger {
    background: var(--auth-bg-alert-danger) !important;
    border-color: var(--auth-border-alert-danger) !important;
    color: #FCA5A5 !important;
}

[data-theme="dark"] .alert-success {
    background: var(--auth-bg-alert-success) !important;
    border-color: var(--auth-border-alert-success) !important;
    color: #86EFAC !important;
}

[data-theme="dark"] .alert-warning {
    background: var(--auth-bg-alert-warning) !important;
    border-color: var(--auth-border-alert-warning) !important;
    color: #FCD34D !important;
}

/* ===== LOADING OVERLAY ===== */
[data-theme="dark"] .loading-overlay {
    background: var(--auth-bg-loading) !important;
}

[data-theme="dark"] .loading-spinner {
    border-color: var(--auth-spinner-bg) !important;
    border-top-color: var(--auth-spinner-accent) !important;
}

[data-theme="dark"] .loading-text {
    color: var(--auth-spinner-accent) !important;
}

[data-theme="dark"] .page-loading-overlay {
    background: var(--auth-bg-loading) !important;
}

[data-theme="dark"] .page-loading-spinner {
    border-color: var(--auth-spinner-bg) !important;
    border-top-color: var(--auth-spinner-accent) !important;
}

[data-theme="dark"] .page-loading-text {
    color: var(--auth-spinner-accent) !important;
}

/* ===== DIALOGS & MODALS ===== */
[data-theme="dark"] dialog {
    background: var(--auth-bg-card) !important;
    box-shadow: var(--auth-shadow-dialog) !important;
}

[data-theme="dark"] dialog::backdrop {
    background: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .dialog-header {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

[data-theme="dark"] .dialog-body {
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .dialog-body p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .dialog-input {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .dialog-input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

[data-theme="dark"] .dialog-btn-cancel {
    background: var(--auth-bg-dialog-cancel) !important;
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .dialog-btn-cancel:hover {
    background: #475569 !important;
}

/* ===== MODALS (Bootstrap) ===== */
[data-theme="dark"] .modal-content {
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .modal-header-custom {
    background: var(--auth-bg-modal-header) !important;
}

[data-theme="dark"] .modal-title-custom {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .modal-body-custom {
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .modal-body-custom p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .modal-steps {
    background: var(--auth-bg-steps) !important;
}

[data-theme="dark"] .modal-steps-title {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .modal-steps-title i {
    color: #60A5FA !important;
}

[data-theme="dark"] .modal-steps ol {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .modal-hint {
    color: var(--auth-text-tertiary) !important;
}

/* ===== PROGRESS BARS ===== */
[data-theme="dark"] .progress-bar-container {
    background: var(--auth-border-primary) !important;
}

/* ===== SECONDARY BUTTON (Green Register) ===== */
[data-theme="dark"] .btn-secondary {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.2) 0%, rgba(22, 163, 74, 0.3) 100%) !important;
    border-color: rgba(134, 239, 172, 0.4) !important;
    color: #86EFAC !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.3) 0%, rgba(22, 163, 74, 0.4) 100%) !important;
    color: #BBF7D0 !important;
}

/* ===== LINKS ===== */
[data-theme="dark"] .forgot-link {
    color: #60A5FA !important;
}

[data-theme="dark"] .forgot-link:hover {
    color: #93C5FD !important;
}

[data-theme="dark"] .form-footer-text a {
    color: #60A5FA !important;
}

[data-theme="dark"] .form-check-label a {
    color: #60A5FA !important;
}

/* ===== VISITOR LANDING PAGE ===== */
[data-theme="dark"] .visitor-landing-body {
    background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%) !important;
}

[data-theme="dark"] .visitor-container {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .visitor-logo {
    color: #60A5FA !important;
}

[data-theme="dark"] .visitor-container h1 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .visitor-container p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .info-box {
    background: var(--auth-bg-steps) !important;
    border-left-color: #60A5FA !important;
}

[data-theme="dark"] .info-box h3 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .info-box p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .step-number {
    background: #3b82f6 !important;
}

[data-theme="dark"] .btn-visitor-primary {
    background: #3b82f6 !important;
}

[data-theme="dark"] .btn-visitor-secondary {
    background: #334155 !important;
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .btn-visitor-secondary:hover {
    background: #475569 !important;
}

/* ===== LANDING PAGE ===== */
[data-theme="dark"] .navbar {
    background-color: var(--auth-bg-card) !important;
}

[data-theme="dark"] .navbar.scrolled {
    background-color: var(--auth-bg-card) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .navbar-nav .nav-link {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .navbar-nav .nav-link:hover {
    color: #60A5FA !important;
}

[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
}

[data-theme="dark"] .hero-section::before {
    opacity: 0.1 !important;
}

[data-theme="dark"] .hero-main-title {
    color: #60A5FA !important;
}

[data-theme="dark"] .features-section {
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .benefits-section {
    background: #0F172A !important;
}

[data-theme="dark"] .benefit-icon {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #60A5FA !important;
}

[data-theme="dark"] .benefit-content h3 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .benefit-content p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .section-title {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .testimonial-card {
    background: var(--auth-bg-card) !important;
    box-shadow: var(--auth-shadow-card) !important;
}

[data-theme="dark"] .testimonial-content {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .testimonial-content::before {
    color: rgba(96, 165, 250, 0.2) !important;
}

[data-theme="dark"] .author-name {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .author-title {
    color: var(--auth-text-tertiary) !important;
}

[data-theme="dark"] .cta-section {
    background: linear-gradient(135deg, #3b82f6 0%, #3B82F6 100%) !important;
}

[data-theme="dark"] .footer {
    background-color: #0F172A !important;
}

[data-theme="dark"] .footer-text {
    color: var(--auth-text-tertiary) !important;
}

[data-theme="dark"] .footer-links ul li a {
    color: var(--auth-text-tertiary) !important;
}

[data-theme="dark"] .footer-links ul li a:hover {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .footer-bottom {
    border-top-color: #334155 !important;
}

[data-theme="dark"] .copyright {
    color: var(--auth-text-tertiary) !important;
}

/* ===== HIGHLIGHT TEXT ===== */
[data-theme="dark"] .highlight {
    color: #60A5FA !important;
}

/* ===== OTP & VERIFICATION PAGES ===== */
[data-theme="dark"] .otp-input {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .otp-input:focus {
    border-color: #3b82f6 !important;
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .verification-card {
    background: var(--auth-bg-card) !important;
    box-shadow: var(--auth-shadow-card) !important;
}

[data-theme="dark"] .verification-icon {
    background: var(--auth-bg-feature-icon) !important;
}

[data-theme="dark"] .verification-title {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .verification-text {
    color: var(--auth-text-secondary) !important;
}

/* ===== LOCKOUT PAGE ===== */
[data-theme="dark"] .lockout-card {
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .lockout-icon {
    background: rgba(239, 68, 68, 0.2) !important;
}

[data-theme="dark"] .lockout-title {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .lockout-text {
    color: var(--auth-text-secondary) !important;
}

/* ===== THIRD PARTY PAGES ===== */
[data-theme="dark"] .third-party-container {
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .third-party-header {
    background: var(--auth-bg-modal-header) !important;
}

[data-theme="dark"] .third-party-title {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .third-party-subtitle {
    color: var(--auth-text-secondary) !important;
}

/* ===== THEME TOGGLE BUTTON ===== */
.auth-theme-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.auth-theme-toggle:hover {
    background: rgba(59, 130, 246, 0.2);
    transform: scale(1.05);
}

[data-theme="dark"] .auth-theme-toggle {
    background: rgba(96, 165, 250, 0.2);
    color: #60A5FA;
}

[data-theme="dark"] .auth-theme-toggle:hover {
    background: rgba(96, 165, 250, 0.3);
}

.auth-theme-toggle i {
    font-size: 1.2rem;
}

/* Hide sun icon in light mode, moon in dark mode */
.auth-theme-toggle .fa-sun {
    display: none;
}

[data-theme="dark"] .auth-theme-toggle .fa-moon {
    display: none;
}

[data-theme="dark"] .auth-theme-toggle .fa-sun {
    display: block;
}

/* ===== OTP CARD ===== */
[data-theme="dark"] .otp-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .otp-header {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

[data-theme="dark"] .otp-body {
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .otp-title {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .otp-subtitle {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .otp-input-group input {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .otp-input-group input:focus {
    border-color: #3b82f6 !important;
    background: var(--auth-bg-card) !important;
}

/* ===== VERIFICATION CARD ===== */
[data-theme="dark"] .verification-container {
    background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%) !important;
}

[data-theme="dark"] .verification-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .verification-icon {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

[data-theme="dark"] .verification-card h2,
[data-theme="dark"] .verification-card h3,
[data-theme="dark"] .verification-card h4 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .verification-card p {
    color: var(--auth-text-secondary) !important;
}

/* ===== RECOVERY PAGES ===== */
[data-theme="dark"] .recovery-container {
    background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%) !important;
}

[data-theme="dark"] .recovery-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .recovery-icon {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

[data-theme="dark"] .recovery-card h2,
[data-theme="dark"] .recovery-card h4 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .recovery-card p {
    color: var(--auth-text-secondary) !important;
}

/* ===== LOCKOUT PAGE ===== */
[data-theme="dark"] .lockout-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .lockout-header {
    background: #0F172A !important;
    color: #60A5FA !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .lockout-icon {
    background: rgba(96, 165, 250, 0.2) !important;
    color: #60A5FA !important;
}

[data-theme="dark"] .lockout-body {
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .lockout-body h4,
[data-theme="dark"] .lockout-body h5 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .lockout-body p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .security-tip {
    background: var(--auth-bg-steps) !important;
    border-color: var(--auth-border-primary) !important;
}

[data-theme="dark"] .security-tip h6 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .security-tip li {
    color: var(--auth-text-secondary) !important;
}

/* ===== AUTH CARD (Forgot/Reset Password) ===== */
[data-theme="dark"] .auth-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .auth-card .logo h1 {
    color: #60A5FA !important;
}

[data-theme="dark"] .auth-card h2,
[data-theme="dark"] .auth-card h3,
[data-theme="dark"] .auth-card h4 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .auth-card p,
[data-theme="dark"] .auth-card label {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .auth-card .form-control {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .auth-card .form-control:focus {
    border-color: #3b82f6 !important;
    background: var(--auth-bg-card) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2) !important;
}

[data-theme="dark"] .auth-card .alert-success {
    background: rgba(22, 163, 74, 0.15) !important;
    border-color: rgba(22, 163, 74, 0.3) !important;
    color: #86EFAC !important;
}

[data-theme="dark"] .auth-card .text-muted {
    color: var(--auth-text-tertiary) !important;
}

[data-theme="dark"] .auth-card a {
    color: #60A5FA !important;
}

[data-theme="dark"] .auth-card a:hover {
    color: #93C5FD !important;
}

/* ===== THIRD PARTY NAVBAR ===== */
[data-theme="dark"] .top-navbar {
    background: var(--auth-bg-card) !important;
    border-bottom-color: var(--auth-border-primary) !important;
}

[data-theme="dark"] .profile-dropdown-toggle {
    color: #60A5FA !important;
}

[data-theme="dark"] .profile-dropdown-toggle:hover {
    color: #93C5FD !important;
}

[data-theme="dark"] .profile-dropdown-menu {
    background: var(--auth-bg-card) !important;
    border-color: var(--auth-border-primary) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .profile-dropdown-menu .dropdown-item {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .profile-dropdown-menu .dropdown-item:hover {
    background: #0F172A !important;
}

/* ===== FIGMA PROFILE CARDS ===== */
[data-theme="dark"] .figma-profile-card {
    background: var(--auth-bg-card) !important;
    border-color: var(--auth-border-card) !important;
    box-shadow: var(--auth-shadow-card) !important;
}

[data-theme="dark"] .figma-profile-card:hover {
    box-shadow: var(--auth-shadow-card-hover) !important;
}

[data-theme="dark"] .figma-profile-card .profile-name {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .figma-profile-card .profile-info {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .figma-profile-card .last-accessed {
    color: var(--auth-text-tertiary) !important;
}

/* ===== SUPER ADMIN PAGES ===== */
[data-theme="dark"] .super-admin-login {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #312E81 100%) !important;
}

[data-theme="dark"] .login-card,
[data-theme="dark"] .forgot-password-card,
[data-theme="dark"] .reset-password-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .forgot-password-page,
[data-theme="dark"] .reset-password-page {
    background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%) !important;
}

[data-theme="dark"] .login-card h2,
[data-theme="dark"] .forgot-password-card h2,
[data-theme="dark"] .reset-password-card h2 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .login-card p,
[data-theme="dark"] .forgot-password-card p,
[data-theme="dark"] .reset-password-card p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .login-card label,
[data-theme="dark"] .forgot-password-card label,
[data-theme="dark"] .reset-password-card label {
    color: var(--auth-text-label) !important;
}

[data-theme="dark"] .login-card .form-control,
[data-theme="dark"] .forgot-password-card .form-control,
[data-theme="dark"] .reset-password-card .form-control {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .login-card .form-control:focus,
[data-theme="dark"] .forgot-password-card .form-control:focus,
[data-theme="dark"] .reset-password-card .form-control:focus {
    border-color: #3b82f6 !important;
    background: var(--auth-bg-card) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2) !important;
}

[data-theme="dark"] .super-admin-icon,
[data-theme="dark"] .forgot-icon,
[data-theme="dark"] .reset-icon {
    background: linear-gradient(135deg, #3b82f6 0%, #3B82F6 100%) !important;
}

[data-theme="dark"] .login-card a,
[data-theme="dark"] .forgot-password-card a,
[data-theme="dark"] .reset-password-card a {
    color: #60A5FA !important;
}

/* ===== STANDALONE DASHBOARDS (Enterprise, Cache, Economic) ===== */
[data-theme="dark"] .enterprise-card,
[data-theme="dark"] .metric-card,
[data-theme="dark"] .indicator-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .indicator-card {
    background: var(--auth-bg-card) !important;
}

[data-theme="dark"] .enterprise-card h5,
[data-theme="dark"] .metric-card h5,
[data-theme="dark"] .indicator-card h5 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .enterprise-card p,
[data-theme="dark"] .metric-card p,
[data-theme="dark"] .indicator-card p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .metric-value {
    color: #60A5FA !important;
}

/* ===== MAINTENANCE PAGES ===== */
[data-theme="dark"] body:has(.maintenance-container),
[data-theme="dark"] body:has(.session-container) {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
}

[data-theme="dark"] .maintenance-card,
[data-theme="dark"] .session-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .maintenance-card h1,
[data-theme="dark"] .session-card h1 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .maintenance-card p,
[data-theme="dark"] .session-card p {
    color: var(--auth-text-secondary) !important;
}

/* ===== MIGRATION PAGES ===== */
[data-theme="dark"] .migration-container,
[data-theme="dark"] .verification-container,
[data-theme="dark"] .token-container {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
}

[data-theme="dark"] .migration-card,
[data-theme="dark"] .verification-card,
[data-theme="dark"] .token-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .migration-card h2,
[data-theme="dark"] .verification-card h2,
[data-theme="dark"] .token-card h2 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .migration-card p,
[data-theme="dark"] .verification-card p,
[data-theme="dark"] .token-card p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .migration-card .form-control,
[data-theme="dark"] .verification-card .form-control,
[data-theme="dark"] .token-card .form-control {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-primary) !important;
}

/* ===== BORROWINGS SHARE PAGES ===== */
[data-theme="dark"] .password-protection-container,
[data-theme="dark"] .error-container {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
}

[data-theme="dark"] .password-card,
[data-theme="dark"] .error-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

/* ===== PROFILE MODAL ===== */
[data-theme="dark"] .profile-card {
    background: var(--auth-bg-card) !important;
    border-color: var(--auth-border-primary) !important;
}

[data-theme="dark"] .profile-card h3,
[data-theme="dark"] .profile-card h4 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .profile-card p,
[data-theme="dark"] .profile-card span {
    color: var(--auth-text-secondary) !important;
}

/* ===== ACCOUNT MANAGEMENT ===== */
[data-theme="dark"] .management-page,
[data-theme="dark"] .create-admin-page {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #312E81 100%) !important;
}

[data-theme="dark"] .management-card,
[data-theme="dark"] .create-admin-card {
    background: var(--auth-bg-card) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .management-card h2,
[data-theme="dark"] .create-admin-card h2 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .management-card label,
[data-theme="dark"] .create-admin-card label {
    color: var(--auth-text-label) !important;
}

[data-theme="dark"] .management-card .form-control,
[data-theme="dark"] .create-admin-card .form-control {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-primary) !important;
}

/* ===== NAVBAR FOR SUPER ADMIN PAGES ===== */
[data-theme="dark"] .super-admin-page .navbar,
[data-theme="dark"] #main-navbar {
    background-color: var(--auth-bg-card) !important;
    border-bottom-color: var(--auth-border-primary) !important;
}

[data-theme="dark"] .super-admin-page .navbar-brand,
[data-theme="dark"] .super-admin-page .nav-link {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .super-admin-page .dropdown-menu {
    background: var(--auth-bg-card) !important;
    border-color: var(--auth-border-primary) !important;
}

[data-theme="dark"] .super-admin-page .dropdown-item {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .super-admin-page .dropdown-item:hover {
    background: var(--auth-bg-hover) !important;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 992px) {
    .auth-theme-toggle {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
    }
}

/* =========================================================================
   LOGIN PAGE MODALS - Reset Password, Username Recovery
   SOFTER COLOR SCHEME - No bold blue titles
   ========================================================================= */

/* Modal backdrop */
[data-theme="dark"] .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Modal content - dark card background */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .auth-modal,
[data-theme="dark"] .recovery-modal,
[data-theme="dark"] #resetPasswordModal .modal-content,
[data-theme="dark"] #usernameRecoveryModal .modal-content,
[data-theme="dark"] #forgotPasswordModal .modal-content,
[data-theme="dark"] div[id*="Modal"] .modal-content {
    background: #1E293B !important;
    border-color: #334155 !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
    border-radius: 16px !important;
}

/* Modal headers - solid dark with gradient accent */
[data-theme="dark"] .modal-header,
[data-theme="dark"] .recovery-modal-header,
[data-theme="dark"] .auth-modal-header,
[data-theme="dark"] #resetPasswordModal .modal-header,
[data-theme="dark"] #usernameRecoveryModal .modal-header,
[data-theme="dark"] #forgotPasswordModal .modal-header,
[data-theme="dark"] div[id*="Modal"] .modal-header {
    background: linear-gradient(135deg, #334155 0%, #1E293B 100%) !important;
    border-bottom: 1px solid #475569 !important;
    padding: 1.25rem 1.5rem !important;
    border-radius: 16px 16px 0 0 !important;
}

/* Modal titles - WHITE text, NOT bold blue */
[data-theme="dark"] .modal-header h5,
[data-theme="dark"] .modal-header .modal-title,
[data-theme="dark"] .modal-title,
[data-theme="dark"] .recovery-modal-header h5,
[data-theme="dark"] #resetPasswordModal .modal-title,
[data-theme="dark"] #usernameRecoveryModal .modal-title,
[data-theme="dark"] #forgotPasswordModal .modal-title,
[data-theme="dark"] div[id*="Modal"] .modal-title {
    color: #F1F5F9 !important;
    font-weight: 600 !important;
}

/* Modal title icons - soft blue accent */
[data-theme="dark"] .modal-header i,
[data-theme="dark"] .modal-title i,
[data-theme="dark"] div[id*="Modal"] .modal-title i {
    color: #93C5FD !important;
}

[data-theme="dark"] .modal-header .btn-close,
[data-theme="dark"] .recovery-modal .btn-close,
[data-theme="dark"] div[id*="Modal"] .btn-close {
    filter: invert(1) !important;
    opacity: 0.8 !important;
}

/* Modal body - dark background */
[data-theme="dark"] .modal-body,
[data-theme="dark"] .recovery-modal-body,
[data-theme="dark"] .auth-modal-body,
[data-theme="dark"] #resetPasswordModal .modal-body,
[data-theme="dark"] #usernameRecoveryModal .modal-body,
[data-theme="dark"] #forgotPasswordModal .modal-body,
[data-theme="dark"] div[id*="Modal"] .modal-body {
    background: #1E293B !important;
    color: #F1F5F9 !important;
    padding: 1.5rem !important;
}

/* Modal body text - visible light gray */
[data-theme="dark"] .modal-body p,
[data-theme="dark"] .modal-body label,
[data-theme="dark"] .modal-body span,
[data-theme="dark"] .recovery-modal-body p,
[data-theme="dark"] div[id*="Modal"] .modal-body p,
[data-theme="dark"] div[id*="Modal"] .modal-body label {
    color: #CBD5E1 !important;
}

/* Modal form inputs */
[data-theme="dark"] .modal-body input,
[data-theme="dark"] .modal-body .form-control,
[data-theme="dark"] .recovery-modal input,
[data-theme="dark"] .recovery-modal .form-control,
[data-theme="dark"] div[id*="Modal"] .modal-body input,
[data-theme="dark"] div[id*="Modal"] .form-control {
    background: #0F172A !important;
    border-color: #475569 !important;
    color: #F1F5F9 !important;
}

[data-theme="dark"] .modal-body input::placeholder,
[data-theme="dark"] .recovery-modal input::placeholder,
[data-theme="dark"] div[id*="Modal"] input::placeholder {
    color: #64748B !important;
}

[data-theme="dark"] .modal-body input:focus,
[data-theme="dark"] .recovery-modal input:focus,
[data-theme="dark"] div[id*="Modal"] input:focus {
    background: #1E293B !important;
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
}

/* Modal footer */
[data-theme="dark"] .modal-footer,
[data-theme="dark"] .recovery-modal-footer,
[data-theme="dark"] div[id*="Modal"] .modal-footer {
    background: #1E293B !important;
    border-top: 1px solid #334155 !important;
    padding: 1rem 1.5rem !important;
    border-radius: 0 0 16px 16px !important;
}

/* Cancel button in modals - slate gray */
[data-theme="dark"] .modal-footer .btn-secondary,
[data-theme="dark"] .modal-footer .btn-outline-secondary,
[data-theme="dark"] .btn-cancel,
[data-theme="dark"] div[id*="Modal"] .btn-secondary {
    background: #475569 !important;
    border-color: #64748B !important;
    color: #F1F5F9 !important;
}

[data-theme="dark"] .modal-footer .btn-secondary:hover,
[data-theme="dark"] .btn-cancel:hover,
[data-theme="dark"] div[id*="Modal"] .btn-secondary:hover {
    background: #64748B !important;
}

/* Primary buttons in modals - Outlined Fiacore Blue style */
[data-theme="dark"] .modal-footer .btn-primary,
[data-theme="dark"] div[id*="Modal"] .btn-primary {
    background: transparent !important;
    border: 2px solid #3B82F6 !important;
    color: #60A5FA !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .modal-footer .btn-primary:hover,
[data-theme="dark"] div[id*="Modal"] .btn-primary:hover {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: #60A5FA !important;
    color: #93C5FD !important;
    transform: translateY(-1px);
}

/* =========================================================================
   THIRD-PARTY LOGIN / VISITOR PORTAL
   SOFTER COLORS - No bold blue
   ========================================================================= */

/* Visitor portal tabs */
[data-theme="dark"] .visitor-tabs,
[data-theme="dark"] .nav-tabs,
[data-theme="dark"] .auth-tabs {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .visitor-tabs .nav-link,
[data-theme="dark"] .nav-tabs .nav-link,
[data-theme="dark"] .auth-tabs .nav-link {
    color: #94A3B8 !important;
    background: transparent !important;
    border-color: transparent !important;
}

/* Active tabs - Fiacore Blue */
[data-theme="dark"] .visitor-tabs .nav-link.active,
[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .auth-tabs .nav-link.active {
    color: #60A5FA !important;
    background: #1E293B !important;
    border-color: #475569 #475569 #1E293B !important;
}

[data-theme="dark"] .visitor-tabs .nav-link:hover,
[data-theme="dark"] .nav-tabs .nav-link:hover {
    border-color: #475569 !important;
    color: #93C5FD !important;
}

/* Tab content area */
[data-theme="dark"] .tab-content,
[data-theme="dark"] .tab-pane {
    background: var(--auth-bg-card) !important;
}

/* Visitor portal form card */
[data-theme="dark"] .visitor-form-card,
[data-theme="dark"] .access-card,
[data-theme="dark"] .otp-request-card {
    background: var(--auth-bg-card) !important;
    border-color: var(--auth-border-primary) !important;
}

/* Third-party login links - Fiacore Blue */
[data-theme="dark"] .third-party-link,
[data-theme="dark"] .visitor-link,
[data-theme="dark"] a[href*="third-party"],
[data-theme="dark"] a[href*="visitor"] {
    color: #60A5FA !important;
}

[data-theme="dark"] .third-party-link:hover,
[data-theme="dark"] .visitor-link:hover {
    color: #93C5FD !important;
}

/* =========================================================================
   THIRD-PARTY LOGIN / VISITOR PORTAL - COMPREHENSIVE DARK MODE
   HIGH SPECIFICITY to override inline template styles
   ========================================================================= */

/* Right panel - Dark background */
html[data-theme="dark"] .right-panel,
[data-theme="dark"] .right-panel {
    background: #1E293B !important;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3) !important;
}

/* Access tabs container - Dark with rounded corners */
html[data-theme="dark"] .access-tabs,
[data-theme="dark"] .access-tabs {
    background: #0F172A !important;
    border-color: #334155 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Access tab buttons - Outlined style with proper corners */
html[data-theme="dark"] .access-tab,
html[data-theme="dark"] button.access-tab,
[data-theme="dark"] .access-tab {
    background: transparent !important;
    background-image: none !important;
    color: #94A3B8 !important;
    border: none !important;
    border-radius: 0 !important;
}

/* First tab - curved left corners */
html[data-theme="dark"] .access-tab:first-child,
[data-theme="dark"] .access-tab:first-child {
    border-radius: 10px 0 0 10px !important;
}

/* Last tab - curved right corners */
html[data-theme="dark"] .access-tab:last-child,
[data-theme="dark"] .access-tab:last-child {
    border-radius: 0 10px 10px 0 !important;
}

html[data-theme="dark"] .access-tab.active,
html[data-theme="dark"] button.access-tab.active,
[data-theme="dark"] .access-tab.active {
    background: rgba(59, 130, 246, 0.2) !important;
    background-image: none !important;
    color: #60A5FA !important;
    border: none !important;
}

/* Active first tab */
html[data-theme="dark"] .access-tab.active:first-child,
[data-theme="dark"] .access-tab.active:first-child {
    border-radius: 10px 0 0 10px !important;
}

/* Active last tab */
html[data-theme="dark"] .access-tab.active:last-child,
[data-theme="dark"] .access-tab.active:last-child {
    border-radius: 0 10px 10px 0 !important;
}

html[data-theme="dark"] .access-tab:hover:not(.active),
[data-theme="dark"] .access-tab:hover:not(.active) {
    background: rgba(59, 130, 246, 0.1) !important;
    color: #93C5FD !important;
}

/* Password toggle button - Fix background gap */
html[data-theme="dark"] .password-toggle,
html[data-theme="dark"] .toggle-password,
html[data-theme="dark"] button.password-toggle,
[data-theme="dark"] .password-toggle {
    background: #1E293B !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px !important;
    margin-right: 4px !important;
    color: #60A5FA !important;
}

html[data-theme="dark"] .password-toggle:hover,
[data-theme="dark"] .password-toggle:hover {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #93C5FD !important;
}

/* Input wrapper - ensure full coverage */
html[data-theme="dark"] .input-wrapper,
[data-theme="dark"] .input-wrapper {
    background: #0F172A !important;
    border-radius: 12px !important;
}

/* Input group - seamless appearance */
html[data-theme="dark"] .input-group,
[data-theme="dark"] .input-group {
    background: #0F172A !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

html[data-theme="dark"] .input-group .form-control,
[data-theme="dark"] .input-group .form-control {
    border-radius: 12px !important;
}

/* Action buttons in input group */
html[data-theme="dark"] .input-group .btn,
html[data-theme="dark"] .input-group button,
[data-theme="dark"] .input-group .btn {
    background: transparent !important;
    border: none !important;
}

/* Visitor portal btn-primary - Outlined style (override inline gradient) */
html[data-theme="dark"] .form-container .btn-primary,
html[data-theme="dark"] #emailForm .btn-primary,
html[data-theme="dark"] #loginForm .btn-primary,
html[data-theme="dark"] #otpForm .btn-primary,
html[data-theme="dark"] .access-form .btn-primary,
[data-theme="dark"] .form-container .btn-primary {
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #3B82F6 !important;
    color: #60A5FA !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .form-container .btn-primary:hover,
html[data-theme="dark"] #emailForm .btn-primary:hover,
html[data-theme="dark"] #loginForm .btn-primary:hover,
[data-theme="dark"] .form-container .btn-primary:hover {
    background: rgba(59, 130, 246, 0.15) !important;
    background-image: none !important;
    border-color: #60A5FA !important;
    color: #93C5FD !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.25) !important;
}

/* Tab buttons container - Dark */
html[data-theme="dark"] .nav-pills,
html[data-theme="dark"] .auth-tabs,
[data-theme="dark"] .nav-pills {
    background: #0F172A !important;
    border-color: #334155 !important;
}

/* Tab buttons - Outlined style */
html[data-theme="dark"] .nav-pills .nav-link,
html[data-theme="dark"] .auth-tab-link,
[data-theme="dark"] .nav-pills .nav-link {
    background: transparent !important;
    color: #94A3B8 !important;
    border: 1px solid transparent !important;
}

html[data-theme="dark"] .nav-pills .nav-link.active,
html[data-theme="dark"] .auth-tab-link.active,
[data-theme="dark"] .nav-pills .nav-link.active {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #60A5FA !important;
    border: 1px solid #3B82F6 !important;
}

/* Form labels */
html[data-theme="dark"] .form-label,
[data-theme="dark"] .form-label {
    color: #CBD5E1 !important;
}

/* Input fields - Dark */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .input-group .form-control,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
[data-theme="dark"] .form-control {
    background: #0F172A !important;
    border-color: #334155 !important;
    color: #F1F5F9 !important;
}

html[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-control:focus {
    background: #1E293B !important;
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

/* Input group icons */
html[data-theme="dark"] .input-group-text,
[data-theme="dark"] .input-group-text {
    background: #0F172A !important;
    border-color: #334155 !important;
    color: #64748B !important;
}

/* Form titles and subtitles */
html[data-theme="dark"] .form-title,
[data-theme="dark"] .form-title {
    color: #F1F5F9 !important;
}

html[data-theme="dark"] .form-subtitle,
[data-theme="dark"] .form-subtitle {
    color: #94A3B8 !important;
}

/* Divider text */
html[data-theme="dark"] .divider-text,
html[data-theme="dark"] .or-divider,
[data-theme="dark"] .divider-text {
    color: #64748B !important;
}

/* Form links */
html[data-theme="dark"] .form-link,
html[data-theme="dark"] .forgot-link,
html[data-theme="dark"] a.text-primary,
[data-theme="dark"] .form-link {
    color: #60A5FA !important;
}

/* Form footer text */
html[data-theme="dark"] .form-footer-text,
[data-theme="dark"] .form-footer-text {
    color: #94A3B8 !important;
}

/* =========================================================================
   VISITOR PORTAL RESET PASSWORD MODAL - Dark styling
   ========================================================================= */

/* Visitor portal dialog/modal */
[data-theme="dark"] .reset-dialog,
[data-theme="dark"] .forgot-password-dialog,
[data-theme="dark"] .third-party-modal,
[data-theme="dark"] .visitor-modal {
    background: #1E293B !important;
    border-radius: 16px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
}

/* Visitor modal header with icon */
[data-theme="dark"] .reset-dialog-header,
[data-theme="dark"] .visitor-modal-header {
    background: #1E293B !important;
    text-align: center !important;
}

[data-theme="dark"] .reset-dialog-header .icon-circle,
[data-theme="dark"] .visitor-modal .icon-circle {
    background: linear-gradient(135deg, #334155 0%, #1E293B 100%) !important;
    border: 2px solid #475569 !important;
}

[data-theme="dark"] .reset-dialog-header .icon-circle i,
[data-theme="dark"] .visitor-modal .icon-circle i {
    color: #93C5FD !important;
}

/* Visitor modal body text */
[data-theme="dark"] .reset-dialog-body,
[data-theme="dark"] .visitor-modal-body {
    background: #1E293B !important;
    color: #CBD5E1 !important;
}

[data-theme="dark"] .reset-dialog-body p,
[data-theme="dark"] .visitor-modal-body p {
    color: #94A3B8 !important;
}

/* Visitor modal inputs */
[data-theme="dark"] .reset-dialog input,
[data-theme="dark"] .visitor-modal input,
[data-theme="dark"] .reset-dialog .form-control,
[data-theme="dark"] .visitor-modal .form-control {
    background: #0F172A !important;
    border-color: #475569 !important;
    color: #F1F5F9 !important;
}

/* Visitor modal buttons - Outlined Fiacore Blue style */
[data-theme="dark"] .reset-dialog .btn-primary,
[data-theme="dark"] .visitor-modal .btn-primary {
    background: transparent !important;
    border: 2px solid #3B82F6 !important;
    color: #60A5FA !important;
}

[data-theme="dark"] .reset-dialog .btn-cancel,
[data-theme="dark"] .visitor-modal .btn-cancel,
[data-theme="dark"] .reset-dialog .btn-secondary,
[data-theme="dark"] .visitor-modal .btn-secondary {
    background: #475569 !important;
    border-color: #64748B !important;
    color: #F1F5F9 !important;
}

/* Divider with "or" text */
[data-theme="dark"] .divider-text,
[data-theme="dark"] .or-divider,
[data-theme="dark"] .separator-text {
    color: var(--auth-text-tertiary) !important;
}

[data-theme="dark"] .divider-line,
[data-theme="dark"] .or-divider::before,
[data-theme="dark"] .or-divider::after {
    background: var(--auth-border-primary) !important;
}

/* =========================================================================
   OTP VERIFICATION PAGE
   ========================================================================= */

[data-theme="dark"] .otp-container {
    background: transparent !important;
}

[data-theme="dark"] .otp-card {
    background: var(--auth-bg-card) !important;
    box-shadow: var(--auth-shadow-card) !important;
}

[data-theme="dark"] .otp-header {
    background: var(--auth-bg-modal-header) !important;
}

[data-theme="dark"] .otp-header h2,
[data-theme="dark"] .otp-header h3,
[data-theme="dark"] .otp-header h4 {
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .otp-header p {
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .otp-icon {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
}

[data-theme="dark"] .otp-body,
[data-theme="dark"] .otp-form {
    background: var(--auth-bg-card) !important;
}

/* OTP input boxes */
[data-theme="dark"] .otp-input,
[data-theme="dark"] .otp-digit,
[data-theme="dark"] input[name="otp"],
[data-theme="dark"] input[id*="otp"],
[data-theme="dark"] .verification-code-input {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-primary) !important;
}

[data-theme="dark"] .otp-input:focus,
[data-theme="dark"] .otp-digit:focus,
[data-theme="dark"] input[name="otp"]:focus {
    background: var(--auth-bg-card) !important;
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

/* Resend code link */
[data-theme="dark"] .resend-link,
[data-theme="dark"] .resend-code,
[data-theme="dark"] a[href*="resend"] {
    color: #60A5FA !important;
}

[data-theme="dark"] .resend-link:hover,
[data-theme="dark"] .resend-code:hover {
    color: #93C5FD !important;
}

/* OTP timer */
[data-theme="dark"] .otp-timer,
[data-theme="dark"] .countdown-timer {
    color: var(--auth-text-tertiary) !important;
}

/* =========================================================================
   ADDITIONAL AUTH FORM FIXES
   ========================================================================= */

/* Password visibility toggle icons */
[data-theme="dark"] .password-toggle,
[data-theme="dark"] .toggle-password,
[data-theme="dark"] .input-group-text {
    background: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
    color: var(--auth-text-secondary) !important;
}

[data-theme="dark"] .password-toggle:hover,
[data-theme="dark"] .toggle-password:hover,
[data-theme="dark"] .input-group-text:hover {
    color: var(--auth-text-primary) !important;
}

/* Form labels with icons */
[data-theme="dark"] .form-label i,
[data-theme="dark"] .input-icon {
    color: var(--auth-text-tertiary) !important;
}

/* Checkbox containers */
[data-theme="dark"] .form-check-input {
    background-color: var(--auth-bg-input) !important;
    border-color: var(--auth-border-primary) !important;
}

[data-theme="dark"] .form-check-input:checked {
    background-color: #3B82F6 !important;
    border-color: #3B82F6 !important;
}

/* Remember me text */
[data-theme="dark"] .remember-me,
[data-theme="dark"] .form-check-label {
    color: var(--auth-text-secondary) !important;
}

/* Create New Account button variant */
[data-theme="dark"] .btn-outline-primary.create-account-btn,
[data-theme="dark"] .btn-create-account {
    color: #60A5FA !important;
    border-color: #3B82F6 !important;
    background: transparent !important;
}

[data-theme="dark"] .btn-outline-primary.create-account-btn:hover,
[data-theme="dark"] .btn-create-account:hover {
    color: #FFFFFF !important;
    background: #3B82F6 !important;
}

/* =========================================================================
   SYSTEM DARK MODE AUTO-DETECTION SUPPORT
   Respects prefers-color-scheme when no manual preference is set
   ========================================================================= */

/* =========================================================================
   HIGH SPECIFICITY AUTH INPUT OVERRIDES
   Target all form inputs in right-panel with maximum specificity
   ========================================================================= */

[data-theme="dark"] .right-panel input,
[data-theme="dark"] .right-panel input.form-control,
[data-theme="dark"] .right-panel input[type="text"],
[data-theme="dark"] .right-panel input[type="email"],
[data-theme="dark"] .right-panel input[type="password"],
[data-theme="dark"] .right-panel input[type="tel"],
[data-theme="dark"] .right-panel input[type="number"],
[data-theme="dark"] .right-panel textarea,
[data-theme="dark"] .right-panel select,
[data-theme="dark"] .right-panel .input-wrapper input,
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-group select,
html[data-theme="dark"] input.form-control,
html[data-theme="dark"] .form-control {
    background: #0F172A !important;
    background-color: #0F172A !important;
    border-color: #334155 !important;
    color: #F1F5F9 !important;
}

[data-theme="dark"] .right-panel input:focus,
[data-theme="dark"] .right-panel input.form-control:focus,
[data-theme="dark"] .right-panel textarea:focus,
[data-theme="dark"] .right-panel select:focus,
[data-theme="dark"] .form-group input:focus,
html[data-theme="dark"] input.form-control:focus,
html[data-theme="dark"] .form-control:focus {
    background: #1E293B !important;
    background-color: #1E293B !important;
    border-color: #3B82F6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
    color: #F1F5F9 !important;
}

[data-theme="dark"] .right-panel input::placeholder,
[data-theme="dark"] .form-group input::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] .form-control::placeholder {
    color: #64748B !important;
}

/* Input group addons */
[data-theme="dark"] .right-panel .input-group-text,
[data-theme="dark"] .input-group-text {
    background: #0F172A !important;
    border-color: #334155 !important;
    color: #94A3B8 !important;
}

/* =========================================================================
   BROWSER AUTOFILL OVERRIDE - Fix light background on autofilled inputs
   ========================================================================= */

/* Chrome, Safari, Edge autofill */
[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover,
[data-theme="dark"] input:-webkit-autofill:focus,
[data-theme="dark"] input:-webkit-autofill:active,
[data-theme="dark"] .right-panel input:-webkit-autofill,
[data-theme="dark"] .right-panel input:-webkit-autofill:hover,
[data-theme="dark"] .right-panel input:-webkit-autofill:focus,
[data-theme="dark"] .right-panel input:-webkit-autofill:active,
[data-theme="dark"] .form-group input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #0F172A inset !important;
    -webkit-text-fill-color: #F1F5F9 !important;
    box-shadow: 0 0 0 1000px #0F172A inset !important;
    background-color: #0F172A !important;
    border-color: #334155 !important;
    caret-color: #F1F5F9 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Firefox autofill */
[data-theme="dark"] input:autofill,
[data-theme="dark"] .right-panel input:autofill,
[data-theme="dark"] .form-group input:autofill,
html[data-theme="dark"] input:autofill {
    background: #0F172A !important;
    background-color: #0F172A !important;
    color: #F1F5F9 !important;
    border-color: #334155 !important;
}

/* Select autofill */
[data-theme="dark"] select:-webkit-autofill,
[data-theme="dark"] select:-webkit-autofill:hover,
[data-theme="dark"] select:-webkit-autofill:focus,
html[data-theme="dark"] select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #0F172A inset !important;
    -webkit-text-fill-color: #F1F5F9 !important;
    box-shadow: 0 0 0 1000px #0F172A inset !important;
}

/* Textarea autofill */
[data-theme="dark"] textarea:-webkit-autofill,
[data-theme="dark"] textarea:-webkit-autofill:hover,
[data-theme="dark"] textarea:-webkit-autofill:focus,
html[data-theme="dark"] textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #0F172A inset !important;
    -webkit-text-fill-color: #F1F5F9 !important;
    box-shadow: 0 0 0 1000px #0F172A inset !important;
}

/* =========================================================================
   SYSTEM DARK MODE AUTO-DETECTION SUPPORT
   Respects prefers-color-scheme when no manual preference is set
   ========================================================================= */

@media (prefers-color-scheme: dark) {
    /* Auto-apply dark mode for users who haven't manually set a preference */
    html:not([data-theme]) body,
    html[data-theme="auto"] body {
        background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%) !important;
    }
    
    html:not([data-theme]) .left-panel,
    html[data-theme="auto"] .left-panel {
        background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%) !important;
    }
    
    html:not([data-theme]) .right-panel,
    html[data-theme="auto"] .right-panel {
        background: #1E293B !important;
    }
    
    html:not([data-theme]) .hero-title,
    html[data-theme="auto"] .hero-title {
        color: #F1F5F9 !important;
    }
    
    html:not([data-theme]) .hero-subtitle,
    html[data-theme="auto"] .hero-subtitle {
        color: #94A3B8 !important;
    }
}

/* =========================================================================
   AUTH PAGE BUTTONS - FIACORE BLUE OUTLINED STYLE
   All buttons use consistent outlined style with signature blue
   MAX SPECIFICITY to override inline template styles
   ========================================================================= */

/* Primary buttons on all auth pages - Outlined Fiacore Blue style */
html[data-theme="dark"] .right-panel .btn-primary,
html[data-theme="dark"] .auth-container .btn-primary,
html[data-theme="dark"] .login-form .btn-primary,
html[data-theme="dark"] .signup-form .btn-primary,
html[data-theme="dark"] .btn-login,
html[data-theme="dark"] .btn-signin,
html[data-theme="dark"] .btn-signup,
html[data-theme="dark"] .btn-register,
html[data-theme="dark"] .btn-submit,
html[data-theme="dark"] .visitor-form .btn-primary,
html[data-theme="dark"] .third-party-form .btn-primary,
html[data-theme="dark"] form .btn-primary,
html[data-theme="dark"] button.btn-primary,
[data-theme="dark"] .btn-primary {
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #3B82F6 !important;
    color: #60A5FA !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

html[data-theme="dark"] .right-panel .btn-primary:hover,
html[data-theme="dark"] .auth-container .btn-primary:hover,
html[data-theme="dark"] form .btn-primary:hover,
html[data-theme="dark"] button.btn-primary:hover,
[data-theme="dark"] .btn-primary:hover {
    background: rgba(59, 130, 246, 0.15) !important;
    background-image: none !important;
    border-color: #60A5FA !important;
    color: #93C5FD !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.25) !important;
}

/* Dialog buttons - Outlined style (highest specificity) */
html[data-theme="dark"] .dialog-btn-primary,
html[data-theme="dark"] dialog .dialog-btn-primary,
html[data-theme="dark"] #resetDialog .dialog-btn-primary,
html[data-theme="dark"] #usernameDialog .dialog-btn-primary,
[data-theme="dark"] .dialog-btn-primary {
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #3B82F6 !important;
    color: #60A5FA !important;
    font-weight: 600 !important;
}

html[data-theme="dark"] .dialog-btn-primary:hover,
[data-theme="dark"] .dialog-btn-primary:hover {
    background: rgba(59, 130, 246, 0.15) !important;
    background-image: none !important;
    border-color: #60A5FA !important;
    color: #93C5FD !important;
}

/* Dialog info buttons - Outlined style */
html[data-theme="dark"] .dialog-btn-info,
[data-theme="dark"] .dialog-btn-info {
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #06B6D4 !important;
    color: #22D3EE !important;
}

html[data-theme="dark"] .dialog-btn-info:hover,
[data-theme="dark"] .dialog-btn-info:hover {
    background: rgba(6, 182, 212, 0.15) !important;
    color: #67E8F9 !important;
}

/* Dialog success buttons - Outlined style */
html[data-theme="dark"] .dialog-btn-success,
[data-theme="dark"] .dialog-btn-success {
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #22C55E !important;
    color: #4ADE80 !important;
}

/* Dialog warning buttons - Outlined style */
html[data-theme="dark"] .dialog-btn-warning,
[data-theme="dark"] .dialog-btn-warning {
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #EAB308 !important;
    color: #FACC15 !important;
}

/* Cancel buttons - Outlined gray style */
html[data-theme="dark"] .dialog-btn-cancel,
html[data-theme="dark"] dialog .dialog-btn-cancel,
[data-theme="dark"] .dialog-btn-cancel {
    background: transparent !important;
    border: 2px solid #64748B !important;
    color: #94A3B8 !important;
}

html[data-theme="dark"] .dialog-btn-cancel:hover,
[data-theme="dark"] .dialog-btn-cancel:hover {
    background: rgba(100, 116, 139, 0.15) !important;
    color: #CBD5E1 !important;
}

/* Dialog buttons container - Reverse order (Cancel on right) */
html[data-theme="dark"] .dialog-buttons,
[data-theme="dark"] .dialog-buttons {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 12px !important;
}

/* Secondary/outline buttons on auth pages - Same outlined style */
html[data-theme="dark"] .right-panel .btn-outline-primary,
html[data-theme="dark"] .auth-container .btn-outline-primary,
html[data-theme="dark"] .btn-create-account,
html[data-theme="dark"] .visitor-form .btn-outline-primary,
[data-theme="dark"] .btn-outline-primary {
    background: transparent !important;
    border: 2px solid #3B82F6 !important;
    color: #60A5FA !important;
}

html[data-theme="dark"] .btn-outline-primary:hover,
[data-theme="dark"] .btn-outline-primary:hover {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #93C5FD !important;
}

/* Dialog header - Dark with white title (NOT bold blue) */
html[data-theme="dark"] .dialog-header,
html[data-theme="dark"] dialog .dialog-header,
html[data-theme="dark"] #resetDialog .dialog-header,
html[data-theme="dark"] #usernameDialog .dialog-header,
[data-theme="dark"] .dialog-header {
    background: linear-gradient(135deg, #334155 0%, #1E293B 100%) !important;
    border-bottom: 1px solid #475569 !important;
}

html[data-theme="dark"] .dialog-header h5,
html[data-theme="dark"] dialog .dialog-header h5,
[data-theme="dark"] .dialog-header h5 {
    color: #F1F5F9 !important;
}

html[data-theme="dark"] .dialog-header i,
[data-theme="dark"] .dialog-header i {
    color: #93C5FD !important;
}

/* Dialog body */
html[data-theme="dark"] .dialog-body,
html[data-theme="dark"] dialog .dialog-body,
[data-theme="dark"] .dialog-body {
    background: #1E293B !important;
    color: #CBD5E1 !important;
}

html[data-theme="dark"] .dialog-body p,
[data-theme="dark"] .dialog-body p {
    color: #94A3B8 !important;
}

/* Dialog inputs */
html[data-theme="dark"] .dialog-input,
html[data-theme="dark"] dialog .dialog-input,
[data-theme="dark"] .dialog-input {
    background: #0F172A !important;
    border-color: #475569 !important;
    color: #F1F5F9 !important;
}

/* Dialog element itself */
html[data-theme="dark"] dialog,
html[data-theme="dark"] #resetDialog,
html[data-theme="dark"] #usernameDialog,
[data-theme="dark"] dialog {
    background: #1E293B !important;
    border: 1px solid #334155 !important;
    border-radius: 16px !important;
}

html[data-theme="dark"] dialog::backdrop,
[data-theme="dark"] dialog::backdrop {
    background: rgba(0, 0, 0, 0.7) !important;
}

/* Forgot password / recovery links - WCAG AA compliant contrast */
[data-theme="dark"] .forgot-link,
[data-theme="dark"] .recovery-link,
[data-theme="dark"] a[href*="forgot"],
[data-theme="dark"] a[href*="reset"] {
    color: #93C5FD !important; /* Increased contrast for WCAG AA */
}

[data-theme="dark"] .forgot-link:hover,
[data-theme="dark"] .recovery-link:hover {
    color: #BFDBFE !important; /* Even lighter on hover */
}

/* Secondary text - WCAG AA compliant */
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] .helper-text,
[data-theme="dark"] .text-muted {
    color: #94A3B8 !important; /* 4.5:1 contrast ratio */
}

/* Form validation styles */
html[data-theme="dark"] .is-invalid,
[data-theme="dark"] .is-invalid {
    border-color: #EF4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
}

html[data-theme="dark"] .invalid-feedback,
[data-theme="dark"] .invalid-feedback {
    color: #F87171 !important;
    font-size: 0.85rem;
    margin-top: 6px;
}

html[data-theme="dark"] .is-valid,
[data-theme="dark"] .is-valid {
    border-color: #22C55E !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2) !important;
}

html[data-theme="dark"] .valid-feedback,
[data-theme="dark"] .valid-feedback {
    color: #4ADE80 !important;
    font-size: 0.85rem;
    margin-top: 6px;
}

/* Button loading state */
html[data-theme="dark"] .btn-loading,
[data-theme="dark"] .btn-loading {
    pointer-events: none !important;
    opacity: 0.7 !important;
}

html[data-theme="dark"] .spinner-border,
[data-theme="dark"] .spinner-border {
    border-color: currentColor !important;
    border-right-color: transparent !important;
}

/* Outlined buttons - dark mode */
html[data-theme="dark"] .btn-outlined-primary,
[data-theme="dark"] .btn-outlined-primary {
    background: transparent !important;
    border: 2px solid #60A5FA !important;
    color: #60A5FA !important;
}

html[data-theme="dark"] .btn-outlined-primary:hover,
[data-theme="dark"] .btn-outlined-primary:hover {
    background: rgba(96, 165, 250, 0.1) !important;
    border-color: #93C5FD !important;
    color: #93C5FD !important;
}

html[data-theme="dark"] .btn-outlined-secondary,
[data-theme="dark"] .btn-outlined-secondary {
    background: transparent !important;
    border: 2px solid #64748B !important;
    color: #94A3B8 !important;
}

html[data-theme="dark"] .btn-outlined-secondary:hover,
[data-theme="dark"] .btn-outlined-secondary:hover {
    background: rgba(100, 116, 139, 0.15) !important;
    border-color: #94A3B8 !important;
    color: #CBD5E1 !important;
}

/* Modal/Dialog dark mode styling */
html[data-theme="dark"] dialog,
[data-theme="dark"] dialog {
    background: #1E293B !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] dialog h3,
html[data-theme="dark"] dialog h4,
html[data-theme="dark"] dialog h5,
[data-theme="dark"] dialog h3,
[data-theme="dark"] dialog h4,
[data-theme="dark"] dialog h5 {
    color: #F1F5F9 !important;
}

html[data-theme="dark"] dialog p,
[data-theme="dark"] dialog p {
    color: #94A3B8 !important;
}

html[data-theme="dark"] dialog::backdrop,
[data-theme="dark"] dialog::backdrop {
    background: rgba(0, 0, 0, 0.7) !important;
}

html[data-theme="dark"] dialog .form-control,
[data-theme="dark"] dialog .form-control {
    background: #0F172A !important;
    border: 1px solid #334155 !important;
    color: #F1F5F9 !important;
}

html[data-theme="dark"] dialog .input-icon,
[data-theme="dark"] dialog .input-icon {
    color: #60A5FA !important;
}

html[data-theme="dark"] dialog i.fa-envelope,
[data-theme="dark"] dialog i.fa-envelope {
    color: #60A5FA !important;
}

/* Success icon styling in dark mode */
html[data-theme="dark"] .success-icon,
[data-theme="dark"] .success-icon {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #4ADE80 !important;
}

html[data-theme="dark"] .success-icon i,
[data-theme="dark"] .success-icon i {
    color: #4ADE80 !important;
}

/* Step content styling in dark mode */
html[data-theme="dark"] #step4 h5,
[data-theme="dark"] #step4 h5 {
    color: #F1F5F9 !important;
}

html[data-theme="dark"] #step4 p,
[data-theme="dark"] #step4 p {
    color: #94A3B8 !important;
}

/* Create Account link - soft styling */
[data-theme="dark"] .create-account-link,
[data-theme="dark"] .signup-link {
    color: #60A5FA !important;
}

/* =========================================================================
   REPLACE ALL #60A5FA ACCENTS WITH SOFTER COLORS
   ========================================================================= */

/* Override hero title accent */
[data-theme="dark"] .hero-title span {
    color: #93C5FD !important;
}

/* Override feature icons */
[data-theme="dark"] .feature-icon i {
    color: #93C5FD !important;
}

/* Override input icons */
[data-theme="dark"] .input-icon {
    color: #93C5FD !important;
}

/* Override password toggle hover */
[data-theme="dark"] .password-toggle:hover {
    color: #93C5FD !important;
}

/* Override checkbox border - Fiacore Blue */
[data-theme="dark"] .form-check-input:checked {
    border-color: #3B82F6 !important;
    background-color: #3B82F6 !important;
}

/* Override modal icons */
[data-theme="dark"] .modal-steps-title i {
    color: #60A5FA !important;
}

/* Override step indicators - Fiacore Blue */
[data-theme="dark"] .step-indicator.active {
    background: #3B82F6 !important;
    border-color: #3B82F6 !important;
}

/* Override links throughout auth pages */
[data-theme="dark"] .auth-container a,
[data-theme="dark"] .right-panel a:not(.btn) {
    color: #60A5FA !important;
}

[data-theme="dark"] .auth-container a:hover,
[data-theme="dark"] .right-panel a:not(.btn):hover {
    color: #93C5FD !important;
}