/* ==============================================================================
   Q MATRIX — COMPLETE CENTRALIZED DARK THEME DESIGN SYSTEM (A TO Z)
   Palette: Near-Black (#0B0B0D), Charcoal (#17181B), Orange Accent (#FF7900)
   White Theme Integrity: 100% untouched when dark mode is inactive.
   ============================================================================== */

/* ==============================================================================
   1. DESIGN TOKENS (SCOPED STRICTLY TO DARK THEME)
   ============================================================================== */
:root[data-bs-theme="dark"],
html[data-bs-theme="dark"],
html.dark-mode,
body.dark-mode {
    /* Exact Palette per Specification */
    --qm-dark-bg-page: #0B0B0D;
    --qm-dark-bg-surface: #111214;
    --qm-dark-bg-sidebar: #17181B;
    --qm-dark-bg-card: #17181B;
    --qm-dark-bg-card-hover: #202125;
    --qm-dark-bg-input: #141518;
    --qm-dark-border: #2A2B30;
    --qm-dark-border-strong: #383940;
    --qm-dark-heading: #F5F5F5;
    --qm-dark-text: #D1D1D6;
    --qm-dark-muted: #92939B;
    --qm-dark-orange: #FF7900;
    --qm-dark-orange-hover: #E96E00;
    --qm-dark-success: #35C98A;
    --qm-dark-info: #45B8F0;
    --qm-dark-warning: #F4BD4F;
    --qm-dark-error: #F05B64;

    /* Theme Variable Mappings */
    --primary: #FF7900;
    --primary-dark: #E96E00;
    --secondary: #F5F5F5;
    --light: #0B0B0D;
    --white: #17181B;
    --gray: #92939B;
    --border: #2A2B30;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.55);

    /* Bootstrap 5.3 Semantic Variable Overrides */
    --bs-body-bg: #0B0B0D;
    --bs-body-color: #D1D1D6;
    --bs-emphasis-color: #F5F5F5;
    --bs-secondary-color: #92939B;
    --bs-tertiary-color: #92939B;
    --bs-secondary-bg: #111214;
    --bs-tertiary-bg: #141518;
    --bs-border-color: #2A2B30;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.08);
    --bs-card-bg: #17181B;
    --bs-card-border-color: #2A2B30;
    --bs-card-color: #D1D1D6;
    --bs-modal-bg: #17181B;
    --bs-modal-border-color: #2A2B30;
    --bs-dropdown-bg: #17181B;
    --bs-dropdown-border-color: #2A2B30;
    --bs-dropdown-link-color: #D1D1D6;
    --bs-dropdown-link-hover-bg: #202125;
    --bs-dropdown-link-hover-color: #F5F5F5;
    --bs-primary: #FF7900;
    --bs-primary-rgb: 255, 121, 0;

    /* Examination & Assessment System Design Tokens */
    --qm-bg-base: #0B0B0D;
    --qm-bg-surface: #111214;
    --qm-bg-card: #17181B;
    --qm-bg-card-hover: #202125;
    --qm-border-subtle: #2A2B30;
    --qm-border-focus: #FF7900;
    --qm-accent-orange: #FF7900;
    --qm-accent-orange-hover: #E96E00;
    --qm-accent-orange-subtle: rgba(255, 121, 0, 0.14);
    --qm-accent-orange-border: rgba(255, 121, 0, 0.45);
    --qm-text-primary: #F5F5F5;
    --qm-text-secondary: #D1D1D6;
    --qm-text-muted: #92939B;
    --qm-success: #35C98A;
    --qm-success-hover: #2cb37a;
    --qm-success-subtle: rgba(53, 201, 138, 0.15);
    --qm-warning: #F4BD4F;
    --qm-warning-subtle: rgba(244, 189, 79, 0.15);
    --qm-danger: #F05B64;
    --qm-danger-subtle: rgba(240, 91, 100, 0.15);
    --qm-header-bg: #17181B;
    --qm-header-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
    --qm-card-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --qm-card-header-bg: #111214;
    --qm-statement-bg: #111214;
    --qm-opt-bg: #141518;
    --qm-opt-hover-bg: #202125;
    --qm-opt-selected-bg: rgba(255, 121, 0, 0.14);
    --qm-opt-badge-bg: #17181B;
    --qm-opt-badge-text: #D1D1D6;
    --qm-opt-badge-border: #2A2B30;
    --qm-palette-current-bg: rgba(255, 121, 0, 0.18);
    --qm-palette-current-text: #FF7900;
    --qm-modal-bg: #17181B;
    --qm-modal-summary-bg: #111214;
}

/* ==============================================================================
   2. BASE CANVAS & LAYOUT SURFACES
   ============================================================================== */
[data-bs-theme="dark"] body,
html.dark-mode body,
body.dark-mode {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] main,
body.dark-mode main,
[data-bs-theme="dark"] .dashboard-wrapper,
body.dark-mode .dashboard-wrapper,
[data-bs-theme="dark"] .dashboard-content,
body.dark-mode .dashboard-content,
[data-bs-theme="dark"] .admin-main-wrapper,
body.dark-mode .admin-main-wrapper,
[data-bs-theme="dark"] .admin-content-area,
body.dark-mode .admin-content-area,
[data-bs-theme="dark"] .management-portal .dashboard-content,
body.dark-mode .management-portal .dashboard-content,
[data-bs-theme="dark"] .auth-wrapper,
body.dark-mode .auth-wrapper,
[data-bs-theme="dark"] .platform-wrapper,
body.dark-mode .platform-wrapper {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

/* ==============================================================================
   3. TYPOGRAPHY & TEXT HIERARCHY
   ============================================================================== */
[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2, [data-bs-theme="dark"] h3:not(.reading-prompt-text):not(#codingAnswered):not(#aptitudeAnswered):not(#reviewQuestions):not(#remainingQuestions),
[data-bs-theme="dark"] h4, [data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3:not(.reading-prompt-text):not(#codingAnswered):not(#aptitudeAnswered):not(#reviewQuestions):not(#remainingQuestions),
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,
[data-bs-theme="dark"] .h1, [data-bs-theme="dark"] .h2, [data-bs-theme="dark"] .h3:not(.reading-prompt-text):not(#codingAnswered):not(#aptitudeAnswered):not(#reviewQuestions):not(#remainingQuestions),
[data-bs-theme="dark"] .h4, [data-bs-theme="dark"] .h5, [data-bs-theme="dark"] .h6,
body.dark-mode .h1, body.dark-mode .h2, body.dark-mode .h3:not(.reading-prompt-text):not(#codingAnswered):not(#aptitudeAnswered):not(#reviewQuestions):not(#remainingQuestions),
body.dark-mode .h4, body.dark-mode .h5, body.dark-mode .h6,
[data-bs-theme="dark"] .text-dark,
body.dark-mode .text-dark,
[data-bs-theme="dark"] .text-body,
body.dark-mode .text-body,
[data-bs-theme="dark"] .stat-main-value,
body.dark-mode .stat-main-value,
[data-bs-theme="dark"] .section-main-heading,
body.dark-mode .section-main-heading {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] p,
body.dark-mode p,
[data-bs-theme="dark"] .text-secondary,
body.dark-mode .text-secondary {
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .text-muted,
body.dark-mode .text-muted,
[data-bs-theme="dark"] small.text-muted,
body.dark-mode small.text-muted,
[data-bs-theme="dark"] .text-body-secondary,
body.dark-mode .text-body-secondary {
    color: #92939B !important;
}

[data-bs-theme="dark"] hr,
body.dark-mode hr,
[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] .border-top,
[data-bs-theme="dark"] .border-bottom,
[data-bs-theme="dark"] .border-start,
[data-bs-theme="dark"] .border-end,
body.dark-mode .border,
body.dark-mode .border-top,
body.dark-mode .border-bottom,
body.dark-mode .border-start,
body.dark-mode .border-end {
    border-color: #2A2B30 !important;
}

/* Accent & Status Colors */
[data-bs-theme="dark"] .text-primary,
body.dark-mode .text-primary {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .text-success,
body.dark-mode .text-success {
    color: #35C98A !important;
}

[data-bs-theme="dark"] .text-info,
body.dark-mode .text-info {
    color: #45B8F0 !important;
}

[data-bs-theme="dark"] .text-warning,
body.dark-mode .text-warning {
    color: #F4BD4F !important;
}

[data-bs-theme="dark"] .text-danger,
body.dark-mode .text-danger {
    color: #F05B64 !important;
}

/* ==============================================================================
   4. TOP NAVIGATION & HEADER CONTROLS
   ============================================================================== */
[data-bs-theme="dark"] .navbar,
body.dark-mode .navbar,
[data-bs-theme="dark"] .navbar.bg-white,
body.dark-mode .navbar.bg-white,
[data-bs-theme="dark"] .dashboard-wrapper .navbar,
body.dark-mode .dashboard-wrapper .navbar,
[data-bs-theme="dark"] .admin-top-navbar,
body.dark-mode .admin-top-navbar,
[data-bs-theme="dark"] header.bg-body,
body.dark-mode header.bg-body {
    background-color: #17181B !important;
    border-bottom: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

[data-bs-theme="dark"] .navbar .nav-link,
body.dark-mode .navbar .nav-link {
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .navbar .nav-link:hover,
body.dark-mode .navbar .nav-link:hover,
[data-bs-theme="dark"] .navbar .nav-link.active,
body.dark-mode .navbar .nav-link.active,
[data-bs-theme="dark"] .navbar .nav-link.active-nav,
body.dark-mode .navbar .nav-link.active-nav {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .navbar-brand,
body.dark-mode .navbar-brand {
    color: #FF7900 !important;
}

/* Search Bar (Nav Expandable & Inputs) */
[data-bs-theme="dark"] .nav-search-expandable-box,
body.dark-mode .nav-search-expandable-box,
[data-bs-theme="dark"] #globalSearchInput,
body.dark-mode #globalSearchInput,
[data-bs-theme="dark"] #adminGlobalSearchInput,
body.dark-mode #adminGlobalSearchInput {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .nav-search-expandable-input,
body.dark-mode .nav-search-expandable-input {
    background-color: transparent !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .nav-search-expandable-input::placeholder,
body.dark-mode .nav-search-expandable-input::placeholder {
    color: #92939B !important;
}

[data-bs-theme="dark"] .nav-search-expandable-dropdown,
body.dark-mode .nav-search-expandable-dropdown {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
}

[data-bs-theme="dark"] .nav-search-result-item:hover,
body.dark-mode .nav-search-result-item:hover {
    background-color: #202125 !important;
    color: #F5F5F5 !important;
}

/* Notifications Dropdown & Profile Menu */
[data-bs-theme="dark"] #navNotificationDropdownMenu,
body.dark-mode #navNotificationDropdownMenu,
[data-bs-theme="dark"] .profile-dropdown-header,
body.dark-mode .profile-dropdown-header {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

/* ==============================================================================
   5. SIDEBAR & OFFCANVAS PLATFORM DRAWER
   ============================================================================== */
[data-bs-theme="dark"] #platformNavDrawer,
body.dark-mode #platformNavDrawer,
[data-bs-theme="dark"] .platform-nav-drawer,
body.dark-mode .platform-nav-drawer,
[data-bs-theme="dark"] .sidebar,
body.dark-mode .sidebar,
[data-bs-theme="dark"] #mainSidebar,
body.dark-mode #mainSidebar,
[data-bs-theme="dark"] .admin-sidebar,
body.dark-mode .admin-sidebar {
    background-color: #17181B !important;
    border-right: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .offcanvas-header,
body.dark-mode .offcanvas-header,
[data-bs-theme="dark"] .drawer-section-label,
body.dark-mode .drawer-section-label,
[data-bs-theme="dark"] .admin-sidebar-header,
body.dark-mode .admin-sidebar-header {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #92939B !important;
}

/* Sidebar Navigation Items */
[data-bs-theme="dark"] .student-sidebar-item,
body.dark-mode .student-sidebar-item,
[data-bs-theme="dark"] .sidebar-link,
body.dark-mode .sidebar-link,
[data-bs-theme="dark"] .admin-sidebar-link,
body.dark-mode .admin-sidebar-link,
[data-bs-theme="dark"] .drawer-nav-item,
body.dark-mode .drawer-nav-item {
    color: #D1D1D6 !important;
    background: transparent;
    border-radius: 10px;
    transition: background-color 0.18s ease, color 0.18s ease;
}

[data-bs-theme="dark"] .student-sidebar-item i,
body.dark-mode .student-sidebar-item i,
[data-bs-theme="dark"] .sidebar-link i,
body.dark-mode .sidebar-link i,
[data-bs-theme="dark"] .admin-sidebar-link i,
body.dark-mode .admin-sidebar-link i {
    color: #92939B !important;
    transition: color 0.18s ease;
}

/* Hover State */
[data-bs-theme="dark"] .student-sidebar-item:hover,
body.dark-mode .student-sidebar-item:hover,
[data-bs-theme="dark"] .sidebar-link:hover,
body.dark-mode .sidebar-link:hover,
[data-bs-theme="dark"] .admin-sidebar-link:hover,
body.dark-mode .admin-sidebar-link:hover,
[data-bs-theme="dark"] .drawer-nav-item:hover,
body.dark-mode .drawer-nav-item:hover {
    background-color: #202125 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .student-sidebar-item:hover i,
body.dark-mode .student-sidebar-item:hover i,
[data-bs-theme="dark"] .sidebar-link:hover i,
body.dark-mode .sidebar-link:hover i,
[data-bs-theme="dark"] .admin-sidebar-link:hover i,
body.dark-mode .admin-sidebar-link:hover i {
    color: #F5F5F5 !important;
}

/* Active Navigation Item (Clear Orange Accent & Dark Surface) */
[data-bs-theme="dark"] .student-sidebar-item.active,
body.dark-mode .student-sidebar-item.active,
[data-bs-theme="dark"] .sidebar-link.active,
body.dark-mode .sidebar-link.active,
[data-bs-theme="dark"] .admin-sidebar-link.active,
body.dark-mode .admin-sidebar-link.active,
[data-bs-theme="dark"] .drawer-nav-item.active,
body.dark-mode .drawer-nav-item.active {
    background-color: #17181B !important;
    color: #FF7900 !important;
    border-left: 3px solid #FF7900 !important;
    font-weight: 700 !important;
    box-shadow: inset 0 0 12px rgba(255, 121, 0, 0.08) !important;
}

[data-bs-theme="dark"] .student-sidebar-item.active i,
body.dark-mode .student-sidebar-item.active i,
[data-bs-theme="dark"] .sidebar-link.active i,
body.dark-mode .sidebar-link.active i,
[data-bs-theme="dark"] .admin-sidebar-link.active i,
body.dark-mode .admin-sidebar-link.active i {
    color: #FF7900 !important;
}

/* Sidebar Drawer Item Titles & Controls (Harmonized Contrast) */
[data-bs-theme="dark"] .drawer-item-title,
body.dark-mode .drawer-item-title {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .drawer-item-icon-box,
body.dark-mode .drawer-item-icon-box {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .drawer-nav-item:hover .drawer-item-title,
body.dark-mode .drawer-nav-item:hover .drawer-item-title {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .drawer-nav-item.active .drawer-item-title,
body.dark-mode .drawer-nav-item.active .drawer-item-title {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .drawer-theme-footer,
body.dark-mode .drawer-theme-footer {
    background: #111214 !important;
    border-top: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .sidebar-theme-row,
body.dark-mode .sidebar-theme-row {
    background: #17181B !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .sidebar-theme-row:hover,
body.dark-mode .sidebar-theme-row:hover {
    background: #202125 !important;
    border-color: #383940 !important;
}

[data-bs-theme="dark"] .theme-mode-avatar,
body.dark-mode .theme-mode-avatar {
    background: rgba(255, 121, 0, 0.15) !important;
    color: #FF7900 !important;
    border: 1px solid rgba(255, 121, 0, 0.3) !important;
}

[data-bs-theme="dark"] .theme-mode-label,
body.dark-mode .theme-mode-label {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .theme-mode-status-desc,
body.dark-mode .theme-mode-status-desc {
    color: #92939B !important;
}

/* ==============================================================================
   6. DASHBOARD & EXPLORE / LEARN (MATCHING REFERENCE SCREENSHOT)
   ============================================================================== */
/* Hero Command Center / Streak Banner */
[data-bs-theme="dark"] .hero-command-center,
body.dark-mode .hero-command-center {
    background: linear-gradient(135deg, #17181B 0%, #1c1d22 55%, rgba(255, 121, 0, 0.12) 100%) !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .hero-student-name,
body.dark-mode .hero-student-name {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .streak-container-card,
body.dark-mode .streak-container-card {
    background: #17181B !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 10px 28px -10px rgba(0, 0, 0, 0.5) !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .streak-milestone-box,
body.dark-mode .streak-milestone-box {
    background: #141518 !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .streak-milestone-box:hover,
body.dark-mode .streak-milestone-box:hover {
    background: #202125 !important;
    border-color: rgba(255, 121, 0, 0.40) !important;
}

/* Explore & Learn Section Header & Category Filters */
[data-bs-theme="dark"] .explore-learn-section,
body.dark-mode .explore-learn-section {
    background-color: transparent !important;
}

[data-bs-theme="dark"] .portal-filters-bar,
body.dark-mode .portal-filters-bar {
    background: #141518 !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .portal-tab-btn,
body.dark-mode .portal-tab-btn {
    background: transparent;
    color: #92939B !important;
}

[data-bs-theme="dark"] .portal-tab-btn:hover,
body.dark-mode .portal-tab-btn:hover {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .portal-tab-btn.active,
body.dark-mode .portal-tab-btn.active {
    background: #FF7900 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 10px rgba(255, 121, 0, 0.4) !important;
}

/* 12 Bento Portal Cards (Charcoal Surface #17181B, Subtle Border #2A2B30) */
[data-bs-theme="dark"] .portal-bento-card,
body.dark-mode .portal-bento-card {
    background: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .portal-bento-card:hover,
body.dark-mode .portal-bento-card:hover {
    background: #202125 !important;
    border-color: #383940 !important;
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .portal-card-title,
body.dark-mode .portal-card-title,
[data-bs-theme="dark"] .bento-card-title,
body.dark-mode .bento-card-title {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .portal-card-desc,
body.dark-mode .portal-card-desc,
[data-bs-theme="dark"] .bento-card-desc,
body.dark-mode .bento-card-desc {
    color: #92939B !important;
}

/* Tasteful Dark Circular Icon Badges */
[data-bs-theme="dark"] .portal-icon-circle,
body.dark-mode .portal-icon-circle,
[data-bs-theme="dark"] .bento-squircle,
body.dark-mode .bento-squircle {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-bs-theme="dark"] .bento-theme-courses .portal-icon-circle { background: rgba(2, 132, 199, 0.16) !important; color: #38BDF8 !important; }
[data-bs-theme="dark"] .bento-theme-ai .portal-icon-circle { background: rgba(219, 39, 119, 0.16) !important; color: #F472B6 !important; }
[data-bs-theme="dark"] .bento-theme-qmatrix .portal-icon-circle { background: rgba(124, 58, 237, 0.16) !important; color: #A78BFA !important; }
[data-bs-theme="dark"] .bento-theme-code .portal-icon-circle { background: rgba(5, 150, 105, 0.16) !important; color: #34D399 !important; }
[data-bs-theme="dark"] .bento-theme-sql .portal-icon-circle { background: rgba(2, 132, 199, 0.16) !important; color: #38BDF8 !important; }
[data-bs-theme="dark"] .bento-theme-aptitude .portal-icon-circle { background: rgba(217, 119, 6, 0.16) !important; color: #FBBF24 !important; }
[data-bs-theme="dark"] .bento-theme-communication .portal-icon-circle { background: rgba(225, 29, 72, 0.16) !important; color: #FB7185 !important; }
[data-bs-theme="dark"] .bento-theme-resume .portal-icon-circle { background: rgba(13, 148, 136, 0.16) !important; color: #2DD4BF !important; }
[data-bs-theme="dark"] .bento-theme-daily .portal-icon-circle { background: rgba(255, 121, 0, 0.16) !important; color: #FF7900 !important; }
[data-bs-theme="dark"] .bento-theme-internships .portal-icon-circle { background: rgba(22, 163, 74, 0.16) !important; color: #4ADE80 !important; }
[data-bs-theme="dark"] .bento-theme-leaderboard .portal-icon-circle { background: rgba(202, 138, 4, 0.16) !important; color: #FACC15 !important; }
[data-bs-theme="dark"] .bento-theme-assigned .portal-icon-circle { background: rgba(147, 51, 234, 0.16) !important; color: #C084FC !important; }

/* Dashboard Stats Strip & Metric Cards */
[data-bs-theme="dark"] .dashboard-stats-strip,
body.dark-mode .dashboard-stats-strip,
[data-bs-theme="dark"] .stat-pill-card,
body.dark-mode .stat-pill-card,
[data-bs-theme="dark"] .stats-card,
body.dark-mode .stats-card,
[data-bs-theme="dark"] .saas-metric-card,
body.dark-mode .saas-metric-card {
    background: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .section-icon-box,
body.dark-mode .section-icon-box {
    background: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #FF7900 !important;
}

/* Assigned Test Main Cards */
[data-bs-theme="dark"] .assigned-test-main-card,
body.dark-mode .assigned-test-main-card,
[data-bs-theme="dark"] .assigned-test-result-card,
body.dark-mode .assigned-test-result-card {
    background: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .assigned-test-main-card.has-assigned-test,
body.dark-mode .assigned-test-main-card.has-assigned-test {
    background: linear-gradient(135deg, #17181B 0%, #1e1f24 50%, rgba(255, 121, 0, 0.12) 100%) !important;
    border: 1px solid #2A2B30 !important;
    border-left: 4px solid #FF7900 !important;
}

/* ==============================================================================
   7. CARDS, PANELS & CONTAINERS (UNIVERSAL)
   ============================================================================== */
[data-bs-theme="dark"] .card,
body.dark-mode .card,
[data-bs-theme="dark"] .bg-white,
body.dark-mode .bg-white,
[data-bs-theme="dark"] .bg-light,
body.dark-mode .bg-light,
[data-bs-theme="dark"] .saas-card,
body.dark-mode .saas-card,
[data-bs-theme="dark"] .feature-card,
body.dark-mode .feature-card,
[data-bs-theme="dark"] .pricing-card,
body.dark-mode .pricing-card,
[data-bs-theme="dark"] .admin-card,
body.dark-mode .admin-card,
[data-bs-theme="dark"] .auth-card,
body.dark-mode .auth-card,
[data-bs-theme="dark"] .saas-auth-card,
body.dark-mode .saas-auth-card,
[data-bs-theme="dark"] .course-card,
body.dark-mode .course-card,
[data-bs-theme="dark"] .course-card-v2,
body.dark-mode .course-card-v2,
[data-bs-theme="dark"] .internship-card,
body.dark-mode .internship-card,
[data-bs-theme="dark"] .profile-card,
body.dark-mode .profile-card {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer,
body.dark-mode .card-header,
body.dark-mode .card-footer {
    background-color: #111214 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .card:hover,
body.dark-mode .card:hover {
    border-color: #383940 !important;
}

/* ==============================================================================
   8. FORMS, INPUTS, DROPDOWNS & MODALS
   ============================================================================== */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
body.dark-mode .form-control,
body.dark-mode .form-select,
[data-bs-theme="dark"] textarea,
body.dark-mode textarea,
[data-bs-theme="dark"] input[type="text"],
[data-bs-theme="dark"] input[type="email"],
[data-bs-theme="dark"] input[type="password"],
[data-bs-theme="dark"] input[type="search"],
[data-bs-theme="dark"] input[type="number"],
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="search"],
body.dark-mode input[type="number"] {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus,
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus,
[data-bs-theme="dark"] textarea:focus,
body.dark-mode textarea:focus {
    background-color: #141518 !important;
    border-color: #FF7900 !important;
    box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.25) !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .form-control::placeholder,
body.dark-mode .form-control::placeholder,
[data-bs-theme="dark"] textarea::placeholder,
body.dark-mode textarea::placeholder {
    color: #92939B !important;
}

[data-bs-theme="dark"] .input-group-text,
body.dark-mode .input-group-text {
    background-color: #111214 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .form-check-input,
body.dark-mode .form-check-input {
    background-color: #141518;
    border-color: #2A2B30;
}

[data-bs-theme="dark"] .form-check-input:checked,
body.dark-mode .form-check-input:checked {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
}

/* Modals */
[data-bs-theme="dark"] .modal-content,
body.dark-mode .modal-content {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.75) !important;
}

[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer,
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    background-color: #111214 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .btn-close,
body.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(180%);
}

/* Dropdowns & Popovers */
[data-bs-theme="dark"] .dropdown-menu,
body.dark-mode .dropdown-menu {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

[data-bs-theme="dark"] .dropdown-item,
body.dark-mode .dropdown-item {
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus,
body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #202125 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .dropdown-divider,
body.dark-mode .dropdown-divider {
    border-color: #2A2B30 !important;
}

/* ==============================================================================
   9. TABLES & DATA VISUALIZATION
   ============================================================================== */
[data-bs-theme="dark"] .table,
body.dark-mode .table,
html.dark-mode .table {
    color: #D1D1D6 !important;
    border-color: #2A2B30 !important;
    --bs-table-bg: transparent !important;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.02) !important;
    --bs-table-hover-bg: #202125 !important;
    --bs-table-color: #D1D1D6 !important;
    --bs-table-border-color: #2A2B30 !important;
    background-color: transparent !important;
}

[data-bs-theme="dark"] .table thead,
[data-bs-theme="dark"] .table thead th,
[data-bs-theme="dark"] .table th,
body.dark-mode .table thead,
body.dark-mode .table thead th,
body.dark-mode .table th {
    background-color: #111214 !important;
    color: #F5F5F5 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .table td,
body.dark-mode .table td {
    background-color: transparent !important;
    color: #D1D1D6 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .table-hover tbody tr:hover,
[data-bs-theme="dark"] .table-hover tbody tr:hover > *,
body.dark-mode .table-hover tbody tr:hover,
body.dark-mode .table-hover tbody tr:hover > * {
    background-color: #202125 !important;
    color: #F5F5F5 !important;
}

/* Pagination */
[data-bs-theme="dark"] .pagination .page-link,
body.dark-mode .pagination .page-link {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .pagination .page-item.active .page-link,
body.dark-mode .pagination .page-item.active .page-link {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
}

/* ApexCharts Dark Tuning */
[data-bs-theme="dark"] .apexcharts-canvas text,
body.dark-mode .apexcharts-canvas text {
    fill: #92939B !important;
}

[data-bs-theme="dark"] .apexcharts-tooltip,
body.dark-mode .apexcharts-tooltip {
    background: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
}

/* ==============================================================================
   10. ASSESSMENT & EXAMINATION INTERFACES
   ============================================================================== */
[data-bs-theme="dark"] .test-container,
body.dark-mode .test-container,
[data-bs-theme="dark"] .question-card,
body.dark-mode .question-card,
[data-bs-theme="dark"] .question-palette-panel,
body.dark-mode .question-palette-panel {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .question-text,
body.dark-mode .question-text,
[data-bs-theme="dark"] #question-text,
body.dark-mode #question-text,
[data-bs-theme="dark"] .question-statement,
body.dark-mode .question-statement {
    color: #F5F5F5 !important;
}

/* MCQ Options */
[data-bs-theme="dark"] .option-card,
body.dark-mode .option-card,
[data-bs-theme="dark"] .test-option,
body.dark-mode .test-option,
[data-bs-theme="dark"] .qm-option-card,
body.dark-mode .qm-option-card {
    background-color: #141518 !important;
    border: 1.5px solid #2A2B30 !important;
    color: #D1D1D6 !important;
    transition: all 0.18s ease;
}

[data-bs-theme="dark"] .option-card:hover,
body.dark-mode .option-card:hover,
[data-bs-theme="dark"] .test-option:hover,
body.dark-mode .test-option:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
}

[data-bs-theme="dark"] .option-card.selected,
body.dark-mode .option-card.selected,
[data-bs-theme="dark"] .test-option.selected,
body.dark-mode .test-option.selected {
    background-color: rgba(255, 121, 0, 0.12) !important;
    border-color: #FF7900 !important;
    color: #F5F5F5 !important;
}

/* Option Letter Badge (A, B, C, D) */
[data-bs-theme="dark"] .option-badge,
body.dark-mode .option-badge,
[data-bs-theme="dark"] .opt-label-badge,
body.dark-mode .opt-label-badge {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .option-card.selected .option-badge,
body.dark-mode .option-card.selected .option-badge,
[data-bs-theme="dark"] .test-option.selected .opt-label-badge,
body.dark-mode .test-option.selected .opt-label-badge {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
}

/* Question Palette Action Buttons */
[data-bs-theme="dark"] .palette-btn.answered,
body.dark-mode .palette-btn.answered {
    background-color: #35C98A !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .palette-btn.unanswered,
body.dark-mode .palette-btn.unanswered {
    background-color: #F05B64 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .palette-btn.flagged,
body.dark-mode .palette-btn.flagged {
    background-color: #A855F7 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .palette-btn.current,
body.dark-mode .palette-btn.current {
    border: 2px solid #FF7900 !important;
    box-shadow: 0 0 0 2px rgba(255, 121, 0, 0.35) !important;
}

/* Examination Action Bar */
[data-bs-theme="dark"] .exam-bottom-bar,
body.dark-mode .exam-bottom-bar {
    background-color: #17181B !important;
    border-top: 1px solid #2A2B30 !important;
}

/* Test Result Page Dark Styling */
[data-bs-theme="dark"] .result-hero-section,
body.dark-mode .result-hero-section {
    background: linear-gradient(135deg, #17181B 0%, #1c1d22 60%, rgba(255, 121, 0, 0.12) 100%) !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .score-card-primary,
body.dark-mode .score-card-primary,
[data-bs-theme="dark"] .summary-stat-card,
body.dark-mode .summary-stat-card,
[data-bs-theme="dark"] .question-review-card,
body.dark-mode .question-review-card {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

/* ==============================================================================
   11. CODE EDITORS & TOOLBARS (CODING PRACTICE, SQL, DAILY CHALLENGE)
   ============================================================================== */
[data-bs-theme="dark"] .editor-workspace-card,
body.dark-mode .editor-workspace-card,
[data-bs-theme="dark"] .problem-desc-card,
body.dark-mode .problem-desc-card,
[data-bs-theme="dark"] .editor-workspace-body,
body.dark-mode .editor-workspace-body {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .editor-monaco-frame,
body.dark-mode .editor-monaco-frame {
    background-color: #111214 !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .terminal-output-panel,
body.dark-mode .terminal-output-panel,
[data-bs-theme="dark"] .code-console-panel,
body.dark-mode .code-console-panel,
[data-bs-theme="dark"] pre.terminal-text,
body.dark-mode pre.terminal-text {
    background-color: #0B0B0D !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

/* Primary Orange Actions */
[data-bs-theme="dark"] .btn-primary,
body.dark-mode .btn-primary {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .btn-primary:hover,
[data-bs-theme="dark"] .btn-primary:focus,
body.dark-mode .btn-primary:hover,
body.dark-mode .btn-primary:focus {
    background-color: #E96E00 !important;
    border-color: #E96E00 !important;
    box-shadow: 0 4px 12px rgba(255, 121, 0, 0.35) !important;
}

[data-bs-theme="dark"] .btn-outline-primary,
body.dark-mode .btn-outline-primary {
    border-color: #FF7900 !important;
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .btn-outline-primary:hover,
body.dark-mode .btn-outline-primary:hover {
    background-color: #FF7900 !important;
    color: #FFFFFF !important;
}

/* ==============================================================================
   12. THEME CONTROLS & CLEAN CUSTOM SCROLLBARS
   ============================================================================== */
/* Theme Slide Switch track in Dark Mode */
[data-bs-theme="dark"] .theme-slide-track,
body.dark-mode .theme-slide-track {
    background: #141518 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .theme-slide-thumb,
body.dark-mode .theme-slide-thumb {
    background: #FF7900 !important;
    transform: translateX(21px);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .theme-thumb-icon-sun,
body.dark-mode .theme-thumb-icon-sun {
    display: none !important;
}

[data-bs-theme="dark"] .theme-thumb-icon-moon,
body.dark-mode .theme-thumb-icon-moon {
    display: flex !important;
    color: #FFFFFF !important;
}

/* Custom Charcoal Dark Scrollbars */
[data-bs-theme="dark"] ::-webkit-scrollbar,
body.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-track,
body.dark-mode ::-webkit-scrollbar-track {
    background: #0B0B0D;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb,
body.dark-mode ::-webkit-scrollbar-thumb {
    background: #2A2B30;
    border-radius: 4px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover,
body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #383940;
}

/* ==============================================================================
   10. SHARED FOOTER DARK THEME (SEAMLESS CHARCOAL #17181B, BORDER #27282D)
   ============================================================================== */
[data-bs-theme="dark"] .footer,
html.dark-mode .footer,
body.dark-mode .footer {
    background: #17181B !important;
    background-color: #17181B !important;
    border-top: 1px solid #27282D !important;
    color: #92939B !important;
}

[data-bs-theme="dark"] .footer .footer-title,
html.dark-mode .footer .footer-title,
body.dark-mode .footer .footer-title {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .footer .footer-title::after,
html.dark-mode .footer .footer-title::after,
body.dark-mode .footer .footer-title::after {
    background: #FF7900 !important;
}

[data-bs-theme="dark"] .footer .footer-desc,
html.dark-mode .footer .footer-desc,
body.dark-mode .footer .footer-desc {
    color: #92939B !important;
}

[data-bs-theme="dark"] .footer .footer-nav-list a,
html.dark-mode .footer .footer-nav-list a,
body.dark-mode .footer .footer-nav-list a {
    color: #94A3B8 !important;
}

[data-bs-theme="dark"] .footer .footer-nav-list a:hover,
html.dark-mode .footer .footer-nav-list a:hover,
body.dark-mode .footer .footer-nav-list a:hover {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .footer .footer-contact-list li,
html.dark-mode .footer .footer-contact-list li,
body.dark-mode .footer .footer-contact-list li {
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .footer .footer-contact-list a,
html.dark-mode .footer .footer-contact-list a,
body.dark-mode .footer .footer-contact-list a {
    color: #94A3B8 !important;
}

[data-bs-theme="dark"] .footer .footer-contact-list a:hover,
html.dark-mode .footer .footer-contact-list a:hover,
body.dark-mode .footer .footer-contact-list a:hover {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .footer .contact-icon-wrapper,
html.dark-mode .footer .contact-icon-wrapper,
body.dark-mode .footer .contact-icon-wrapper {
    background: rgba(255, 121, 0, 0.14) !important;
    color: #FF7900 !important;
    border: 1px solid rgba(255, 121, 0, 0.28) !important;
}

[data-bs-theme="dark"] .footer .social-icons a,
html.dark-mode .footer .social-icons a,
body.dark-mode .footer .social-icons a {
    background: #17181B !important;
    border: 1px solid #27282D !important;
    color: #92939B !important;
}

[data-bs-theme="dark"] .footer .social-icons a:hover,
html.dark-mode .footer .social-icons a:hover,
body.dark-mode .footer .social-icons a:hover {
    background: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(255, 121, 0, 0.35) !important;
}

[data-bs-theme="dark"] .footer .footer-divider,
html.dark-mode .footer .footer-divider,
body.dark-mode .footer .footer-divider {
    border: 0 !important;
    border-top: 1px solid #27282D !important;
}

[data-bs-theme="dark"] .footer .copyright-text,
html.dark-mode .footer .copyright-text,
body.dark-mode .footer .copyright-text {
    color: #92939B !important;
}

[data-bs-theme="dark"] .footer .copyright-text .text-white,
[data-bs-theme="dark"] .footer .copyright-text span,
html.dark-mode .footer .copyright-text .text-white,
html.dark-mode .footer .copyright-text span,
body.dark-mode .footer .copyright-text .text-white,
body.dark-mode .footer .copyright-text span {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .footer .footer-legal-links .legal-link,
html.dark-mode .footer .footer-legal-links .legal-link,
body.dark-mode .footer .footer-legal-links .legal-link {
    color: #92939B !important;
}

[data-bs-theme="dark"] .footer .footer-legal-links .legal-link:hover,
html.dark-mode .footer .footer-legal-links .legal-link:hover,
body.dark-mode .footer .footer-legal-links .legal-link:hover {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .footer .link-bullet,
html.dark-mode .footer .link-bullet,
body.dark-mode .footer .link-bullet {
    color: rgba(255, 255, 255, 0.18) !important;
}

/* ==============================================================================
   13. COMPREHENSIVE STUDENT PORTAL DARK THEME EXTENSIONS
   Palette: Near-Black (#0B0B0D), Charcoal (#17181B), Dark Slate (#111214, #141518),
            Subtle Border (#2A2B30), Strong Border (#383940), QMatrix Orange (#FF7900),
            Primary Text (#F5F5F5), Secondary Text (#D1D1D6), Muted Text (#92939B).
   ============================================================================== */

/* --- A. Universal Surfaces, Utilities & Cards --- */
[data-bs-theme="dark"] .bg-white,
body.dark-mode .bg-white,
[data-bs-theme="dark"] .bg-light,
body.dark-mode .bg-light {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .bg-body,
body.dark-mode .bg-body,
[data-bs-theme="dark"] .bg-body-tertiary,
body.dark-mode .bg-body-tertiary,
[data-bs-theme="dark"] .bg-body-secondary,
body.dark-mode .bg-body-secondary {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .text-dark,
body.dark-mode .text-dark,
[data-bs-theme="dark"] .text-black,
body.dark-mode .text-black,
[data-bs-theme="dark"] .text-body,
body.dark-mode .text-body,
[data-bs-theme="dark"] .text-dark-emphasis,
body.dark-mode .text-dark-emphasis {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .text-secondary,
body.dark-mode .text-secondary,
[data-bs-theme="dark"] .text-muted,
body.dark-mode .text-muted,
[data-bs-theme="dark"] .text-body-secondary,
body.dark-mode .text-body-secondary {
    color: #92939B !important;
}

[data-bs-theme="dark"] .border-light,
body.dark-mode .border-light,
[data-bs-theme="dark"] .border-white,
body.dark-mode .border-white {
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .list-group-item,
body.dark-mode .list-group-item {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .list-group-item:hover,
body.dark-mode .list-group-item:hover {
    background-color: #202125 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .accordion-item,
body.dark-mode .accordion-item {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .accordion-button,
body.dark-mode .accordion-button {
    background-color: #111214 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .accordion-button:not(.collapsed),
body.dark-mode .accordion-button:not(.collapsed) {
    background-color: #1A1B20 !important;
    color: #FF7900 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .accordion-button::after,
body.dark-mode .accordion-button::after {
    filter: invert(1) brightness(150%);
}

[data-bs-theme="dark"] .accordion-body,
body.dark-mode .accordion-body {
    background-color: #17181B !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .nav-tabs,
body.dark-mode .nav-tabs {
    border-bottom-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link,
body.dark-mode .nav-tabs .nav-link {
    color: #92939B !important;
    border-color: transparent !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover,
body.dark-mode .nav-tabs .nav-link:hover {
    color: #F5F5F5 !important;
    border-color: transparent !important;
    background-color: #202125 !important;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active,
body.dark-mode .nav-tabs .nav-link.active {
    color: #FF7900 !important;
    background-color: #17181B !important;
    border-color: #2A2B30 #2A2B30 #17181B !important;
    font-weight: 700;
}

[data-bs-theme="dark"] .nav-pills .nav-link,
body.dark-mode .nav-pills .nav-link {
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .nav-pills .nav-link.active,
body.dark-mode .nav-pills .nav-link.active {
    background-color: #FF7900 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .badge.bg-light,
body.dark-mode .badge.bg-light,
[data-bs-theme="dark"] .badge.bg-white,
body.dark-mode .badge.bg-white {
    background-color: #141518 !important;
    color: #D1D1D6 !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .progress,
body.dark-mode .progress {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .alert-info,
body.dark-mode .alert-info {
    background-color: rgba(69, 184, 240, 0.12) !important;
    border-color: rgba(69, 184, 240, 0.3) !important;
    color: #45B8F0 !important;
}

[data-bs-theme="dark"] .alert-success,
body.dark-mode .alert-success {
    background-color: rgba(53, 201, 138, 0.12) !important;
    border-color: rgba(53, 201, 138, 0.3) !important;
    color: #35C98A !important;
}

[data-bs-theme="dark"] .alert-warning,
body.dark-mode .alert-warning {
    background-color: rgba(244, 189, 79, 0.12) !important;
    border-color: rgba(244, 189, 79, 0.3) !important;
    color: #F4BD4F !important;
}

[data-bs-theme="dark"] .alert-danger,
body.dark-mode .alert-danger {
    background-color: rgba(240, 91, 100, 0.12) !important;
    border-color: rgba(240, 91, 100, 0.3) !important;
    color: #F05B64 !important;
}

/* --- B. Student Profile, Edit Profile & Settings --- */
[data-bs-theme="dark"] .profile-card,
body.dark-mode .profile-card,
[data-bs-theme="dark"] .profile-section-card,
body.dark-mode .profile-section-card,
[data-bs-theme="dark"] .edit-profile-card,
body.dark-mode .edit-profile-card,
[data-bs-theme="dark"] .settings-card,
body.dark-mode .settings-card,
[data-bs-theme="dark"] .change-password-card,
body.dark-mode .change-password-card {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .profile-stat-box,
body.dark-mode .profile-stat-box,
[data-bs-theme="dark"] .settings-nav-item,
body.dark-mode .settings-nav-item,
[data-bs-theme="dark"] .security-info-box,
body.dark-mode .security-info-box {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .profile-header-gradient,
body.dark-mode .profile-header-gradient {
    background: linear-gradient(135deg, #17181B 0%, #202125 50%, rgba(255, 121, 0, 0.14) 100%) !important;
    border-bottom: 1px solid #2A2B30 !important;
}

/* --- C. SkillForge Assessments & Test Runner --- */
[data-bs-theme="dark"] .skillforge-test,
body.dark-mode .skillforge-test,
[data-bs-theme="dark"] .skillforge-test-wrapper,
body.dark-mode .skillforge-test-wrapper,
[data-bs-theme="dark"] .test-runner-container,
body.dark-mode .test-runner-container {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .statement-panel,
body.dark-mode .statement-panel,
[data-bs-theme="dark"] .test-case-box,
body.dark-mode .test-case-box,
[data-bs-theme="dark"] .proctoring-status-bar,
body.dark-mode .proctoring-status-bar,
[data-bs-theme="dark"] .test-header-bar,
body.dark-mode .test-header-bar {
    background-color: #111214 !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .proctor-camera-preview,
body.dark-mode .proctor-camera-preview {
    border: 2px solid #2A2B30 !important;
    background: #000000 !important;
}

[data-bs-theme="dark"] .question-palette-btn,
body.dark-mode .question-palette-btn {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .question-palette-btn:hover,
body.dark-mode .question-palette-btn:hover {
    border-color: #FF7900 !important;
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .question-palette-btn.current,
body.dark-mode .question-palette-btn.current {
    border-color: #FF7900 !important;
    background-color: rgba(255, 121, 0, 0.18) !important;
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .question-palette-btn.answered,
body.dark-mode .question-palette-btn.answered {
    background-color: #35C98A !important;
    border-color: #35C98A !important;
    color: #FFFFFF !important;
}

/* --- D. Assigned Tests & Mock Test Runner --- */
[data-bs-theme="dark"] .assigned-tests-container,
body.dark-mode .assigned-tests-container,
[data-bs-theme="dark"] .test-instructions-container,
body.dark-mode .test-instructions-container,
[data-bs-theme="dark"] .test-result-container,
body.dark-mode .test-result-container {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .assessment-card,
body.dark-mode .assessment-card,
[data-bs-theme="dark"] .clean-empty-state,
body.dark-mode .clean-empty-state,
[data-bs-theme="dark"] .card-spec-box,
body.dark-mode .card-spec-box {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .spec-value,
body.dark-mode .spec-value,
[data-bs-theme="dark"] .test-card-title,
body.dark-mode .test-card-title,
[data-bs-theme="dark"] .page-title,
body.dark-mode .page-title {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .spec-label,
body.dark-mode .spec-label,
[data-bs-theme="dark"] .test-card-desc,
body.dark-mode .test-card-desc,
[data-bs-theme="dark"] .page-subtitle,
body.dark-mode .page-subtitle {
    color: #92939B !important;
}

[data-bs-theme="dark"] .tab-pill-btn,
body.dark-mode .tab-pill-btn {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #92939B !important;
}

[data-bs-theme="dark"] .tab-pill-btn:hover,
body.dark-mode .tab-pill-btn:hover {
    color: #F5F5F5 !important;
    border-color: #383940 !important;
}

[data-bs-theme="dark"] .tab-pill-btn.active,
body.dark-mode .tab-pill-btn.active {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .test-search-box,
body.dark-mode .test-search-box {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] #proctored-exam-root,
body.dark-mode #proctored-exam-root {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] #palette-panel,
body.dark-mode #palette-panel,
[data-bs-theme="dark"] #q-panel-header,
body.dark-mode #q-panel-header,
[data-bs-theme="dark"] #q-footer,
body.dark-mode #q-footer {
    background-color: #111214 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] #q-body,
body.dark-mode #q-body {
    background-color: #0B0B0D !important;
}

[data-bs-theme="dark"] .p-btn,
body.dark-mode .p-btn {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .p-btn:hover,
body.dark-mode .p-btn:hover {
    border-color: #FF7900 !important;
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .p-btn.current,
body.dark-mode .p-btn.current {
    border-color: #FF7900 !important;
    box-shadow: 0 0 0 3px rgba(255, 121, 0, 0.3) !important;
}

[data-bs-theme="dark"] .opt-label,
body.dark-mode .opt-label {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .opt-label:hover,
body.dark-mode .opt-label:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
}

[data-bs-theme="dark"] .opt-label.selected,
body.dark-mode .opt-label.selected {
    background-color: rgba(255, 121, 0, 0.14) !important;
    border-color: #FF7900 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .opt-letter,
body.dark-mode .opt-letter,
[data-bs-theme="dark"] .q-text,
body.dark-mode .q-text {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .btn-secondary-exam,
body.dark-mode .btn-secondary-exam {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

/* --- E. Aptitude & Coding Practice --- */
[data-bs-theme="dark"] .aptitude-container,
body.dark-mode .aptitude-container,
[data-bs-theme="dark"] .cp-container,
body.dark-mode .cp-container,
[data-bs-theme="dark"] .solve-problem-scope,
body.dark-mode .solve-problem-scope {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .apt-topic-card,
body.dark-mode .apt-topic-card,
[data-bs-theme="dark"] .apt-level-card,
body.dark-mode .apt-level-card,
[data-bs-theme="dark"] .cp-problem-card,
body.dark-mode .cp-problem-card,
[data-bs-theme="dark"] .cp-level-card,
body.dark-mode .cp-level-card,
[data-bs-theme="dark"] .cp-match-problem-row,
body.dark-mode .cp-match-problem-row {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .cp-sliding-toggle-wrapper,
body.dark-mode .cp-sliding-toggle-wrapper {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .cp-sliding-toggle-btn,
body.dark-mode .cp-sliding-toggle-btn {
    color: #92939B !important;
}

[data-bs-theme="dark"] .cp-sliding-toggle-btn.active,
body.dark-mode .cp-sliding-toggle-btn.active {
    color: #FFFFFF !important;
}

/* --- F. SQL Practice & SQL Editor --- */
[data-bs-theme="dark"] .sql-practice-scope,
body.dark-mode .sql-practice-scope,
[data-bs-theme="dark"] .sql-challenge-scope,
body.dark-mode .sql-challenge-scope {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .sql-tier-card,
body.dark-mode .sql-tier-card,
[data-bs-theme="dark"] .sql-progress-summary-card,
body.dark-mode .sql-progress-summary-card,
[data-bs-theme="dark"] .sql-workspace-card,
body.dark-mode .sql-workspace-card {
    background: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .sql-workspace-card-header,
body.dark-mode .sql-workspace-card-header {
    background: #111214 !important;
    border-bottom-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .sql-page-title,
body.dark-mode .sql-page-title,
[data-bs-theme="dark"] .sql-tier-title,
body.dark-mode .sql-tier-title,
[data-bs-theme="dark"] .sql-progress-title,
body.dark-mode .sql-progress-title,
[data-bs-theme="dark"] .sql-problem-title,
body.dark-mode .sql-problem-title,
[data-bs-theme="dark"] .sql-task-text,
body.dark-mode .sql-task-text {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .sql-page-subtitle,
body.dark-mode .sql-page-subtitle,
[data-bs-theme="dark"] .sql-progress-detail,
body.dark-mode .sql-progress-detail,
[data-bs-theme="dark"] .sql-problem-desc,
body.dark-mode .sql-problem-desc {
    color: #92939B !important;
}

[data-bs-theme="dark"] .sql-progress-track,
body.dark-mode .sql-progress-track {
    background-color: #141518 !important;
}

[data-bs-theme="dark"] .sql-directory-row,
body.dark-mode .sql-directory-row {
    border-bottom-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .sql-directory-row:hover,
body.dark-mode .sql-directory-row:hover {
    background-color: #202125 !important;
}

[data-bs-theme="dark"] .sql-seq-badge,
body.dark-mode .sql-seq-badge,
[data-bs-theme="dark"] .sql-concept-tag,
body.dark-mode .sql-concept-tag,
[data-bs-theme="dark"] .sql-locked-badge,
body.dark-mode .sql-locked-badge {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #92939B !important;
}

[data-bs-theme="dark"] .sql-task-container,
body.dark-mode .sql-task-container {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    border-left: 4px solid #FF7900 !important;
}

[data-bs-theme="dark"] .schema-table,
body.dark-mode .schema-table {
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .schema-table th,
body.dark-mode .schema-table th {
    background-color: #111214 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .schema-table td,
body.dark-mode .schema-table td {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .btn-editor-run,
body.dark-mode .btn-editor-run {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .btn-editor-run:hover,
body.dark-mode .btn-editor-run:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
}

[data-bs-theme="dark"] .terminal-screen,
body.dark-mode .terminal-screen {
    background-color: #0B0B0D !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

/* --- G. Daily Challenge --- */
[data-bs-theme="dark"] .dcc-root,
body.dark-mode .dcc-root {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .dcc-hero-title,
body.dark-mode .dcc-hero-title,
[data-bs-theme="dark"] .dcc-card-title,
body.dark-mode .dcc-card-title,
[data-bs-theme="dark"] .apt-opt-text,
body.dark-mode .apt-opt-text {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .dcc-hero-subtitle,
body.dark-mode .dcc-hero-subtitle,
[data-bs-theme="dark"] .dcc-card-desc,
body.dark-mode .dcc-card-desc {
    color: #92939B !important;
}

[data-bs-theme="dark"] .dcc-hero-widget,
body.dark-mode .dcc-hero-widget,
[data-bs-theme="dark"] .dcc-summary-bar,
body.dark-mode .dcc-summary-bar,
[data-bs-theme="dark"] .dcc-card-item,
body.dark-mode .dcc-card-item,
[data-bs-theme="dark"] .dcc-problem-item,
body.dark-mode .dcc-problem-item,
[data-bs-theme="dark"] .apt-card-surface,
body.dark-mode .apt-card-surface,
[data-bs-theme="dark"] .streak-modal-cal-wrap,
body.dark-mode .streak-modal-cal-wrap,
[data-bs-theme="dark"] .streak-modal-stats-bar,
body.dark-mode .streak-modal-stats-bar {
    background: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .apt-palette-btn,
body.dark-mode .apt-palette-btn,
[data-bs-theme="dark"] .streak-cal-cell,
body.dark-mode .streak-cal-cell {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .apt-palette-btn:hover,
body.dark-mode .apt-palette-btn:hover,
[data-bs-theme="dark"] .streak-cal-cell:hover,
body.dark-mode .streak-cal-cell:hover {
    border-color: #FF7900 !important;
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .apt-palette-btn.active,
body.dark-mode .apt-palette-btn.active {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .apt-option-row,
body.dark-mode .apt-option-row {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .apt-option-row:hover,
body.dark-mode .apt-option-row:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
}

[data-bs-theme="dark"] .apt-option-row.selected,
body.dark-mode .apt-option-row.selected {
    background-color: rgba(255, 121, 0, 0.14) !important;
    border-color: #FF7900 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .apt-opt-letter,
body.dark-mode .apt-opt-letter {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .apt-option-row.selected .apt-opt-letter,
body.dark-mode .apt-option-row.selected .apt-opt-letter {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .apt-timer-floating,
body.dark-mode .apt-timer-floating,
[data-bs-theme="dark"] .btn-review-completed,
body.dark-mode .btn-review-completed {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

/* --- H. Communication Practice --- */
[data-bs-theme="dark"] .communication-hub-container,
body.dark-mode .communication-hub-container,
[data-bs-theme="dark"] .comm-workspace-scope,
body.dark-mode .comm-workspace-scope {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .hub-module-card,
body.dark-mode .hub-module-card,
[data-bs-theme="dark"] .personal-best-card,
body.dark-mode .personal-best-card,
[data-bs-theme="dark"] .summary-card,
body.dark-mode .summary-card,
[data-bs-theme="dark"] .detailed-results-card,
body.dark-mode .detailed-results-card,
[data-bs-theme="dark"] .feedback-summary-card,
body.dark-mode .feedback-summary-card,
[data-bs-theme="dark"] .result-notice-card,
body.dark-mode .result-notice-card,
[data-bs-theme="dark"] .score-banner-card,
body.dark-mode .score-banner-card {
    background: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .hub-main-title,
body.dark-mode .hub-main-title,
[data-bs-theme="dark"] .module-title,
body.dark-mode .module-title,
[data-bs-theme="dark"] .summary-title,
body.dark-mode .summary-title,
[data-bs-theme="dark"] .detailed-results-title,
body.dark-mode .detailed-results-title,
[data-bs-theme="dark"] .report-page-title,
body.dark-mode .report-page-title,
[data-bs-theme="dark"] .banner-title,
body.dark-mode .banner-title {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .hub-subtitle,
body.dark-mode .hub-subtitle,
[data-bs-theme="dark"] .report-page-subtitle,
body.dark-mode .report-page-subtitle,
[data-bs-theme="dark"] .banner-desc,
body.dark-mode .banner-desc {
    color: #92939B !important;
}

[data-bs-theme="dark"] .card-metrics-strip,
body.dark-mode .card-metrics-strip,
[data-bs-theme="dark"] .breakdown-box,
body.dark-mode .breakdown-box,
[data-bs-theme="dark"] .palette-wrapper,
body.dark-mode .palette-wrapper,
[data-bs-theme="dark"] .palette-cluster,
body.dark-mode .palette-cluster,
[data-bs-theme="dark"] .rubric-card,
body.dark-mode .rubric-card,
[data-bs-theme="dark"] .scenario-box,
body.dark-mode .scenario-box,
[data-bs-theme="dark"] .audit-box,
body.dark-mode .audit-box,
[data-bs-theme="dark"] .submitted-response-card,
body.dark-mode .submitted-response-card,
[data-bs-theme="dark"] .prompt-box,
body.dark-mode .prompt-box,
[data-bs-theme="dark"] .telemetry-box,
body.dark-mode .telemetry-box,
[data-bs-theme="dark"] .proficiency-box,
body.dark-mode .proficiency-box {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .header-nav-btn,
body.dark-mode .header-nav-btn,
[data-bs-theme="dark"] .test-history-trigger-btn,
body.dark-mode .test-history-trigger-btn,
[data-bs-theme="dark"] .module-pill-tag,
body.dark-mode .module-pill-tag {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .header-nav-btn:hover,
body.dark-mode .header-nav-btn:hover,
[data-bs-theme="dark"] .test-history-trigger-btn:hover,
body.dark-mode .test-history-trigger-btn:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .proctor-topbar,
body.dark-mode .proctor-topbar {
    background-color: #17181B !important;
    border-bottom: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
}

/* --- I. Courses & Learning Modules --- */
[data-bs-theme="dark"] .courses-container,
body.dark-mode .courses-container,
[data-bs-theme="dark"] .course-details-wrapper,
body.dark-mode .course-details-wrapper,
[data-bs-theme="dark"] .lesson-container,
body.dark-mode .lesson-container,
[data-bs-theme="dark"] .quiz-container,
body.dark-mode .quiz-container {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .course-stat-card,
body.dark-mode .course-stat-card,
[data-bs-theme="dark"] .progress-card,
body.dark-mode .progress-card,
[data-bs-theme="dark"] .quiz-question-card,
body.dark-mode .quiz-question-card {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .course-stat-label,
body.dark-mode .course-stat-label {
    color: #92939B !important;
}

[data-bs-theme="dark"] .course-stat-value,
body.dark-mode .course-stat-value {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .btn-back-courses,
body.dark-mode .btn-back-courses {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .btn-back-courses:hover,
body.dark-mode .btn-back-courses:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .option-label,
body.dark-mode .option-label {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .option-label:hover,
body.dark-mode .option-label:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
}

[data-bs-theme="dark"] .form-check-input:checked + .option-label,
body.dark-mode .form-check-input:checked + .option-label {
    background-color: rgba(255, 121, 0, 0.14) !important;
    border-color: #FF7900 !important;
    color: #F5F5F5 !important;
}

/* --- J. Internships & Careers --- */
[data-bs-theme="dark"] .internship-container,
body.dark-mode .internship-container {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .benefit-card-clean,
body.dark-mode .benefit-card-clean,
[data-bs-theme="dark"] .filter-toolbar-wrap,
body.dark-mode .filter-toolbar-wrap,
[data-bs-theme="dark"] .program-opportunity-card,
body.dark-mode .program-opportunity-card,
[data-bs-theme="dark"] .modal-custom-content,
body.dark-mode .modal-custom-content {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .modal-custom-header,
body.dark-mode .modal-custom-header,
[data-bs-theme="dark"] .modal-custom-footer,
body.dark-mode .modal-custom-footer {
    background-color: #111214 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .program-opportunity-title,
body.dark-mode .program-opportunity-title,
[data-bs-theme="dark"] .benefit-title-clean,
body.dark-mode .benefit-title-clean,
[data-bs-theme="dark"] .student-field-value,
body.dark-mode .student-field-value {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .benefit-desc-clean,
body.dark-mode .benefit-desc-clean,
[data-bs-theme="dark"] .student-field-label,
body.dark-mode .student-field-label {
    color: #92939B !important;
}

[data-bs-theme="dark"] .modal-acknowledgment-box,
body.dark-mode .modal-acknowledgment-box {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .btn-card-details,
body.dark-mode .btn-card-details,
[data-bs-theme="dark"] .btn-modal-cancel,
body.dark-mode .btn-modal-cancel {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .btn-card-details:hover,
body.dark-mode .btn-card-details:hover,
[data-bs-theme="dark"] .btn-modal-cancel:hover,
body.dark-mode .btn-modal-cancel:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    color: #F5F5F5 !important;
}

/* --- K. ATS Resume Checker --- */
[data-bs-theme="dark"] .ats-page-scope,
body.dark-mode .ats-page-scope,
[data-bs-theme="dark"] .ats-report-scope,
body.dark-mode .ats-report-scope {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .ats-main-panel,
body.dark-mode .ats-main-panel,
[data-bs-theme="dark"] .ats-card,
body.dark-mode .ats-card,
[data-bs-theme="dark"] .ats-stat-card,
body.dark-mode .ats-stat-card,
[data-bs-theme="dark"] .ats-hero-card,
body.dark-mode .ats-hero-card {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .ats-page-title,
body.dark-mode .ats-page-title,
[data-bs-theme="dark"] .ats-candidate-name,
body.dark-mode .ats-candidate-name,
[data-bs-theme="dark"] .ats-gauge-number,
body.dark-mode .ats-gauge-number,
[data-bs-theme="dark"] .ats-card-heading,
body.dark-mode .ats-card-heading,
[data-bs-theme="dark"] .ats-group-heading,
body.dark-mode .ats-group-heading {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .ats-page-desc,
body.dark-mode .ats-page-desc,
[data-bs-theme="dark"] .ats-section-eyebrow,
body.dark-mode .ats-section-eyebrow,
[data-bs-theme="dark"] .ats-gauge-denom,
body.dark-mode .ats-gauge-denom,
[data-bs-theme="dark"] .ats-score-description,
body.dark-mode .ats-score-description {
    color: #92939B !important;
}

[data-bs-theme="dark"] .ats-upload-box,
body.dark-mode .ats-upload-box,
[data-bs-theme="dark"] .ats-guidance-row,
body.dark-mode .ats-guidance-row,
[data-bs-theme="dark"] .ats-score-row,
body.dark-mode .ats-score-row,
[data-bs-theme="dark"] .ats-modal-card,
body.dark-mode .ats-modal-card {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .ats-upload-box:hover,
body.dark-mode .ats-upload-box:hover,
[data-bs-theme="dark"] .ats-score-row:hover,
body.dark-mode .ats-score-row:hover {
    background-color: #202125 !important;
    border-color: #FF7900 !important;
}

[data-bs-theme="dark"] .ats-role-select,
body.dark-mode .ats-role-select {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .ats-role-select:focus,
body.dark-mode .ats-role-select:focus {
    border-color: #FF7900 !important;
    box-shadow: 0 0 0 3px rgba(255, 121, 0, 0.25) !important;
}

[data-bs-theme="dark"] .ats-meta-pill,
body.dark-mode .ats-meta-pill {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

/* --- L. AI Skill Test & Interview --- */
[data-bs-theme="dark"] .ai-domain-card,
body.dark-mode .ai-domain-card,
[data-bs-theme="dark"] .ai-system-card,
body.dark-mode .ai-system-card,
[data-bs-theme="dark"] .ai-interview-card,
body.dark-mode .ai-interview-card {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .ai-speech-transcript-box,
body.dark-mode .ai-speech-transcript-box,
[data-bs-theme="dark"] .ai-mic-level-box,
body.dark-mode .ai-mic-level-box {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
}

/* ASL (AI Interview) Question Text in Dark Mode */
[data-bs-theme="dark"] .interview-card #questionTextDisplay,
body.dark-mode .interview-card #questionTextDisplay,
[data-bs-theme="dark"] .question-box #questionTextDisplay,
body.dark-mode .question-box #questionTextDisplay,
[data-bs-theme="dark"] .interview-viewport #questionTextDisplay,
body.dark-mode .interview-viewport #questionTextDisplay {
    color: #F1F5F9 !important;
    -webkit-text-fill-color: #F1F5F9 !important;
}

/* --- M. Leaderboard, Analytics & Student Tables --- */
[data-bs-theme="dark"] .leaderboard-podium-card,
body.dark-mode .leaderboard-podium-card,
[data-bs-theme="dark"] .rank-card,
body.dark-mode .rank-card,
[data-bs-theme="dark"] .analytics-summary-card,
body.dark-mode .analytics-summary-card {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .timetable-cell,
body.dark-mode .timetable-cell,
[data-bs-theme="dark"] .attendance-calendar-cell,
body.dark-mode .attendance-calendar-cell,
[data-bs-theme="dark"] .marks-table-row,
body.dark-mode .marks-table-row {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .clean-header-section,
body.dark-mode .clean-header-section,
[data-bs-theme="dark"] .hof-card,
body.dark-mode .hof-card,
[data-bs-theme="dark"] .clean-nav-tabs-wrapper,
body.dark-mode .clean-nav-tabs-wrapper,
[data-bs-theme="dark"] .clean-table-card,
body.dark-mode .clean-table-card,
[data-bs-theme="dark"] .clean-data-table,
body.dark-mode .clean-data-table {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .clean-data-table thead th,
body.dark-mode .clean-data-table thead th {
    background-color: #141518 !important;
    border-bottom-color: #2A2B30 !important;
    color: #92939B !important;
}

[data-bs-theme="dark"] .clean-data-table tbody tr,
body.dark-mode .clean-data-table tbody tr {
    background-color: #17181B !important;
    border-bottom-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .clean-data-table tbody tr:hover,
body.dark-mode .clean-data-table tbody tr:hover {
    background-color: #202125 !important;
}

[data-bs-theme="dark"] .clean-search-input input,
body.dark-mode .clean-search-input input,
[data-bs-theme="dark"] .lb-select-control,
body.dark-mode .lb-select-control,
[data-bs-theme="dark"] .lb-action-btn,
body.dark-mode .lb-action-btn,
[data-bs-theme="dark"] .clean-chip-btn,
body.dark-mode .clean-chip-btn {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .clean-tab-link.active,
body.dark-mode .clean-tab-link.active {
    background-color: #FF7900 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .coding-practice-page,
body.dark-mode .coding-practice-page,
[data-bs-theme="dark"] .coding-practice-page .dashboard-content,
body.dark-mode .coding-practice-page .dashboard-content {
    background-color: #0B0B0D !important;
}

[data-bs-theme="dark"] .cp-metric-card,
body.dark-mode .cp-metric-card,
[data-bs-theme="dark"] .cp-filter-panel,
body.dark-mode .cp-filter-panel,
[data-bs-theme="dark"] .apt-level-card,
body.dark-mode .apt-level-card,
[data-bs-theme="dark"] .cp-cat-card,
body.dark-mode .cp-cat-card,
[data-bs-theme="dark"] .cp-lobby-header,
body.dark-mode .cp-lobby-header,
[data-bs-theme="dark"] .cp-lobby-problem-card,
body.dark-mode .cp-lobby-problem-card {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .cp-sliding-toggle-wrapper,
body.dark-mode .cp-sliding-toggle-wrapper {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
}


/* =============================================================================
   14. GLOBAL BOOTSTRAP UTILITIES & STUDENT PORTAL RESULTS/MODAL HARMONIZATION
   ============================================================================= */

[data-bs-theme="dark"] .bg-white,
body.dark-mode .bg-white {
    background-color: #17181B !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .card.bg-white,
[data-bs-theme="dark"] .bg-white.card,
body.dark-mode .card.bg-white,
body.dark-mode .bg-white.card {
    background-color: #17181B !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .card-header.bg-white,
body.dark-mode .card-header.bg-white {
    background-color: #111214 !important;
    border-bottom-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .bg-light,
body.dark-mode .bg-light {
    background-color: #141518 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .text-dark,
body.dark-mode .text-dark {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .border-light,
[data-bs-theme="dark"] .border-light-subtle,
body.dark-mode .border-light,
body.dark-mode .border-light-subtle {
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] textarea.form-control,
[data-bs-theme="dark"] input.form-control,
[data-bs-theme="dark"] select.form-select,
body.dark-mode textarea.form-control,
body.dark-mode input.form-control,
body.dark-mode select.form-select {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] textarea.form-control:focus,
[data-bs-theme="dark"] input.form-control:focus,
[data-bs-theme="dark"] select.form-select:focus,
body.dark-mode textarea.form-control:focus,
body.dark-mode input.form-control:focus,
body.dark-mode select.form-select:focus {
    background-color: #141518 !important;
    border-color: #FF7900 !important;
    box-shadow: 0 0 0 3px rgba(255, 121, 0, 0.25) !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .table,
body.dark-mode .table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: #141518;
    --bs-table-hover-bg: #202125;
    --bs-table-border-color: #2A2B30;
    color: #D1D1D6 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .table > thead,
[data-bs-theme="dark"] .table > thead > tr > th,
body.dark-mode .table > thead,
body.dark-mode .table > thead > tr > th {
    background-color: #111214 !important;
    border-bottom: 1px solid #2A2B30 !important;
    color: #92939B !important;
}

[data-bs-theme="dark"] .table > tbody > tr > td,
body.dark-mode .table > tbody > tr > td {
    border-bottom: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] #submitTestModal .modal-content,
[data-bs-theme="dark"] #aptitudeSubmitModal .modal-content,
[data-bs-theme="dark"] #warningModal .modal-content,
[data-bs-theme="dark"] #commHistoryModal .modal-content,
body.dark-mode #submitTestModal .modal-content,
body.dark-mode #aptitudeSubmitModal .modal-content,
body.dark-mode #warningModal .modal-content,
body.dark-mode #commHistoryModal .modal-content {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6) !important;
}

/* Submit QMatrix Assessment Modal Summary Numbers (Explicit High-Contrast Colors) */
#submitTestModal #codingAnswered,
[data-bs-theme="dark"] #submitTestModal #codingAnswered,
body.dark-mode #submitTestModal #codingAnswered,
#submitTestModal .modal-content #codingAnswered,
[data-bs-theme="dark"] #submitTestModal .modal-content #codingAnswered,
body.dark-mode #submitTestModal .modal-content #codingAnswered,
#submitTestModal h3#codingAnswered {
    color: #1E40AF !important;
    -webkit-text-fill-color: #1E40AF !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    filter: none !important;
}

#submitTestModal #aptitudeAnswered,
[data-bs-theme="dark"] #submitTestModal #aptitudeAnswered,
body.dark-mode #submitTestModal #aptitudeAnswered,
#submitTestModal .modal-content #aptitudeAnswered,
[data-bs-theme="dark"] #submitTestModal .modal-content #aptitudeAnswered,
body.dark-mode #submitTestModal .modal-content #aptitudeAnswered,
#submitTestModal h3#aptitudeAnswered {
    color: #047857 !important;
    -webkit-text-fill-color: #047857 !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    filter: none !important;
}

#submitTestModal #reviewQuestions,
[data-bs-theme="dark"] #submitTestModal #reviewQuestions,
body.dark-mode #submitTestModal #reviewQuestions,
#submitTestModal .modal-content #reviewQuestions,
[data-bs-theme="dark"] #submitTestModal .modal-content #reviewQuestions,
body.dark-mode #submitTestModal .modal-content #reviewQuestions,
#submitTestModal h3#reviewQuestions {
    color: #B45309 !important;
    -webkit-text-fill-color: #B45309 !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    filter: none !important;
}

#submitTestModal #remainingQuestions,
[data-bs-theme="dark"] #submitTestModal #remainingQuestions,
body.dark-mode #submitTestModal #remainingQuestions,
#submitTestModal .modal-content #remainingQuestions,
[data-bs-theme="dark"] #submitTestModal .modal-content #remainingQuestions,
body.dark-mode #submitTestModal .modal-content #remainingQuestions,
#submitTestModal h3#remainingQuestions {
    color: #B91C1C !important;
    -webkit-text-fill-color: #B91C1C !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    filter: none !important;
}

[data-bs-theme="dark"] #submitTestModal .modal-header,
[data-bs-theme="dark"] #aptitudeSubmitModal .modal-header,
[data-bs-theme="dark"] #commHistoryModal .modal-header,
body.dark-mode #submitTestModal .modal-header,
body.dark-mode #aptitudeSubmitModal .modal-header,
body.dark-mode #commHistoryModal .modal-header {
    background-color: #111214 !important;
    border-bottom: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] #warningModal .modal-header,
body.dark-mode #warningModal .modal-header {
    background-color: #1C1416 !important;
    border-bottom: 1px solid #381C20 !important;
}

[data-bs-theme="dark"] .modal-content,
body.dark-mode .modal-content {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer,
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    background-color: #111214 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .btn-close,
body.dark-mode .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ==============================================================================
   25. PUBLIC NAVIGATION & AUTHENTICATION PORTAL (LOGIN & SIGNUP PAGES)
   Near-Black Base (#0B0B0D), Charcoal Cards (#17181B), Accent Orange (#FF7900)
   ============================================================================== */
@media (max-width: 991.98px) {
    [data-bs-theme="dark"] .navbar-collapse,
    body.dark-mode .navbar-collapse {
        background-color: #17181B !important;
        border: 1px solid #2A2B30 !important;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
        border-radius: 12px;
        padding: 1.25rem;
        margin-top: 1rem;
    }
}
@media (min-width: 992px) {
    [data-bs-theme="dark"] .navbar-collapse,
    body.dark-mode .navbar-collapse {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

[data-bs-theme="dark"] .navbar-toggler,
body.dark-mode .navbar-toggler {
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .navbar-toggler-icon,
body.dark-mode .navbar-toggler-icon {
    filter: invert(1) brightness(1.8) !important;
}

[data-bs-theme="dark"] .auth-page-wrapper,
body.dark-mode .auth-page-wrapper {
    background-color: #0B0B0D !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .auth-carousel-viewport,
body.dark-mode .auth-carousel-viewport {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.6) !important;
}

[data-bs-theme="dark"] .auth-slide-photo-wrap,
body.dark-mode .auth-slide-photo-wrap {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-bs-theme="dark"] .auth-card,
[data-bs-theme="dark"] .saas-login-card,
body.dark-mode .auth-card,
body.dark-mode .saas-login-card {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .auth-card-title,
[data-bs-theme="dark"] .auth-card h3,
body.dark-mode .auth-card-title,
body.dark-mode .auth-card h3 {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .auth-card-subtitle,
[data-bs-theme="dark"] .auth-card p.text-secondary,
body.dark-mode .auth-card-subtitle,
body.dark-mode .auth-card p.text-secondary {
    color: #92939B !important;
}

[data-bs-theme="dark"] .login-toggle,
body.dark-mode .login-toggle {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .login-toggle .toggle-btn,
body.dark-mode .login-toggle .toggle-btn {
    color: #92939B !important;
}

[data-bs-theme="dark"] .login-toggle .toggle-btn:hover,
body.dark-mode .login-toggle .toggle-btn:hover {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .login-toggle .toggle-btn.active,
body.dark-mode .login-toggle .toggle-btn.active {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

[data-bs-theme="dark"] .login-toggle .toggle-slide,
body.dark-mode .login-toggle .toggle-slide {
    background-color: #FF7900 !important;
    box-shadow: 0 2px 8px rgba(255, 121, 0, 0.4) !important;
}

[data-bs-theme="dark"] .auth-feature-card,
body.dark-mode .auth-feature-card {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .auth-feature-card:hover,
body.dark-mode .auth-feature-card:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .auth-stats-card,
body.dark-mode .auth-stats-card {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

[data-bs-theme="dark"] #googleLoginBtn,
body.dark-mode #googleLoginBtn {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #F5F5F5 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] #googleLoginBtn:hover,
body.dark-mode #googleLoginBtn:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45) !important;
}

/* ==============================================================================
   56. AI SKILL TEST / INTERVIEW TRACKS DASHBOARD THEME HARMONIZATION
   ============================================================================== */
[data-bs-theme="dark"] .it-page-container,
body.dark-mode .it-page-container {
    background-color: #0B0B0D !important;
}

[data-bs-theme="dark"] .it-page-title,
body.dark-mode .it-page-title {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .it-page-subtitle,
body.dark-mode .it-page-subtitle {
    color: #92939B !important;
}

[data-bs-theme="dark"] .it-cat-tab,
body.dark-mode .it-cat-tab {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #92939B !important;
}

[data-bs-theme="dark"] .it-cat-tab:hover,
body.dark-mode .it-cat-tab:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .it-cat-tab.active,
body.dark-mode .it-cat-tab.active {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(255, 121, 0, 0.35) !important;
}

[data-bs-theme="dark"] .it-search-box,
body.dark-mode .it-search-box {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .it-search-box:focus-within,
body.dark-mode .it-search-box:focus-within {
    border-color: #FF7900 !important;
    box-shadow: 0 0 0 3px rgba(255, 121, 0, 0.18) !important;
}

[data-bs-theme="dark"] .it-search-icon,
body.dark-mode .it-search-icon {
    color: #92939B !important;
}

[data-bs-theme="dark"] .it-search-input,
body.dark-mode .it-search-input {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .it-search-input::placeholder,
body.dark-mode .it-search-input::placeholder {
    color: #92939B !important;
}

[data-bs-theme="dark"] .it-track-card,
body.dark-mode .it-track-card {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

[data-bs-theme="dark"] .it-track-card:hover,
body.dark-mode .it-track-card:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 121, 0, 0.15) !important;
    transform: translateY(-3px) !important;
}

[data-bs-theme="dark"] .it-card-icon,
body.dark-mode .it-card-icon {
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .it-card-badge,
body.dark-mode .it-card-badge {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .it-card-badge i,
body.dark-mode .it-card-badge i {
    color: #F4BD4F !important;
}

[data-bs-theme="dark"] .it-card-title,
body.dark-mode .it-card-title {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .it-card-desc,
body.dark-mode .it-card-desc {
    color: #92939B !important;
}

[data-bs-theme="dark"] .it-card-meta,
body.dark-mode .it-card-meta {
    border-top: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .it-meta-item,
body.dark-mode .it-meta-item {
    color: #92939B !important;
}

[data-bs-theme="dark"] .it-meta-item i.text-warning,
body.dark-mode .it-meta-item i.text-warning {
    color: #F4BD4F !important;
}

[data-bs-theme="dark"] .it-meta-item i.text-info,
body.dark-mode .it-meta-item i.text-info {
    color: #45B8F0 !important;
}

[data-bs-theme="dark"] .it-btn-start,
body.dark-mode .it-btn-start {
    background-color: #141518 !important;
    border: 1.5px solid #FF7900 !important;
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .it-btn-start:hover,
[data-bs-theme="dark"] .it-btn-start:focus-visible,
[data-bs-theme="dark"] .it-track-card:hover .it-btn-start,
body.dark-mode .it-btn-start:hover,
body.dark-mode .it-btn-start:focus-visible,
body.dark-mode .it-track-card:hover .it-btn-start {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(255, 121, 0, 0.4) !important;
}

[data-bs-theme="dark"] .it-btn-history,
body.dark-mode .it-btn-history {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .it-btn-history:hover,
body.dark-mode .it-btn-history:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .it-history-badge,
[data-bs-theme="dark"] .it-btn-history .badge,
body.dark-mode .it-history-badge,
body.dark-mode .it-btn-history .badge {
    background-color: #202125 !important;
    border: 1px solid #2A2B30 !important;
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .it-empty-state,
body.dark-mode .it-empty-state {
    background-color: #17181B !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .it-empty-icon,
body.dark-mode .it-empty-icon {
    color: #92939B !important;
}

[data-bs-theme="dark"] .it-empty-title,
body.dark-mode .it-empty-title {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .it-empty-desc,
body.dark-mode .it-empty-desc {
    color: #92939B !important;
}

/* ==============================================================================
   26. PUBLIC WEBSITE PAGES THEME UNIFICATION (HOME, FEATURES, ABOUT, PRIVACY)
   Design System: Near-Black (#0B0B0D), Charcoal (#17181B), Orange Accent (#FF7900)
   Aligns all public pages with QMatrix Student Dashboard & branding specifications
   ============================================================================== */

/* --- Public Header & Navigation --- */
[data-bs-theme="dark"] .navbar .nav-link,
body.dark-mode .navbar .nav-link {
    color: #D1D1D6 !important;
    font-weight: 500;
    transition: color 0.18s ease;
}

[data-bs-theme="dark"] .navbar .nav-link:hover,
body.dark-mode .navbar .nav-link:hover,
[data-bs-theme="dark"] .navbar .nav-link.active,
body.dark-mode .navbar .nav-link.active,
[data-bs-theme="dark"] .navbar .nav-link.active-nav,
body.dark-mode .navbar .nav-link.active-nav {
    color: #FF7900 !important;
    font-weight: 600 !important;
}

[data-bs-theme="dark"] .navbar .btn-primary,
body.dark-mode .navbar .btn-primary {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(255, 121, 0, 0.3) !important;
}

[data-bs-theme="dark"] .navbar .btn-primary:hover,
body.dark-mode .navbar .btn-primary:hover {
    background-color: #E96E00 !important;
    border-color: #E96E00 !important;
    box-shadow: 0 4px 14px rgba(255, 121, 0, 0.45) !important;
}

/* --- Shared Public Hero & Section Surfaces --- */
[data-bs-theme="dark"] .features-hero,
[data-bs-theme="dark"] .bg-light-custom,
[data-bs-theme="dark"] section.bg-light-custom,
body.dark-mode .features-hero,
body.dark-mode .bg-light-custom,
body.dark-mode section.bg-light-custom {
    background-color: #0B0B0D !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .features-hero,
body.dark-mode .features-hero {
    background: radial-gradient(circle at top right, rgba(255, 121, 0, 0.08), transparent 60%),
                #0B0B0D !important;
}

[data-bs-theme="dark"] .features-hero .badge,
[data-bs-theme="dark"] .badge.bg-primary-subtle,
body.dark-mode .features-hero .badge,
body.dark-mode .badge.bg-primary-subtle {
    background-color: rgba(255, 121, 0, 0.12) !important;
    color: #FF7900 !important;
    border: 1px solid rgba(255, 121, 0, 0.28) !important;
}

/* --- Home / Landing Page Components --- */
[data-bs-theme="dark"] .landing-badge,
body.dark-mode .landing-badge {
    background-color: rgba(255, 121, 0, 0.12) !important;
    color: #FF7900 !important;
    border: 1px solid rgba(255, 121, 0, 0.28) !important;
}

[data-bs-theme="dark"] .landing-gradient-heading,
body.dark-mode .landing-gradient-heading {
    background: linear-gradient(135deg, #FFFFFF 40%, #FF7900 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

[data-bs-theme="dark"] .landing-feature-card,
[data-bs-theme="dark"] .landing-metric-card,
[data-bs-theme="dark"] .landing-preview-frame,
body.dark-mode .landing-feature-card,
body.dark-mode .landing-metric-card,
body.dark-mode .landing-preview-frame {
    background: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .landing-feature-card:hover,
body.dark-mode .landing-feature-card:hover {
    background: #202125 !important;
    border-color: #383940 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .landing-icon-box,
[data-bs-theme="dark"] .landing-icon-box.bg-primary-subtle,
[data-bs-theme="dark"] .landing-icon-box.bg-success-subtle,
[data-bs-theme="dark"] .landing-icon-box.bg-warning-subtle,
[data-bs-theme="dark"] .landing-icon-box.bg-info-subtle,
[data-bs-theme="dark"] .landing-icon-box.bg-danger-subtle,
body.dark-mode .landing-icon-box,
body.dark-mode .landing-icon-box.bg-primary-subtle,
body.dark-mode .landing-icon-box.bg-success-subtle,
body.dark-mode .landing-icon-box.bg-warning-subtle,
body.dark-mode .landing-icon-box.bg-info-subtle,
body.dark-mode .landing-icon-box.bg-danger-subtle {
    background-color: rgba(255, 121, 0, 0.14) !important;
    color: #FF7900 !important;
    border: 1px solid rgba(255, 121, 0, 0.28) !important;
}

[data-bs-theme="dark"] .landing-icon-box i,
body.dark-mode .landing-icon-box i {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .landing-metric-card h3,
body.dark-mode .landing-metric-card h3 {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .landing-metric-card p,
body.dark-mode .landing-metric-card p {
    color: #92939B !important;
}

[data-bs-theme="dark"] .landing-cta-box,
body.dark-mode .landing-cta-box {
    background: linear-gradient(135deg, #17181B 0%, #1e1f24 55%, rgba(255, 121, 0, 0.12) 100%) !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .landing-cta-box h2,
body.dark-mode .landing-cta-box h2 {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .landing-cta-box p,
body.dark-mode .landing-cta-box p {
    color: #92939B !important;
}

/* Outline Secondary & Light Buttons in Public Dark Mode */
[data-bs-theme="dark"] .btn-outline-secondary,
[data-bs-theme="dark"] .cta-card .btn-outline-light,
[data-bs-theme="dark"] .landing-cta-box .btn-outline-light,
body.dark-mode .btn-outline-secondary,
body.dark-mode .cta-card .btn-outline-light,
body.dark-mode .landing-cta-box .btn-outline-light {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .btn-outline-secondary:hover,
[data-bs-theme="dark"] .cta-card .btn-outline-light:hover,
[data-bs-theme="dark"] .landing-cta-box .btn-outline-light:hover,
body.dark-mode .btn-outline-secondary:hover,
body.dark-mode .cta-card .btn-outline-light:hover,
body.dark-mode .landing-cta-box .btn-outline-light:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    color: #F5F5F5 !important;
}

/* --- Features Page Components --- */
[data-bs-theme="dark"] .feature-section,
body.dark-mode .feature-section,
[data-bs-theme="dark"] .feature-section:nth-of-type(even),
body.dark-mode .feature-section:nth-of-type(even) {
    background-color: #0B0B0D !important;
    border-bottom: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .pillar-nav-link,
body.dark-mode .pillar-nav-link {
    background: #17181B !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .pillar-nav-link i,
body.dark-mode .pillar-nav-link i {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .pillar-nav-link:hover,
body.dark-mode .pillar-nav-link:hover {
    background: rgba(255, 121, 0, 0.14) !important;
    border-color: #FF7900 !important;
    color: #FF7900 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(255, 121, 0, 0.25) !important;
}

[data-bs-theme="dark"] .feature-box,
body.dark-mode .feature-box {
    background: #17181B !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .feature-box:hover,
body.dark-mode .feature-box:hover {
    background: #202125 !important;
    border-color: #383940 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .feature-box h5,
[data-bs-theme="dark"] .feature-box .text-dark,
body.dark-mode .feature-box h5,
body.dark-mode .feature-box .text-dark {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .feature-box p,
[data-bs-theme="dark"] .feature-box .text-muted,
body.dark-mode .feature-box p,
body.dark-mode .feature-box .text-muted {
    color: #92939B !important;
}

/* Unified Section Header Pills across all sections (QMatrix Orange Accent) */
[data-bs-theme="dark"] .section-header-pill,
[data-bs-theme="dark"] .theme-student .section-header-pill,
[data-bs-theme="dark"] .theme-user .section-header-pill,
[data-bs-theme="dark"] .theme-admin .section-header-pill,
[data-bs-theme="dark"] .theme-engagement .section-header-pill,
body.dark-mode .section-header-pill,
body.dark-mode .theme-student .section-header-pill,
body.dark-mode .theme-user .section-header-pill,
body.dark-mode .theme-admin .section-header-pill,
body.dark-mode .theme-engagement .section-header-pill {
    background: rgba(255, 121, 0, 0.12) !important;
    color: #FF7900 !important;
    border: 1px solid rgba(255, 121, 0, 0.3) !important;
}

/* Unified Feature Icon Boxes across all cards (QMatrix Orange Accent) */
[data-bs-theme="dark"] .feature-icon-box,
[data-bs-theme="dark"] .theme-student .feature-icon-box,
[data-bs-theme="dark"] .theme-user .feature-icon-box,
[data-bs-theme="dark"] .theme-admin .feature-icon-box,
[data-bs-theme="dark"] .theme-engagement .feature-icon-box,
body.dark-mode .feature-icon-box,
body.dark-mode .theme-student .feature-icon-box,
body.dark-mode .theme-user .feature-icon-box,
body.dark-mode .theme-admin .feature-icon-box,
body.dark-mode .theme-engagement .feature-icon-box {
    background: rgba(255, 121, 0, 0.14) !important;
    color: #FF7900 !important;
    border: 1px solid rgba(255, 121, 0, 0.25) !important;
    transition: all 0.25s ease;
}

[data-bs-theme="dark"] .feature-box:hover .feature-icon-box,
body.dark-mode .feature-box:hover .feature-icon-box {
    background: rgba(255, 121, 0, 0.22) !important;
    border-color: rgba(255, 121, 0, 0.45) !important;
}

/* Feature Tags */
[data-bs-theme="dark"] .feature-tag,
[data-bs-theme="dark"] .theme-student .feature-tag,
[data-bs-theme="dark"] .theme-user .feature-tag,
[data-bs-theme="dark"] .theme-admin .feature-tag,
[data-bs-theme="dark"] .theme-engagement .feature-tag,
body.dark-mode .feature-tag,
body.dark-mode .theme-student .feature-tag,
body.dark-mode .theme-user .feature-tag,
body.dark-mode .theme-admin .feature-tag,
body.dark-mode .theme-engagement .feature-tag {
    background: #141518 !important;
    border: 1px solid #2A2B30 !important;
    color: #D1D1D6 !important;
}

/* Semantic Status Badge (Student Only restricted access) */
[data-bs-theme="dark"] .badge-student-only,
body.dark-mode .badge-student-only {
    background: rgba(244, 189, 79, 0.15) !important;
    border: 1px solid rgba(244, 189, 79, 0.3) !important;
    color: #F4BD4F !important;
}

/* CTA Section & Card */
[data-bs-theme="dark"] section.bg-light,
body.dark-mode section.bg-light {
    background-color: #0B0B0D !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .cta-card,
body.dark-mode .cta-card {
    background: linear-gradient(135deg, #17181B 0%, #1e1f24 55%, rgba(255, 121, 0, 0.14) 100%) !important;
    border: 1px solid #2A2B30 !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .cta-card .badge,
body.dark-mode .cta-card .badge {
    background-color: rgba(255, 121, 0, 0.14) !important;
    border: 1px solid rgba(255, 121, 0, 0.35) !important;
    color: #FF7900 !important;
}

/* --- About Us Page Components --- */
[data-bs-theme="dark"] .hover-lift,
body.dark-mode .hover-lift {
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease;
}

[data-bs-theme="dark"] .hover-lift:hover,
body.dark-mode .hover-lift:hover {
    background-color: #202125 !important;
    border-color: #383940 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .icon-circle.bg-primary-subtle,
body.dark-mode .icon-circle.bg-primary-subtle {
    background: rgba(255, 121, 0, 0.15) !important;
    color: #FF7900 !important;
    border: 1px solid rgba(255, 121, 0, 0.25) !important;
}

[data-bs-theme="dark"] .icon-circle.bg-success-subtle,
body.dark-mode .icon-circle.bg-success-subtle {
    background: rgba(53, 201, 138, 0.15) !important;
    color: #35C98A !important;
    border: 1px solid rgba(53, 201, 138, 0.25) !important;
}

[data-bs-theme="dark"] .icon-circle.bg-warning-subtle,
body.dark-mode .icon-circle.bg-warning-subtle {
    background: rgba(244, 189, 79, 0.15) !important;
    color: #F4BD4F !important;
    border: 1px solid rgba(244, 189, 79, 0.25) !important;
}

/* --- Privacy Policy Page Components --- */
[data-bs-theme="dark"] .legal-policy-body,
body.dark-mode .legal-policy-body {
    color: #D1D1D6 !important;
    line-height: 1.8;
}

[data-bs-theme="dark"] .legal-policy-body p,
body.dark-mode .legal-policy-body p {
    color: #D1D1D6 !important;
    margin-bottom: 0.9rem;
}

[data-bs-theme="dark"] .legal-policy-body h5,
body.dark-mode .legal-policy-body h5 {
    color: #F5F5F5 !important;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #2A2B30;
}

[data-bs-theme="dark"] .legal-policy-body h6,
body.dark-mode .legal-policy-body h6 {
    color: #FF7900 !important;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

[data-bs-theme="dark"] .legal-policy-body ul,
[data-bs-theme="dark"] .legal-policy-body ol,
body.dark-mode .legal-policy-body ul,
body.dark-mode .legal-policy-body ol {
    color: #D1D1D6 !important;
    margin-bottom: 1rem;
}

[data-bs-theme="dark"] .legal-policy-body li,
body.dark-mode .legal-policy-body li {
    color: #D1D1D6 !important;
    margin-bottom: 0.35rem;
}

[data-bs-theme="dark"] .legal-policy-body a,
body.dark-mode .legal-policy-body a {
    color: #FF7900 !important;
    text-decoration: none;
    transition: color 0.18s ease;
}

[data-bs-theme="dark"] .legal-policy-body a:hover,
body.dark-mode .legal-policy-body a:hover {
    color: #E96E00 !important;
    text-decoration: underline;
}

[data-bs-theme="dark"] .legal-policy-body .bg-light,
body.dark-mode .legal-policy-body .bg-light {
    background-color: #141518 !important;
    border: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .legal-policy-body .bg-light p,
[data-bs-theme="dark"] .legal-policy-body .bg-light strong,
body.dark-mode .legal-policy-body .bg-light p,
body.dark-mode .legal-policy-body .bg-light strong {
    color: #F5F5F5 !important;
}

/* ==============================================================================
   COMMUNICATION ASSESSMENT — WHITE QUESTION CARD DISPLAY
   Ensure question sentence and prompt text retain dark, high-contrast readable text
   (#17181B) against the preserved white question card (#ffffff) in dark theme.
   ============================================================================== */
[data-bs-theme="dark"] .reading-canvas-box,
body.dark-mode .reading-canvas-box {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

[data-bs-theme="dark"] .reading-prompt-text,
body.dark-mode .reading-prompt-text,
[data-bs-theme="dark"] .reading-canvas-box h3,
body.dark-mode .reading-canvas-box h3,
[data-bs-theme="dark"] .reading-canvas-box .reading-prompt-text,
body.dark-mode .reading-canvas-box .reading-prompt-text,
[data-bs-theme="dark"] .reading-canvas-box #questionTextDisplay,
body.dark-mode .reading-canvas-box #questionTextDisplay {
    color: #17181B !important;
    -webkit-text-fill-color: #17181B !important;
    opacity: 1 !important;
}

[data-bs-theme="dark"] .reading-canvas-box .text-dark,
body.dark-mode .reading-canvas-box .text-dark,
[data-bs-theme="dark"] .reading-canvas-box span:not(.text-info):not(.badge),
body.dark-mode .reading-canvas-box span:not(.text-info):not(.badge) {
    color: #17181B !important;
    -webkit-text-fill-color: #17181B !important;
}

[data-bs-theme="dark"] .reading-canvas-box .text-muted,
body.dark-mode .reading-canvas-box .text-muted {
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
}

/* ==============================================================================
   60. AI SKILL TEST / PRE-INTERVIEW DIAGNOSTICS THEME HARMONIZATION
   Aligns /ai-skill-test/system-check/<domain_id> with Q Matrix dark assessment tokens:
   Near-Black (#0B0B0D), Charcoal (#17181B), Inset (#141518), Orange (#FF7900), Border (#2A2B30).
   ============================================================================== */
[data-bs-theme="dark"] .diagnostics-page-container,
body.dark-mode .diagnostics-page-container {
    background-color: #0B0B0D !important;
}

[data-bs-theme="dark"] .diagnostics-panel,
body.dark-mode .diagnostics-panel {
    background: #17181B !important;
    border-color: #2A2B30 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-bs-theme="dark"] .panel-header-bar,
body.dark-mode .panel-header-bar {
    background: #141518 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .diagnostics-header,
body.dark-mode .diagnostics-header {
    border-bottom-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .diagnostics-heading,
body.dark-mode .diagnostics-heading {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .diagnostics-subheading,
body.dark-mode .diagnostics-subheading {
    color: #92939B !important;
}

[data-bs-theme="dark"] .btn-exit-setup,
body.dark-mode .btn-exit-setup {
    background: #17181B !important;
    border-color: #2A2B30 !important;
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .btn-exit-setup:hover,
body.dark-mode .btn-exit-setup:hover {
    background: #202125 !important;
    border-color: #383940 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .proctoring-indicator-badge,
body.dark-mode .proctoring-indicator-badge {
    background: #17181B !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .camera-viewport-frame,
body.dark-mode .camera-viewport-frame {
    background: #0B0B0D !important;
}

[data-bs-theme="dark"] .camera-floating-overlay,
body.dark-mode .camera-floating-overlay {
    background: rgba(17, 18, 20, 0.92) !important;
    border-top: 1px solid #2A2B30 !important;
}

[data-bs-theme="dark"] .tag-mic-level,
body.dark-mode .tag-mic-level {
    background: #141518 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .btn-pause-camera,
body.dark-mode .btn-pause-camera {
    background: #141518 !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .btn-pause-camera:hover,
body.dark-mode .btn-pause-camera:hover {
    background: #202125 !important;
    border-color: #383940 !important;
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .device-controls-wrapper,
body.dark-mode .device-controls-wrapper {
    background: #17181B !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .device-test-card,
body.dark-mode .device-test-card {
    background: #141518 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .device-name,
body.dark-mode .device-name {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .chip-standby,
body.dark-mode .chip-standby {
    background: #17181B !important;
    border-color: #2A2B30 !important;
    color: #92939B !important;
}

[data-bs-theme="dark"] .btn-device-action,
body.dark-mode .btn-device-action {
    background: #17181B !important;
    border-color: #2A2B30 !important;
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .btn-device-action:hover,
body.dark-mode .btn-device-action:hover {
    background: #202125 !important;
    border-color: #FF7900 !important;
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .selected-track-box,
body.dark-mode .selected-track-box {
    background: #141518 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .track-icon-badge,
body.dark-mode .track-icon-badge {
    background: rgba(255, 121, 0, 0.14) !important;
    border-color: rgba(255, 121, 0, 0.35) !important;
}

[data-bs-theme="dark"] .track-title,
body.dark-mode .track-title {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .track-overline,
body.dark-mode .track-overline {
    color: #FF7900 !important;
}

[data-bs-theme="dark"] .setup-block-heading,
body.dark-mode .setup-block-heading {
    color: #92939B !important;
}

[data-bs-theme="dark"] .checklist-row,
body.dark-mode .checklist-row {
    background: #141518 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .checklist-row:hover,
body.dark-mode .checklist-row:hover {
    background: #17181B !important;
    border-color: #383940 !important;
}

[data-bs-theme="dark"] .row-label,
body.dark-mode .row-label {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .row-status-text.status-pending,
body.dark-mode .row-status-text.status-pending {
    color: #92939B !important;
}

[data-bs-theme="dark"] .guideline-item,
body.dark-mode .guideline-item {
    color: #D1D1D6 !important;
}

[data-bs-theme="dark"] .consent-agreement-container,
body.dark-mode .consent-agreement-container {
    background: #141518 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .consent-agreement-container:hover,
body.dark-mode .consent-agreement-container:hover {
    border-color: #383940 !important;
}

[data-bs-theme="dark"] .consent-caption,
body.dark-mode .consent-caption {
    color: #F5F5F5 !important;
}

[data-bs-theme="dark"] .consent-input,
body.dark-mode .consent-input {
    background-color: #141518 !important;
    border-color: #2A2B30 !important;
}

[data-bs-theme="dark"] .consent-input:checked,
body.dark-mode .consent-input:checked {
    background-color: #FF7900 !important;
    border-color: #FF7900 !important;
}

[data-bs-theme="dark"] .btn-enter-interview.disabled,
body.dark-mode .btn-enter-interview.disabled {
    background: #2A2B30 !important;
    border-color: #2A2B30 !important;
    color: #92939B !important;
}