/* ================================================================
   GabayRN — Global Dark Mode
   Base reference: Views/Account/Settings.cshtml (html.gabay-dark)
   Toggle key: localStorage 'gabayDarkMode' = '1' / '0'
   Applied via: document.documentElement.classList.toggle('gabay-dark', enabled)
   ================================================================ */

/* ---------- Top nav crescent moon icon colors ---------- */
/* Light mode = dark crescent, Dark mode = yellow moon */
#btnDarkMode i {
    color: #0f172a;
    transition: color 0.2s ease, transform 0.2s ease;
}
html.gabay-dark #btnDarkMode i {
    color: #facc15; /* yellow-400 */
    /* optional subtle glow so yellow pops on dark bg */
    filter: drop-shadow(0 0 6px rgba(250, 204, 21, 0.45));
}
html.gabay-dark #btnDarkMode:hover i {
    color: #fde047;
}
#btnDarkMode {
    transition: background 0.2s, color 0.2s;
}

/* ---------- Base shell ---------- */
html.gabay-dark body { background: #0f172a; color: #e2e8f0; }
html.gabay-dark .app-layout { background: #0f172a; }
html.gabay-dark .main-content { background: #0f172a; }

/* ---------- Top nav ---------- */
html.gabay-dark .top-nav {
    background: #1e293b;
    border-color: #334155;
}
html.gabay-dark .search-container {
    background: #0f172a;
    border-color: #334155;
    color: #94a3b8;
}
html.gabay-dark .search-container input { color: #e2e8f0; }
html.gabay-dark .search-container input::placeholder { color: #64748b; }
html.gabay-dark .nav-icon-btn { color: #94a3b8; }
html.gabay-dark .nav-icon-btn:hover { background: #334155; color: #f1f5f9; }
html.gabay-dark .nav-profile:hover { background: #334155; }
html.gabay-dark .nav-username { color: #f1f5f9; }
html.gabay-dark .nav-avatar { background: #334155; border-color: #334155; }
html.gabay-dark .app-hamburger span { background: #e2e8f0; }

/* ---------- Sidebar ---------- */
html.gabay-dark .sidebar {
    background: #1e293b;
    border-color: #334155;
}
html.gabay-dark .sidebar-brand { color: #60a5fa; }
html.gabay-dark .sidebar-subtitle { color: #94a3b8; }
html.gabay-dark .nav-item { color: #94a3b8; }
html.gabay-dark .nav-item:hover { background: #334155; color: #f1f5f9; }
html.gabay-dark .nav-item.active { background: #1e3a5a; color: #60a5fa; }
html.gabay-dark .sidebar-bottom { border-color: #334155; }
html.gabay-dark .logout-btn { color: #f87171; }
html.gabay-dark .logout-btn:hover { background: rgba(239,68,68,0.12); color: #fecaca; }
html.gabay-dark .user-profile-sm:hover { background: #334155; }
html.gabay-dark .user-profile-sm.active { background: #1e3a5a; }
html.gabay-dark .user-avatar { background: #334155; color: #94a3b8; }
html.gabay-dark .user-info-sm h4 { color: #f1f5f9; }
html.gabay-dark .user-info-sm p { color: #94a3b8; }

/* ---------- Mobile panel ---------- */
html.gabay-dark .app-mobile-panel {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
}

/* ---------- Notifications ---------- */
html.gabay-dark .notif-dropdown {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 15px 40px rgba(0,0,0,0.4);
}
html.gabay-dark .notif-dropdown-header { border-color: #334155; }
html.gabay-dark .notif-dropdown-header h6 { color: #f1f5f9; }
html.gabay-dark .notif-dropdown-list { scrollbar-color: #475569 transparent; }
html.gabay-dark .notif-dropdown-item { border-color: #1e293b; color: #e2e8f0; }
html.gabay-dark .notif-dropdown-item:hover { background: #334155; }
html.gabay-dark .notif-dropdown-item.unread { background: #1e3a5a; }
html.gabay-dark .notif-dropdown-item.unread:hover { background: #243449; }
html.gabay-dark .notif-dropdown-title { color: #f1f5f9; }
html.gabay-dark .notif-dropdown-message { color: #94a3b8; }
html.gabay-dark .notif-dropdown-time { color: #64748b; }
html.gabay-dark .notif-dropdown-footer { border-color: #334155; }
html.gabay-dark .notif-dropdown-empty { color: #64748b; }

/* ---------- Shared modals & overlays ---------- */
html.gabay-dark .gabay-modal { background: #1e293b; }
html.gabay-dark .quiz-loading-modal,
html.gabay-dark .pause-modal,
html.gabay-dark .achievement-modal {
    background: #1e293b;
}
html.gabay-dark .quiz-loading-overlay,
html.gabay-dark .pause-modal-overlay,
html.gabay-dark .achievement-overlay { background: rgba(2,6,23,0.72); }
html.gabay-dark .qlm-title,
html.gabay-dark .pause-modal h3,
html.gabay-dark .achievement-modal-header h2 { color: #f1f5f9; }
html.gabay-dark .qlm-subtitle,
html.gabay-dark .pause-modal-text,
html.gabay-dark .achievement-info p { color: #94a3b8; }
html.gabay-dark .qlm-motivation { background: #0f172a; border-color: #334155; }
html.gabay-dark .qlm-motivation-text { color: #93c5fd; }

/* ---------- Account page (extends inline Styles in Settings.cshtml) ---------- */
html.gabay-dark .account-container { /* no override needed */ }

/* ---------- Dashboard ---------- */
html.gabay-dark .dashboard-body { /* keeps padding/max-width */ }
html.gabay-dark .welcome-header h1 { color: #f1f5f9; }
html.gabay-dark .welcome-header p { color: #94a3b8; }
html.gabay-dark .readiness-overall h2 { color: #60a5fa; }
html.gabay-dark .readiness-overall span { color: #94a3b8; }
html.gabay-dark .section-title { color: #f1f5f9; }
html.gabay-dark .mastery-card,
html.gabay-dark .jump-back-card,
html.gabay-dark .timeline-card,
html.gabay-dark .exam-countdown-card,
html.gabay-dark .dashboard-materials,
html.gabay-dark .analysis-card {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
html.gabay-dark .mastery-body h3,
html.gabay-dark .analysis-header,
html.gabay-dark .timeline-card h5,
html.gabay-dark .exam-info h6 { color: #f1f5f9; }
/* Dashboard inline-styled headers (style="color:#0f172a") must be forced — inline beats stylesheet */
html.gabay-dark .timeline-card h5[style],
html.gabay-dark .dashboard-materials h5[style] { color: #f1f5f9 !important; }
html.gabay-dark .timeline-card a[style*="#0d6efd"],
html.gabay-dark .dashboard-materials a[style*="#0d6efd"] { color: #60a5fa !important; }
html.gabay-dark .materials-chevron { color: #475569; }
html.gabay-dark .timeline-empty-state { color: #94a3b8; }
html.gabay-dark .timeline-empty-state i { color: #475569; }
html.gabay-dark .jump-back-body { /* inside card */ }
html.gabay-dark .jump-back-progress-text { color: #94a3b8; }
html.gabay-dark .jump-back-bar { background: #334155; }
html.gabay-dark .materials-item {
    background: #0f172a;
    border-color: #334155;
}
html.gabay-dark .materials-item:hover { background: #1e293b; border-color: #475569; }
html.gabay-dark .materials-icon { background: #1e293b; border-color: #334155; }
html.gabay-dark .materials-title { color: #f1f5f9 !important; }
html.gabay-dark .materials-meta { color: #94a3b8 !important; }
html.gabay-dark .materials-empty { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .timeline-content h6 { color: #f1f5f9 !important; }
html.gabay-dark .timeline-content p,
html.gabay-dark .timeline-content small { color: #94a3b8 !important; }
html.gabay-dark .timeline-container::before { background: #334155; }
html.gabay-dark .timeline-icon { border-color: #1e293b; box-shadow: 0 0 0 2px #334155; }
html.gabay-dark .timeline-summary { border-color: #334155; }
html.gabay-dark .summary-tile { background: #0f172a; border-color: #334155; }
html.gabay-dark .summary-tile strong { color: #f1f5f9; }
html.gabay-dark .summary-tile span { color: #94a3b8; }
html.gabay-dark .exam-countdown-card .exam-info small { color: #94a3b8; }
html.gabay-dark .analysis-empty-state { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .topic-info h5 { color: #f1f5f9; }
html.gabay-dark .topic-info p { color: #94a3b8; }

/* ---------- Progress ---------- */
html.gabay-dark .progress-body { background: transparent; }
html.gabay-dark .progress-title h1 { color: #f1f5f9; }
html.gabay-dark .progress-title p { color: #94a3b8; }
html.gabay-dark .chart-card,
html.gabay-dark .stat-card {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
html.gabay-dark .card-title { color: #f1f5f9; }
html.gabay-dark .card-subtitle { color: #94a3b8; }
html.gabay-dark .stat-value { color: #f1f5f9; }
html.gabay-dark .stat-label { color: #cbd5e1; }
html.gabay-dark .stat-sub { color: #94a3b8; }
html.gabay-dark .subject-row { background: #0f172a; border-color: #334155; }
html.gabay-dark .subject-row:hover { background: #1e293b; border-color: #475569; }
html.gabay-dark .subject-info h5 { color: #f1f5f9; }
html.gabay-dark .subject-bar-track { background: #334155; }
html.gabay-dark .diff-name { color: #cbd5e1; }
html.gabay-dark .diff-stats { color: #94a3b8; }
html.gabay-dark .diff-bar-track { background: #0f172a; border-color: #334155; }
html.gabay-dark .activity-title { color: #f1f5f9; }
html.gabay-dark .activity-desc { color: #94a3b8; }
html.gabay-dark .activity-time { color: #64748b; }
html.gabay-dark .activity-item { border-color: #334155; }
html.gabay-dark .legend-chip { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .legend-chip:hover { background: #1e293b; }
html.gabay-dark .donut-center .dc-value { color: #f1f5f9; }
html.gabay-dark .donut-center .dc-label { color: #94a3b8; }
html.gabay-dark .empty-state { color: #64748b; }
html.gabay-dark .empty-state i { color: #475569; }
html.gabay-dark .pill-user { background: #0f172a; color: #cbd5e1; border: 1px solid #334155; }
html.gabay-dark .pill-cls-mastered { background: #052e16; color: #4ade80; }
html.gabay-dark .pill-cls-developing { background: #451a03; color: #fcd34d; }
html.gabay-dark .pill-cls-emerging { background: #450a0a; color: #fca5a5; }
html.gabay-dark .activity-count-badge { background: #0f172a; border-color: #334155; color: #94a3b8; }
/* Streaks — fitted under Subject Performance (Progress) */
html.gabay-dark .streak-card { background: #1e293b; border-color: #334155; box-shadow: 0 4px 15px rgba(0,0,0,0.25); }
html.gabay-dark .streak-card:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.35); }
html.gabay-dark .streak-icon.study { background: #451a03; color: #fbbf24; border-color: #92400e; }
html.gabay-dark .streak-icon.login { background: #1e3a5a; color: #60a5fa; border-color: #334155; }
html.gabay-dark .streak-icon.inactive { background: #0f172a; color: #64748b; border-color: #334155; }
html.gabay-dark .streak-info-btn { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .streak-info-btn:hover { background: #1e293b; color: #f1f5f9; border-color: #475569; }
html.gabay-dark .streak-value { color: #f1f5f9; }
html.gabay-dark .streak-value.zero { color: #64748b; }
html.gabay-dark .streak-value small { color: #94a3b8; }
html.gabay-dark .streak-label { color: #e2e8f0; }
html.gabay-dark .streak-sub { color: #94a3b8; }
html.gabay-dark .streak-flame { color: #f59e0b; }
html.gabay-dark .streak-badge.on-fire { background: #451a03; color: #fcd34d; border-color: #92400e; }
html.gabay-dark .streak-badge.idle { background: #0f172a; color: #94a3b8; border-color: #334155; }
html.gabay-dark .streak-badge.milestone { background: #052e16; color: #4ade80; border-color: #166534; }
html.gabay-dark .streak-progress-track { background: #0f172a; border-color: #334155; }
html.gabay-dark .streak-progress-fill.zero { background: #334155; }
html.gabay-dark .streak-footer { color: #64748b; }
html.gabay-dark .streak-footer strong { color: #cbd5e1; }

/* ---------- Study Hub (Index + Hub) ---------- */
html.gabay-dark .study-hub-container,
html.gabay-dark .study-workspace { /* container transparent */ }
html.gabay-dark .header-title h1,
html.gabay-dark .study-workspace h3 { color: #f1f5f9; }
html.gabay-dark .header-title p { color: #94a3b8; }
html.gabay-dark .section-label { color: #94a3b8; }
html.gabay-dark .section-label::after { background: #334155; }
html.gabay-dark .np-tabs { border-color: #334155; }
html.gabay-dark .np-tab { color: #94a3b8; }
html.gabay-dark .np-tab:hover { background: #1e293b; color: #f1f5f9; }
html.gabay-dark .np-card,
html.gabay-dark .module-card {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
html.gabay-dark .np-card:hover,
html.gabay-dark .module-card:hover { border-color: #475569; }
html.gabay-dark .np-card-body h4,
html.gabay-dark .module-card h5 { color: #f1f5f9; }
html.gabay-dark .module-card p { color: #94a3b8; }
html.gabay-dark .progress-bar-bg { background: #334155; }
html.gabay-dark .locked-banner,
html.gabay-dark .unlocked-banner { background: #1e293b; border-color: #334155; }
html.gabay-dark .locked-banner.locked-banner { border-style: dashed; }
html.gabay-dark .locked-content h3,
html.gabay-dark .unlocked-left h3 { color: #f1f5f9; }
html.gabay-dark .locked-content p,
html.gabay-dark .unlocked-left p { color: #94a3b8; }
html.gabay-dark .locked-content small { color: #94a3b8; }
html.gabay-dark .locked-icon { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .segment { background: #334155; }
html.gabay-dark .badge-milestone { background: #1e3a5a; color: #93c5fd; border-color: #334155; }
html.gabay-dark .hero-banner { /* keep image/overlay — text stays white */ }

/* ---------- Materials ---------- */
html.gabay-dark .materials-body h1 { color: #f1f5f9; }
html.gabay-dark .materials-body .page-subtitle { color: #94a3b8 !important; }
html.gabay-dark .filter-bar { background: #1e293b; border-color: #334155; }
html.gabay-dark .np-pill { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .np-pill:hover { border-color: #60a5fa; color: #93c5fd; }
html.gabay-dark .np-pill.active { background: #2563eb; border-color: #2563eb; color: #fff; }
html.gabay-dark .sort-box label { color: #94a3b8; }
html.gabay-dark .sort-box select { background: #0f172a; border-color: #334155; color: #e2e8f0; }
html.gabay-dark .grid-card,
html.gabay-dark .grid-card.bg-white,
html.gabay-dark .materials-body .bg-white.grid-card { background: #1e293b !important; border-color: #334155 !important; box-shadow: 0 6px 18px rgba(0,0,0,0.25) !important; }
html.gabay-dark .grid-card .card-body { background: transparent; }
html.gabay-dark .grid-card h6.text-dark { color: #f1f5f9 !important; }
html.gabay-dark .grid-card .text-muted { color: #94a3b8 !important; }
html.gabay-dark .grid-card .text-primary { color: #60a5fa !important; }
html.gabay-dark .sidebar-card { background: #1e293b; border-color: #334155; }
html.gabay-dark .sidebar-card .card-title-sm { color: #94a3b8; }
html.gabay-dark .sidebar-item { background: #0f172a; border-color: #334155; }
html.gabay-dark .sidebar-item a.item-title { color: #f1f5f9; }
html.gabay-dark .sidebar-item a.item-title:hover { color: #93c5fd; }
html.gabay-dark .sidebar-item .item-meta { color: #94a3b8; }
html.gabay-dark .sidebar-item .thumb { background: #1e293b !important; border-color: #334155 !important; }
html.gabay-dark .sidebar-item .saved-remove { color: #64748b; }
html.gabay-dark .sidebar-item .saved-remove:hover { color: #f87171; }
html.gabay-dark .empty-state { background: #1e293b; border-color: #334155; }
html.gabay-dark .empty-state h6.text-dark { color: #f1f5f9 !important; }
html.gabay-dark .empty-state .text-secondary { color: #94a3b8 !important; }
html.gabay-dark .card-thumb { background: #0f172a; }
html.gabay-dark .card-thumb .thumb-fallback { color: #64748b; }
html.gabay-dark .bookmark-btn { color: #64748b; }
html.gabay-dark .bookmark-btn.saved { color: #a78bfa; }
html.gabay-dark .materials-body h5[style*="color:#0f172a"] { color: #f1f5f9 !important; }
html.gabay-dark .materials-body p[style*="color:#64748b"] { color: #94a3b8 !important; }
html.gabay-dark .blur-teaser-overlay { background: rgba(2,6,23,0.62) !important; }
html.gabay-dark .blur-teaser-overlay span { color: #f1f5f9 !important; }
html.gabay-dark .blur-teaser-overlay small { color: #94a3b8 !important; }
html.gabay-dark #bookmarksModal .list-group-item,
html.gabay-dark #bookmarksModal .bookmark-row,
html.gabay-dark #bookmarksModal .history-row { background: #0f172a !important; border-color: #334155 !important; }
html.gabay-dark #bookmarksModal .bookmark-row h6.text-dark,
html.gabay-dark #bookmarksModal .history-row h6.text-dark { color: #f1f5f9 !important; }
html.gabay-dark #bookmarksModal .bookmark-row small.text-muted,
html.gabay-dark #bookmarksModal .history-row small.text-muted { color: #94a3b8 !important; }
html.gabay-dark #bookmarksModal a[style*="background:#fff"],
html.gabay-dark #bookmarksModal div[style*="background:#fff"] { background: #1e293b !important; border-color: #334155 !important; }
html.gabay-dark .viewall-link { border-color: #334155; }
html.gabay-dark .modal-tab { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .modal-tab.active { background: #2563eb; border-color: #2563eb; color: #fff; }

/* ---------- Timeline ---------- */
html.gabay-dark .timeline-page .page-title h1 { color: #f1f5f9; }
html.gabay-dark .timeline-page .page-title p { color: #94a3b8; }
html.gabay-dark .btn-back { color: #94a3b8; }
html.gabay-dark .btn-back:hover { color: #f1f5f9; }
html.gabay-dark .filter-form { background: #1e293b; border-color: #334155; }
html.gabay-dark .filter-group label { color: #94a3b8; }
html.gabay-dark .custom-date-wrapper input,
html.gabay-dark .custom-date-wrapper input.flatpickr-input,
html.gabay-dark .custom-date-wrapper input.flatpickr-alt-input { background: #0f172a !important; border-color: #334155 !important; color: #e2e8f0 !important; }
html.gabay-dark .custom-date-wrapper input::placeholder { color: #64748b !important; opacity: 1; }
html.gabay-dark .custom-date-wrapper i { color: #64748b; }
html.gabay-dark .column-card { background: #1e293b; border-color: #334155; }
html.gabay-dark .column-header { color: #f1f5f9; border-color: #334155; }
html.gabay-dark .history-container::before { background: #334155; }
html.gabay-dark .history-icon { border-color: #1e293b; box-shadow: 0 0 0 2px #334155; }
html.gabay-dark .notif-icon { background: #1e3a5a; color: #60a5fa; box-shadow: 0 0 0 2px #1e293b; }
html.gabay-dark .history-content h6 { color: #f1f5f9; }
html.gabay-dark .history-content p,
html.gabay-dark .history-content small { color: #94a3b8; }
html.gabay-dark .pagination-container { border-color: #334155; }
html.gabay-dark .pagination-info { color: #94a3b8; }
html.gabay-dark .btn-page { background: #0f172a; color: #94a3b8; }
html.gabay-dark .btn-page:hover { background: #334155; color: #f1f5f9; }

/* ---------- Mock Exam Hub ---------- */
html.gabay-dark .mock-hub-body { background-color: #0f172a; }
html.gabay-dark .mock-hub-body h1.text-dark,
html.gabay-dark .mock-hub-body h1.fw-bold { color: #f1f5f9 !important; }
html.gabay-dark .mock-hub-body p.text-muted { color: #94a3b8 !important; }
html.gabay-dark .mock-hub-body .text-dark { color: #f1f5f9 !important; }
html.gabay-dark .mock-hub-body .text-primary { color: #60a5fa !important; }
html.gabay-dark .stat-card {
    background: #1e293b; border-color: #334155; box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
html.gabay-dark .stat-card .text-muted { color: #94a3b8 !important; }
html.gabay-dark .stat-card h2 { color: #f1f5f9; }
html.gabay-dark .stat-card h2 .text-muted { color: #94a3b8 !important; }
html.gabay-dark .stat-card .text-success { color: #4ade80 !important; }
html.gabay-dark .stat-card .text-danger { color: #f87171 !important; }
html.gabay-dark .attempt-history-card {
    background: #1e293b; border-color: #334155; box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
html.gabay-dark .attempt-history-card::after {
    background: linear-gradient(to top, rgba(30,41,59,0.98), transparent);
}
html.gabay-dark .attempt-history-header { background: #1e293b; border-color: #334155; }
html.gabay-dark .attempt-history-header h5 { color: #f1f5f9; }
html.gabay-dark .attempt-count-chip { background: #1e3a5a; color: #93c5fd; }
html.gabay-dark .attempt-history-scroll { scrollbar-color: #475569 transparent; }
html.gabay-dark .history-card { background: #0f172a; border-color: #334155; }
html.gabay-dark .history-card-header:hover { background: #1e293b; }
html.gabay-dark .history-card-date { color: #f1f5f9; }
html.gabay-dark .history-card-subject { color: #94a3b8; }
html.gabay-dark .history-card-score { color: #f1f5f9; }
html.gabay-dark .history-card-detail { background: #0f172a; border-color: #334155; }
html.gabay-dark .np-row { border-color: #1e293b; }
html.gabay-dark .np-name { color: #e2e8f0; }
html.gabay-dark .np-status.text-muted { color: #64748b !important; }
html.gabay-dark .readiness-widget {
    background: #1e293b; border-color: #334155; box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
html.gabay-dark .readiness-widget .widget-title { color: #60a5fa; }
html.gabay-dark .subject-labels span,
html.gabay-dark .subject-labels strong { color: #e2e8f0 !important; }
html.gabay-dark .readiness-bar-bg { background: #334155; }
html.gabay-dark .readiness-footer-locked { background: #450a0a; border-color: #7f1d1d; }
html.gabay-dark .readiness-footer-locked small { color: #fca5a5 !important; }
html.gabay-dark .readiness-footer-unlocked { background: #052e16; border-color: #166534; }
html.gabay-dark .readiness-footer-unlocked small { color: #86efac !important; }
html.gabay-dark .flagged-widget { background: #1c0a0a; border-color: #7f1d1d; }
html.gabay-dark .flagged-widget p { color: #cbd5e1; }
html.gabay-dark .flagged-widget strong { color: #f1f5f9; }
html.gabay-dark .btn-how-it-works { background: #1e293b; border-color: #334155; color: #60a5fa; }
html.gabay-dark .btn-how-it-works:hover { background: #1e3a5a; border-color: #60a5fa; }
html.gabay-dark .pagination .page-link { background: transparent; color: #94a3b8; }
html.gabay-dark .pagination .page-item.active .page-link { background: #334155; color: #f1f5f9; }
html.gabay-dark .no-attempts { color: #64748b; }

/* ---------- Mock Exam Instructions ---------- */
html.gabay-dark .instruction-body { background: transparent; }
html.gabay-dark .instruction-body .page-title { color: #f1f5f9; }
html.gabay-dark .instruction-body .page-subtitle { color: #94a3b8; }
html.gabay-dark .instruction-card { background: #1e293b; border-color: #334155; box-shadow: 0 6px 18px rgba(0,0,0,0.25); }
html.gabay-dark .protocol-header { color: #f1f5f9; border-color: #334155; }
html.gabay-dark .protocol-item { background: #0f172a; border-color: #334155; }
html.gabay-dark .protocol-item:hover { border-color: #475569; }
html.gabay-dark .protocol-item h6 { color: #f1f5f9; }
html.gabay-dark .protocol-item p { color: #94a3b8; }
html.gabay-dark .icon-box { background: #1e3a5a; color: #60a5fa; }
html.gabay-dark .breakdown-label { color: #94a3b8; }
html.gabay-dark .breakdown-card { background: #1e293b; border-color: #334155; }
html.gabay-dark .breakdown-card:hover { border-color: #475569; }
html.gabay-dark .np-name { color: #e2e8f0; }
html.gabay-dark .qs-chip { background: #0f172a; color: #94a3b8; }
html.gabay-dark .day-focus-card { background: #1e293b; border-color: #334155; box-shadow: 0 6px 18px rgba(0,0,0,0.25); }
html.gabay-dark .day-focus-card h5 { color: #f1f5f9; }
html.gabay-dark .day-focus-card p { color: #94a3b8; }
html.gabay-dark .btn-locked { background: #0f172a; border-color: #334155; color: #64748b; }
html.gabay-dark .lock-hint { color: #94a3b8; }
html.gabay-dark .total-card { background: #1e3a5a; }

/* ---------- Mock Exam Overall Summary ---------- */
html.gabay-dark .summary-container p.text-muted { color: #94a3b8 !important; }
html.gabay-dark .subject-card { background: #1e293b; border-color: #334155; box-shadow: 0 6px 18px rgba(0,0,0,0.25); }
html.gabay-dark .subject-card .subject-title { color: #f1f5f9; }
html.gabay-dark .subject-score { color: #f1f5f9; }
html.gabay-dark .subject-bar-bg { background: #334155; }
html.gabay-dark .btn-outline-primary { border-color: #334155; color: #93c5fd; }
html.gabay-dark .btn-outline-primary:hover { background: #1e3a5a; color: #f1f5f9; }
html.gabay-dark .summary-banner { background-color: #0f172a; }

/* ---------- Mock Exam Review / Flagged ---------- */
html.gabay-dark .review-body .text-muted,
html.gabay-dark .flagged-container .text-muted { color: #94a3b8 !important; }
html.gabay-dark .review-body h1,
html.gabay-dark .flagged-container h2 { color: #f1f5f9 !important; }
html.gabay-dark .review-card { background: #1e293b; border-color: #334155; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
html.gabay-dark .review-card .q-text { color: #e2e8f0 !important; }
html.gabay-dark .review-card .opt-card { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .review-card .opt-card.correct { background: #052e16; border-color: #16a34a; }
html.gabay-dark .review-card .opt-card.wrong { background: #450a0a; border-color: #dc2626; }
html.gabay-dark .not-answered-banner { background: #451a03; border-color: #92400e; }
html.gabay-dark .not-answered-banner span { color: #fcd34d; }
html.gabay-dark .review-search input,
html.gabay-dark .review-range select { background: #0f172a; border-color: #334155; color: #e2e8f0; }
html.gabay-dark .nav-pills .nav-link { color: #94a3b8; }
html.gabay-dark .nav-pills .nav-link.active { background: #2563eb; color: #fff; }
html.gabay-dark .flagged-container { background: transparent !important; }
html.gabay-dark .question-tile { background: #1e293b; border-color: #334155; box-shadow: 0 4px 12px rgba(0,0,0,0.25); }
html.gabay-dark .question-tile:hover { border-color: #475569; }
html.gabay-dark .tile-text { color: #e2e8f0; }
html.gabay-dark .tile-footer .tile-hint { color: #64748b; }
html.gabay-dark .question-tile:hover .tile-hint { color: #f87171; }
html.gabay-dark .modal-content { background: #1e293b; border-color: #334155; }
html.gabay-dark .modal-body .option-box { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .flag-count-chip { background: #450a0a; border-color: #7f1d1d; color: #fca5a5; }
html.gabay-dark .no-results { color: #64748b; }

/* ---------- Interim Result (interim page, Layout=null) ---------- */
html.gabay-dark body { background: #0f172a; }
html.gabay-dark .result-container { background: #1e293b; box-shadow: 0 10px 40px rgba(0,0,0,0.4); }
html.gabay-dark .result-container h1 { color: #60a5fa !important; }
html.gabay-dark .result-container p.text-muted { color: #94a3b8 !important; }
html.gabay-dark .result-container .stat-box { background: #0f172a; border-color: #334155; }
html.gabay-dark .result-container .stat-box h6 { color: #94a3b8 !important; }
html.gabay-dark .result-container .stat-box h2,
html.gabay-dark .result-container .stat-box h3,
html.gabay-dark .result-container .stat-box h5 { color: #f1f5f9 !important; }
html.gabay-dark .result-container .stat-box small { color: #94a3b8 !important; }
html.gabay-dark .result-container .progress { background: #334155 !important; }

/* ---------- Mock Exam / Quiz generic cards ---------- */
html.gabay-dark .mock-card,
html.gabay-dark .quiz-card { background: #1e293b; border-color: #334155; }

/* ---------- Flatpickr dark ---------- */
html.gabay-dark .flatpickr-calendar { background: #1e293b; border-color: #334155 !important; box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important; }
html.gabay-dark .flatpickr-months,
html.gabay-dark .flatpickr-weekdays { background: #1e293b; }
html.gabay-dark .flatpickr-day { color: #cbd5e1; }
html.gabay-dark .flatpickr-day:hover { background: #334155; }

/* ---------- Scrollbars ---------- */
html.gabay-dark *::-webkit-scrollbar-thumb { background: #475569; }
html.gabay-dark .materials-list,
html.gabay-dark .timeline-container { scrollbar-color: #475569 transparent; }

/* ---------- Bootstrap modal overrides ---------- */
html.gabay-dark .modal-content { background: #1e293b; border-color: #334155; }
html.gabay-dark .modal-header { border-color: #334155; }
html.gabay-dark .modal-title { color: #f1f5f9; }
html.gabay-dark .btn-close { filter: invert(1) grayscale(1); }

/* ---------- Dedicated pop-up modals ---------- */
html.gabay-dark .mock-loading-card,
html.gabay-dark .diag-loading-card,
html.gabay-dark .insq-card,
html.gabay-dark .quiz-loading-modal,
html.gabay-dark .qgrid-modal,
html.gabay-dark .grid-modal { background: #1e293b; box-shadow: 0 25px 80px rgba(0,0,0,0.5); }
html.gabay-dark .mock-loading-title,
html.gabay-dark .diag-loading-title,
html.gabay-dark .insq-title,
html.gabay-dark .qlm-title,
html.gabay-dark .qgrid-title,
html.gabay-dark .grid-modal-header h5 { color: #f1f5f9 !important; }
html.gabay-dark .mock-loading-motivation,
html.gabay-dark .diag-loading-motivation,
html.gabay-dark .insq-message,
html.gabay-dark .qlm-subtitle { color: #94a3b8 !important; }
html.gabay-dark .mock-loading-warning { background: #450a0a; border-color: #7f1d1d; }
html.gabay-dark .mock-loading-warning p { color: #fca5a5 !important; }
html.gabay-dark .mock-loading-warning i { color: #f87171 !important; }
html.gabay-dark .diag-loading-warning { background: #1e3a5a; border-color: #334155; }
html.gabay-dark .diag-loading-warning p { color: #93c5fd !important; }
html.gabay-dark .diag-loading-warning i { color: #60a5fa !important; }
html.gabay-dark .mock-loading-steps li,
html.gabay-dark .diag-loading-steps li { color: #64748b; }
html.gabay-dark .mock-loading-steps li.active,
html.gabay-dark .diag-loading-steps li.active { color: #60a5fa; }
html.gabay-dark .mock-loading-steps li.done,
html.gabay-dark .diag-loading-steps li.done { color: #4ade80; }
html.gabay-dark .mock-loading-steps .step-icon,
html.gabay-dark .diag-loading-steps .step-icon { background: #0f172a; }
html.gabay-dark .mock-loading-steps li.active .step-icon { background: #1e3a5a; color: #60a5fa; }
html.gabay-dark .mock-loading-steps li.done .step-icon,
html.gabay-dark .diag-loading-steps li.done .step-icon { background: #052e16; color: #4ade80; }
html.gabay-dark .insq-detail { background: #0f172a; border-color: #334155; }
html.gabay-dark .insq-detail .insq-row { color: #cbd5e1; border-color: #334155; }
html.gabay-dark .insq-detail .insq-row b { color: #f1f5f9; }
html.gabay-dark .insq-close { background: #0f172a; color: #f1f5f9; }
html.gabay-dark .insq-close:hover { background: #1e293b; }
html.gabay-dark .grid-modal-header,
html.gabay-dark .grid-modal-toolbar,
html.gabay-dark .grid-modal-footer,
html.gabay-dark .qgrid-header { border-color: #334155; }
html.gabay-dark .grid-modal-toolbar { background: #1e293b; }
html.gabay-dark .grid-search { background: #0f172a; border-color: #334155; color: #e2e8f0; }
html.gabay-dark .grid-search::placeholder { color: #64748b; }
html.gabay-dark .grid-filter-pill { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .grid-filter-pill.active { background: #2563eb; border-color: #2563eb; color: #fff; }
html.gabay-dark .grid-tile { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .grid-tile:hover { background: #1e293b; border-color: #475569; }
html.gabay-dark .grid-tile.answered { background: #052e16; border-color: #16a34a; color: #4ade80; }
html.gabay-dark .grid-tile.current { background: #2563eb; border-color: #2563eb; color: #fff; }
html.gabay-dark .grid-tile.flagged { background: #451a03; border-color: #f59e0b; color: #fcd34d; }
html.gabay-dark .qbox { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .qbox.answered { background: #1e3a5a; border-color: #60a5fa; color: #93c5fd; }
html.gabay-dark .qbox.current { outline-color: #60a5fa; }
html.gabay-dark .qgrid-np { color: #e2e8f0; }
html.gabay-dark .qgrid-np::after { background: #334155; }
html.gabay-dark .grid-legend { color: #94a3b8; }
html.gabay-dark .qlm-motivation { background: #0f172a; border-color: #334155; }
html.gabay-dark .qlm-motivation-text { color: #93c5fd; }
html.gabay-dark .qlm-dots .qlm-dot { background: #475569; }
html.gabay-dark .pause-modal { background: #1e293b; }
html.gabay-dark .pause-modal-close { background: #0f172a; color: #94a3b8; }
html.gabay-dark .pause-modal-stats { background: #0f172a; color: #cbd5e1; }
html.gabay-dark .diag-mobile-panel,
html.gabay-dark .app-mobile-panel { background: #1e293b; border-color: #334155; }

/* ---------- Isolated Layout=null pages: Quiz Question, Diagnostic, etc ---------- */
/* These pages have inline body {background:#f1f5f9} — override to dark */
html.gabay-dark body[style] { background: #0f172a !important; }
html.gabay-dark .assessment-container,
html.gabay-dark .results-container,
html.gabay-dark .diagnostic-wrapper { background: #1e293b; border-color: #334155; box-shadow: 0 4px 20px rgba(0,0,0,0.3); }
html.gabay-dark .header-bar,
html.gabay-dark .diag-header { background: #1e293b; border-color: #334155; }
html.gabay-dark .logo-area,
html.gabay-dark .logo-area .brand,
html.gabay-dark .diag-logo { color: #60a5fa; }
html.gabay-dark .question-area { border-color: #334155; background: transparent; }
html.gabay-dark .question-text,
html.gabay-dark .q-text { color: #e2e8f0 !important; }
html.gabay-dark .question-text b { color: #60a5fa; }
html.gabay-dark .tags .tag-np,
html.gabay-dark .q-pill-np,
html.gabay-dark .q-pill-topic { background: #1e3a5a; color: #93c5fd; }
html.gabay-dark .tag-diff,
html.gabay-dark .q-pill-difficulty { background: #451a03; color: #fcd34d; }
html.gabay-dark .option-card,
html.gabay-dark .opt-card { background: #0f172a; border-color: #334155; }
html.gabay-dark .option-card:hover,
html.gabay-dark .opt-card:hover { background: #1e293b; border-color: #475569; }
html.gabay-dark .option-card.active { background: #1e3a5a; border-color: #60a5fa; }
html.gabay-dark .opt-card.selected,
html.gabay-dark .opt-card.is-correct,
html.gabay-dark .opt-card.is-incorrect { background: #1e293b; }
html.gabay-dark .opt-card.selected .opt-letter { background: #2563eb; }
html.gabay-dark .opt-card.is-correct { border-color: #16a34a; background: #052e16; }
html.gabay-dark .opt-card.is-incorrect { border-color: #dc2626; background: #450a0a; }
html.gabay-dark .letter-circle,
html.gabay-dark .opt-letter { background: #334155; color: #cbd5e1; }
html.gabay-dark .option-text,
html.gabay-dark .opt-text { color: #e2e8f0 !important; }
html.gabay-dark .text-dark { color: #f1f5f9 !important; }
html.gabay-dark .sidebar { background: #1e293b; border-color: #334155; }
html.gabay-dark .sidebar-section .sidebar-title { color: #f1f5f9; }
html.gabay-dark .sidebar-subtitle { color: #94a3b8; }
html.gabay-dark .progress-track-main,
html.gabay-dark .progress-track-small,
html.gabay-dark .progress-track { background: #334155; }
html.gabay-dark .score-box.correct { background: #052e16; border-color: #166534; }
html.gabay-dark .score-box.incorrect { background: #450a0a; border-color: #7f1d1d; }
html.gabay-dark .subj-left { color: #e2e8f0; }
html.gabay-dark .subj-count { color: #94a3b8; }
html.gabay-dark .sidebar-actions { border-color: #334155; }
html.gabay-dark .sidebar-action-btn { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .sidebar-action-btn:hover { background: #1e293b; border-color: #475569; }
html.gabay-dark .sidebar-action-btn.danger { background: #450a0a; border-color: #7f1d1d; color: #fca5a5; }
html.gabay-dark .sidebar-action-btn.success { background: #166534; border-color: #166534; color: #fff; }
html.gabay-dark .submit-area .btn-prev,
html.gabay-dark .submit-area .btn-grid,
html.gabay-dark .btn-prev,
html.gabay-dark .btn-grid,
html.gabay-dark .btn-end,
html.gabay-dark .btn-save,
html.gabay-dark .btn-outline { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .btn-submit,
html.gabay-dark .btn-primary { background: #2563eb; color: #fff; }
html.gabay-dark .btn-submit:hover { background: #1d4ed8; }
html.gabay-dark .rationale-panel { background: #1e293b; border-color: #334155; box-shadow: 0 6px 24px rgba(0,0,0,0.3); }
html.gabay-dark .rat-title { color: #f1f5f9; border-color: #334155; }
html.gabay-dark .rat-title i { color: #60a5fa; }
html.gabay-dark .ai-correct-text { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .ai-incorrect-callout { background: #450a0a; border-color: #7f1d1d; }
html.gabay-dark .ai-incorrect-text { color: #fca5a5; }
html.gabay-dark .ai-feedback-footer { background: #0f172a; border-color: #334155; }
html.gabay-dark .ai-feedback-disclaimer { color: #94a3b8; }
html.gabay-dark .ai-fb-btn { background: #1e293b; border-color: #334155; color: #e2e8f0; }
html.gabay-dark .ai-fb-report { background: #450a0a; color: #fca5a5; }
html.gabay-dark .results-container .content-wrapper { background: transparent; }
html.gabay-dark .hero-card,
html.gabay-dark .subject-card { background: #0f172a; }
html.gabay-dark .hero-text h1,
html.gabay-dark .subj-details h3 { color: #f1f5f9; }
html.gabay-dark .hero-text p,
html.gabay-dark .subj-details p { color: #94a3b8; }
html.gabay-dark .donut-inner { background: #0f172a; }
html.gabay-dark .readiness-score { color: #60a5fa; }
html.gabay-dark .readiness-label { color: #94a3b8; }
html.gabay-dark .chart-legend .legend-item { color: #94a3b8; }
html.gabay-dark .btn-primary-action { background: #2563eb; }
html.gabay-dark .btn-secondary-action { background: transparent; border-color: #334155; color: #e2e8f0; }
html.gabay-dark .breakdown-header h2 { color: #f1f5f9; }
html.gabay-dark .breakdown-header span { color: #94a3b8; }
html.gabay-dark .diag-text-section h1 { color: #f1f5f9; }
html.gabay-dark .diag-text-section p.subtitle { color: #94a3b8; }
html.gabay-dark .guidelines-box { background: #0f172a; border-color: #334155; }
html.gabay-dark .guidelines-box h3 { color: #f1f5f9; border-color: #334155; }
html.gabay-dark .guideline-item p { color: #cbd5e1; }
html.gabay-dark .btn-later { background: #0f172a; color: #cbd5e1; }
html.gabay-dark .top-nav h5 { color: #60a5fa; }
html.gabay-dark .q-card,
html.gabay-dark .action-bar,
html.gabay-dark .exam-sidebar { background: #1e293b; border-color: #334155; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
html.gabay-dark .q-card .q-text { color: #e2e8f0; }
html.gabay-dark .opt-card .text-dark { color: #e2e8f0 !important; }
html.gabay-dark .timer-text { color: #f1f5f9; }
html.gabay-dark .action-bar .btn-prev { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .action-bar .btn-grid-nav { background: #0f172a; border-color: #334155; color: #93c5fd; }
html.gabay-dark .action-bar .btn-flag { background: #0f172a; border-color: #f59e0b; color: #fcd34d; }
html.gabay-dark .action-bar .btn-flag.active { background: #92400e; border-color: #f59e0b; color: #fff; }
html.gabay-dark .action-bar .btn-flag:hover { background: #451a03; }
html.gabay-dark .btn-skip-bookmark { background: #0f172a; border-color: #7c3aed; color: #c4b5fd; }
html.gabay-dark .btn-skip-bookmark.active { background: #6d28d9; color: #fff; }
html.gabay-dark .btn-skip-bookmark:hover { background: #1e1b4b; }
html.gabay-dark .flagged-mini-tile,
html.gabay-dark .flagged-carousel-card { background: #451a03; border-color: #92400e; }
html.gabay-dark .flagged-carousel-card .fc-text { color: #fde68a; }
html.gabay-dark .flagged-mini-tile .mini-text { color: #fde68a; }
html.gabay-dark .flagged-carousel-nav button { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .exam-sidebar .card[style*="linear-gradient"] { /* keep gradient */ }
html.gabay-dark .results-header h1 { color: #f1f5f9; }
html.gabay-dark .results-header p { color: #94a3b8; }
html.gabay-dark .score-card { background: #1e293b; border-color: #334155; }
html.gabay-dark .circle-inner { background: #1e293b; }
html.gabay-dark .score-percent { color: #60a5fa; }
html.gabay-dark .score-fraction { color: #94a3b8; }
html.gabay-dark .improvement-banner { background: linear-gradient(to right, #052e16, #0f172a); border-color: #166534; }
html.gabay-dark .improvement-text p { color: #cbd5e1; }
html.gabay-dark .metric-box { background: #1e293b; border-color: #334155; }
html.gabay-dark .metric-box.total .mb-value { color: #f1f5f9; }
html.gabay-dark .review-header { border-color: #334155; }
html.gabay-dark .review-header h2 { color: #f1f5f9; }
html.gabay-dark .tab.active { background: #2563eb; border-color: #2563eb; color: #fff; }
html.gabay-dark .tab.inactive { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .review-item { background: #1e293b; border-color: #334155; }
html.gabay-dark .ri-number { color: #f1f5f9; }
html.gabay-dark .ri-tag { background: #0f172a; color: #94a3b8; }
html.gabay-dark .ri-text { color: #e2e8f0; }
html.gabay-dark .ri-selected-block { background: #0f172a; border-color: #334155; }
html.gabay-dark .ri-selected-text { color: #cbd5e1; }
html.gabay-dark .ri-answer-block { background: #052e16; border-color: #166534; }
html.gabay-dark .ri-answer-text { color: #4ade80; }
html.gabay-dark .ri-rationale-block { background: #1e3a5a; border-color: #334155; }
html.gabay-dark .ri-rationale-text { color: #93c5fd; }
html.gabay-dark .ri-ai-block { background: #0f172a; border-color: #334155; }
html.gabay-dark .ri-ai-correct-text { color: #cbd5e1; }
html.gabay-dark .ri-ai-incorrect-text { background: #450a0a; border-color: #7f1d1d; color: #fca5a5; }
html.gabay-dark .ri-unanswered-banner { background: #450a0a; border-color: #7f1d1d; }
html.gabay-dark .ri-unanswered-banner span { color: #fca5a5; }

/* Toast dark */
html.gabay-dark .toast { background: #1e293b; }
html.gabay-dark .toast.error { background: #7f1d1d; }
html.gabay-dark .toast.success { background: #14532d; }

/* Top nav & hamburger for isolated pages */
html.gabay-dark .top-nav { background: #1e293b; border-color: #334155; }
html.gabay-dark .app-hamburger { background: #1e293b; border-color: #334155; }
html.gabay-dark .app-mobile-panel { background: #1e293b; border-color: #334155; }
html.gabay-dark .diag-hamburger { background: #1e293b; border-color: #334155; }
html.gabay-dark .diag-mobile-panel { background: #1e293b; border-color: #334155; }
html.gabay-dark .progress-grid .progress-box { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .progress-grid .progress-box.current { background: #2563eb; border-color: #2563eb; color: #fff; }
html.gabay-dark .progress-grid .progress-box.correct { background: #052e16; border-color: #166534; color: #4ade80; }
html.gabay-dark .progress-grid .progress-box.incorrect { background: #450a0a; border-color: #7f1d1d; color: #f87171; }
html.gabay-dark .metric-card.correct { background: #052e16; border-color: #166534; }
html.gabay-dark .metric-card.incorrect { background: #450a0a; border-color: #7f1d1d; }
html.gabay-dark .metric-title { color: #94a3b8; }
html.gabay-dark .metric-card.correct .metric-title,
html.gabay-dark .metric-card.incorrect .metric-title { color: #cbd5e1; }
html.gabay-dark .metric-value { color: #f1f5f9; }
html.gabay-dark .metric-card.correct .metric-value { color: #4ade80; }
html.gabay-dark .metric-card.incorrect .metric-value { color: #fca5a5; }
html.gabay-dark .locked-banner { background: #1e293b; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .locked-banner i { color: #94a3b8; }
html.gabay-dark .filter-form { background: #1e293b; border-color: #334155; }

/* ---------- Quiz Live (Question.cshtml) — full dark coverage ---------- */
html.gabay-dark .main-content { background: #0f172a; }
html.gabay-dark .session-title { color: #60a5fa; }
html.gabay-dark .quiz-workspace { background: transparent; }
html.gabay-dark .question-panel { background: #1e293b; border-color: #334155; box-shadow: 0 4px 15px rgba(0,0,0,0.25); }
html.gabay-dark .q-meta { color: #94a3b8; }
html.gabay-dark .q-pill-number { background: #0f172a; color: #f1f5f9; border: 1px solid #334155; }
html.gabay-dark .q-pill-np { background: #1e3a5a; color: #93c5fd; }
html.gabay-dark .q-pill-topic { background: #1e293b; color: #a5b4fc; border: 1px solid #334155; }
html.gabay-dark .q-pill-difficulty { background: #451a03; color: #fcd34d; border: 1px solid #92400e; }
html.gabay-dark .q-text { color: #e2e8f0 !important; }
html.gabay-dark .opt-card { background: #0f172a; border-color: #334155; }
html.gabay-dark .opt-card:hover:not(.locked) { background: #1e293b; border-color: #475569; }
html.gabay-dark .opt-card.selected:not(.locked) { background: #1e293b; border-color: #60a5fa; box-shadow: 0 4px 12px rgba(37,99,235,0.18); }
html.gabay-dark .opt-letter { background: #334155; color: #e2e8f0; }
html.gabay-dark .opt-card.selected .opt-letter { background: #2563eb; color: #fff; }
html.gabay-dark .opt-text { color: #e2e8f0 !important; }
html.gabay-dark .opt-card.is-correct { background: #052e16; border-color: #16a34a; }
html.gabay-dark .opt-card.is-correct .opt-letter { background: #16a34a; color: #fff; }
html.gabay-dark .opt-card.is-incorrect { background: #450a0a; border-color: #dc2626; }
html.gabay-dark .opt-card.is-incorrect .opt-letter { background: #dc2626; color: #fff; }
html.gabay-dark .action-footer { border-color: #334155; }
html.gabay-dark .btn-outline { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .btn-outline:hover:not(:disabled) { background: #1e293b; border-color: #475569; color: #f1f5f9; }
html.gabay-dark .btn-sidebar.btn-save { background: #0f172a; border-color: #334155; color: #cbd5e1; }
html.gabay-dark .btn-sidebar.btn-save:hover { background: #1e293b; }
html.gabay-dark .btn-sidebar.btn-end { background: #7f1d1d; border-color: #7f1d1d; color: #fff; }
html.gabay-dark .btn-sidebar.btn-end:hover { background: #991b1b; }

/* Quiz modals — End Session / Save & Exit / No Answer / Exit / Grid */
html.gabay-dark .modal-overlay { background: rgba(2,6,23,0.72); }
html.gabay-dark .modal-box { background: #1e293b; border: 1px solid #334155; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
html.gabay-dark .modal-box h2 { color: #f1f5f9; }
html.gabay-dark .modal-box p { color: #94a3b8; }
html.gabay-dark .modal-box p b { color: #60a5fa; }
html.gabay-dark .modal-icon-circle { background: #451a03 !important; color: #f59e0b !important; }
html.gabay-dark #saveSessionModalOverlay .modal-icon-circle { background: #0c2a4a !important; color: #38bdf8 !important; }
html.gabay-dark #missingAnswerModalOverlay .modal-icon-circle { background: #450a0a !important; color: #f87171 !important; }
html.gabay-dark #exitToDashboardModalOverlay .modal-icon-circle { background: #451a03 !important; color: #fbbf24 !important; }
html.gabay-dark .btn-close-modal { color: #94a3b8; }
html.gabay-dark .btn-close-modal:hover { color: #f1f5f9; }
html.gabay-dark .modal-progress-track { background: #334155; }
html.gabay-dark .modal-progress-labels { color: #94a3b8; }
html.gabay-dark .btn-modal-primary { background: #2563eb; color: #fff; }
html.gabay-dark .btn-modal-primary:hover { background: #1d4ed8; }
html.gabay-dark .btn-modal-secondary { background: #0f172a; border-color: #334155; color: #e2e8f0; }
html.gabay-dark .btn-modal-secondary:hover { background: #1e293b; border-color: #475569; color: #f1f5f9; }
html.gabay-dark #saveSessionModalOverlay .btn-modal-primary { background: #0284c7 !important; }
html.gabay-dark #missingAnswerModalOverlay .btn-modal-primary { background: #dc2626 !important; }
html.gabay-dark .modal-box.grid-modal-box { background: #1e293b; border-color: #334155; }
html.gabay-dark .grid-modal-header h2 { color: #f1f5f9; }
html.gabay-dark .grid-answered-count { background: #0f172a; border-color: #334155; color: #94a3b8; }
html.gabay-dark .grid-q-card { background: #0f172a; border-color: #334155; }
html.gabay-dark .grid-q-card.correct { background: #052e16; border-color: #16a34a; }
html.gabay-dark .grid-q-card.incorrect { background: #450a0a; border-color: #7f1d1d; }
html.gabay-dark .grid-q-card.unanswered { background: #1e293b; border-color: #475569; }
html.gabay-dark .grid-q-card.current { border-color: #60a5fa; box-shadow: 0 0 0 2px rgba(96,165,250,0.3); }
html.gabay-dark .grid-q-text { color: #cbd5e1; }
html.gabay-dark .grid-q-card.correct .grid-q-text { color: #bbf7d0; }
html.gabay-dark .grid-q-card.incorrect .grid-q-text { color: #fecaca; }
html.gabay-dark .grid-q-status.correct { color: #4ade80; }
html.gabay-dark .grid-q-status.incorrect { color: #f87171; }
html.gabay-dark .grid-q-status.unanswered { color: #94a3b8; }
html.gabay-dark .grid-q-number { background: #1e293b; border-color: #334155; color: #94a3b8; }
html.gabay-dark .grid-q-card.current .grid-q-number { background: #2563eb; border-color: #2563eb; color: #fff; }
html.gabay-dark .grid-empty { color: #64748b; }
html.gabay-dark .btn-scroll-top { background: #2563eb; color: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.4); }
html.gabay-dark #focusToast { background: #7f1d1d; color: #fff; }

/* ================================================================
   FIX PACK — unreadable text, modal headers, study tabs, results
   ================================================================ */

/* ---------- Shared GabayModal (full coverage: title/body/close/buttons) ---------- */
html.gabay-dark .gabay-modal-overlay { background: rgba(2,6,23,0.72); }
html.gabay-dark .gabay-modal { background: #1e293b; border: 1px solid #334155; box-shadow: 0 25px 80px rgba(0,0,0,0.5); }
html.gabay-dark .gabay-modal-title { color: #f1f5f9; }
html.gabay-dark .gabay-modal-body { color: #cbd5e1; }
html.gabay-dark .gabay-modal-body strong,
html.gabay-dark .gabay-modal-body b { color: #f1f5f9; }
html.gabay-dark .gabay-modal-body p { color: #cbd5e1; }
html.gabay-dark .gabay-modal-body ul,
html.gabay-dark .gabay-modal-body li { color: #94a3b8; }
html.gabay-dark .gabay-modal-close { color: #94a3b8; }
html.gabay-dark .gabay-modal-close:hover { color: #f1f5f9; }
html.gabay-dark .gabay-modal-btn-secondary { background: #0f172a; border-color: #334155; color: #e2e8f0; }
html.gabay-dark .gabay-modal-btn-secondary:hover { background: #1e293b; border-color: #475569; color: #f1f5f9; }
html.gabay-dark .gabay-modal-icon.danger { background: #450a0a; color: #f87171; }
html.gabay-dark .gabay-modal-icon.warning { background: #451a03; color: #fbbf24; }
html.gabay-dark .gabay-modal-icon.info,
html.gabay-dark .gabay-modal-icon.save { background: #0c2a4a; color: #38bdf8; }
html.gabay-dark .gabay-modal-icon.success { background: #052e16; color: #4ade80; }
/* Streak info popups use inline light colors — force dark readable */
html.gabay-dark .gabay-modal-body div[style*="color:#475569"],
html.gabay-dark .gabay-modal-body p[style*="color:#475569"] { color: #cbd5e1 !important; }
html.gabay-dark .gabay-modal-body strong[style*="color:#0f172a"] { color: #f1f5f9 !important; }
html.gabay-dark .gabay-modal-body strong[style*="color:#475569"] { color: #e2e8f0 !important; }
html.gabay-dark .gabay-modal-body p[style*="color:#94a3b8"] { color: #94a3b8 !important; }
/* Mock confirm/time-up boxes use inline light green/red — darken */
html.gabay-dark .gabay-modal-body div[style*="background:#f0fdf4"] { background: #052e16 !important; border-color: #166534 !important; }
html.gabay-dark .gabay-modal-body div[style*="background:#fef2f2"] { background: #450a0a !important; border-color: #7f1d1d !important; }
html.gabay-dark .gabay-modal-body span[style*="color:#166534"],
html.gabay-dark .gabay-modal-body p[style*="color:#16a34a"] { color: #4ade80 !important; }
html.gabay-dark .gabay-modal-body span[style*="color:#991b1b"],
html.gabay-dark .gabay-modal-body p[style*="color:#dc2626"] { color: #fca5a5 !important; }

/* ---------- Mock Exam Live: sidebar readable text + badges ---------- */
html.gabay-dark .exam-workspace { background: transparent; }
html.gabay-dark .exam-sidebar .text-muted { color: #94a3b8 !important; }
html.gabay-dark .exam-sidebar .text-dark { color: #f1f5f9 !important; }
html.gabay-dark .exam-sidebar .text-primary { color: #60a5fa !important; }
html.gabay-dark .exam-sidebar .text-warning { color: #fbbf24 !important; }
html.gabay-dark .exam-sidebar .bg-light { background: #0f172a !important; border-color: #334155 !important; color: #94a3b8 !important; }
html.gabay-dark .exam-sidebar .progress { background: #334155 !important; }
html.gabay-dark .exam-sidebar h2 .fs-5 { color: #94a3b8 !important; }
html.gabay-dark .q-card .badge.bg-dark { background: #0f172a !important; color: #f1f5f9 !important; }
html.gabay-dark .q-card .badge.bg-primary { background: #1e3a5a !important; color: #93c5fd !important; }
html.gabay-dark .q-card .badge.bg-warning { background: #451a03 !important; color: #fcd34d !important; }
html.gabay-dark .exam-sidebar .btn-end-subject { background: #0f172a; border-color: #7f1d1d; color: #fca5a5; }
html.gabay-dark .exam-sidebar .btn-end-subject:hover { background: #450a0a; }
html.gabay-dark .exam-sidebar .btn-end-subject.complete { border-color: #16a34a; color: #4ade80; }
html.gabay-dark .exam-sidebar .btn-end-subject.complete:hover { background: #052e16; }
html.gabay-dark .top-nav .text-dark { color: #f1f5f9 !important; }
/* Mock grid modal header + toolbar readable */
html.gabay-dark .qgrid-modal .qgrid-header h5,
html.gabay-dark .grid-modal .grid-modal-header h5 { color: #f1f5f9 !important; }
html.gabay-dark .qgrid-modal .qgrid-header p,
html.gabay-dark .grid-modal .grid-modal-header p { color: #94a3b8 !important; }
html.gabay-dark .mock-loading-card h2,
html.gabay-dark .grid-modal h2 { color: #f1f5f9 !important; }

/* ---------- Quiz answer page (Question.cshtml, Layout=null) ---------- */
html.gabay-dark .sidebar-brand { color: #60a5fa; }
html.gabay-dark .sidebar-subtitle,
html.gabay-dark .sidebar-section-title { color: #94a3b8; }
html.gabay-dark .ai-correct-text b { color: #60a5fa; }
html.gabay-dark .ai-incorrect-text b { color: #f87171; }
html.gabay-dark .opt-card .status-icon { background: transparent; }

/* ---------- Mock results: OverallSummary badges + text ---------- */
html.gabay-dark .summary-container .text-muted { color: #94a3b8 !important; }
html.gabay-dark .summary-container h4 { color: #f1f5f9; }
html.gabay-dark .mastered { background: #052e16; color: #4ade80; border-color: #166534; }
html.gabay-dark .developing { background: #451a03; color: #fcd34d; border-color: #92400e; }
html.gabay-dark .emerging { background: #450a0a; color: #fca5a5; border-color: #7f1d1d; }
html.gabay-dark .score-ring-inner { background: #0f172a; }
html.gabay-dark .score-value { color: #f1f5f9; }
html.gabay-dark .score-label { color: #94a3b8; }

/* ---------- InterimResult (CompleteSection) dark ---------- */
html.gabay-dark .result-container h1.text-primary { color: #60a5fa !important; }
html.gabay-dark .result-container .text-muted { color: #94a3b8 !important; }
html.gabay-dark .result-container .text-dark { color: #f1f5f9 !important; }
html.gabay-dark .result-container .text-primary { color: #60a5fa !important; }
html.gabay-dark .result-container .btn-light { background: #0f172a; border-color: #334155; color: #93c5fd; }
html.gabay-dark .result-container .btn-light:hover { background: #1e293b; }
html.gabay-dark .result-container .icon-circle { background: #2563eb; box-shadow: 0 0 0 10px #1e3a5a; }

/* ---------- Study Hub + Study Index tabs and cards ---------- */
html.gabay-dark .np-tabs { border-color: #334155; }
html.gabay-dark .np-tab { color: #94a3b8; border-color: transparent; }
html.gabay-dark .np-tab:hover { background: #1e293b; color: #f1f5f9; }
html.gabay-dark .breadcrumb.text-muted { color: #94a3b8 !important; }
html.gabay-dark .breadcrumb .text-primary { color: #60a5fa !important; }
html.gabay-dark .header-actions.text-muted { color: #94a3b8 !important; }
html.gabay-dark .module-card h5.text-dark,
html.gabay-dark .np-card-body h4 { color: #f1f5f9 !important; }
html.gabay-dark .module-card p.text-muted,
html.gabay-dark .module-card .text-muted { color: #94a3b8 !important; }
html.gabay-dark .module-card .icon-wrapper { background: #1e3a5a; color: #60a5fa; }
html.gabay-dark .progress-row span { color: #94a3b8; }
html.gabay-dark .progress-row strong { color: #f1f5f9; }
html.gabay-dark .color-mastered .status-badge { background: #052e16; color: #4ade80; border-color: #166534; }
html.gabay-dark .color-developing .status-badge { background: #451a03; color: #fcd34d; border-color: #92400e; }
html.gabay-dark .color-emerging .status-badge { background: #450a0a; color: #fca5a5; border-color: #7f1d1d; }
html.gabay-dark .study-workspace h3[style*="color: #0f172a"] { color: #f1f5f9 !important; }
html.gabay-dark .pause-modal-text strong { color: #f1f5f9; }
html.gabay-dark .pause-modal-stats { background: #0f172a; }

/* ---------- Onboarding (Layout=null) — slate-and-silver theme, no white flash ---------- */
html.gabay-dark body { background: #0f172a !important; }
html.gabay-dark .onboarding-wrapper { background: #1e293b !important; box-shadow: 0 8px 32px rgba(0,0,0,0.35) !important; border: 1px solid #334155; }
html.gabay-dark .onboarding-header { border-color: #334155 !important; }
html.gabay-dark .onboarding-logo { color: #60a5fa !important; }
html.gabay-dark .step-indicator { color: #94a3b8 !important; }
html.gabay-dark .step-indicator span { color: #60a5fa !important; }
html.gabay-dark .question-title { color: #f1f5f9 !important; }
html.gabay-dark .question-subtitle { color: #94a3b8 !important; }
html.gabay-dark .option-card { background: #0f172a !important; border-color: #334155 !important; }
html.gabay-dark .option-card:hover { background: #1e293b !important; border-color: #475569 !important; }
html.gabay-dark .option-card.active { background: #1e3a5a !important; border-color: #60a5fa !important; }
html.gabay-dark .card-icon { background: #1e293b !important; color: #60a5fa !important; }
html.gabay-dark .option-card.active .card-icon { background: #1e3a5a !important; }
html.gabay-dark .card-content h4 { color: #f1f5f9 !important; }
html.gabay-dark .card-content p { color: #94a3b8 !important; }
html.gabay-dark .btn-back-light { background: #0f172a !important; color: #cbd5e1 !important; border: 1px solid #334155; }
html.gabay-dark .btn-back-light:hover { background: #1e293b !important; color: #f1f5f9 !important; border-color: #475569; }
html.gabay-dark .popup-box { background: #1e293b !important; border-color: #334155; }
html.gabay-dark .popup-box h3 { color: #f1f5f9 !important; }
html.gabay-dark .popup-box p { color: #94a3b8 !important; }

/* Daily Goal card — dark (both standalone and injected variants) */
html.gabay-dark .daily-goal-card,
html.gabay-dark .daily-goal-in-exam,
html.gabay-dark #dailyGoalCard { background: #1e293b !important; border-color: #334155 !important; box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important; }
html.gabay-dark .daily-goal-card [style*="color:#0f172a"],
html.gabay-dark .daily-goal-in-exam [style*="color:#0f172a"],
html.gabay-dark #dailyGoalCard [style*="color:#0f172a"] { color: #f1f5f9 !important; }
html.gabay-dark .daily-goal-card [style*="color:#64748b"],
html.gabay-dark .daily-goal-in-exam [style*="color:#64748b"],
html.gabay-dark #dailyGoalCard [style*="color:#64748b"] { color: #94a3b8 !important; }
html.gabay-dark .daily-goal-card [style*="background:#e2e8f0"],
html.gabay-dark .daily-goal-in-exam [style*="background:#e2e8f0"],
html.gabay-dark #dailyGoalCard [style*="background:#e2e8f0"] { background: #334155 !important; }
html.gabay-dark .exam-countdown-card { background: #1e293b !important; border-color: #334155 !important; }
html.gabay-dark .daily-goal-in-exam [style*="color:#94a3b8"] { color: #94a3b8 !important; }