/* ==========================================================================
   CAMDEMICS APPLE GLASSMORPHIC DARK THEME DESIGN SYSTEM
   ==========================================================================
   - Complete Landing Page Coverage:
     1. Home (All Theme Variants: Default, Cambridge, Oxford, Harvard, Modern)
     2. About Us (History, Dean's Welcome, Highlights, Stats, Faculty Profiles)
     3. Educational Programs (Search, Category Filters, Degree Cards, Modules)
     4. Gallery (Photo Albums, Lightboxes, Video Gallery, Media Players)
     5. Student Results & Transcripts (Lookup Portal, Grade Slips, Processing Options)
     6. Fees & Tuition Structure (Schedule Tabs, Department Tables, Bank & MoMo Details)
     7. Contact Us (Direct Contact Cards, Inquiry Form, Side Info Widget, Interactive Map Frame)
     8. Student Registration & Onboarding (Multi-step Wizard, Gender Radio Pills, Guardian Segment Switch, Document Upload Badges, Official Printable Document Preview Whitelist)
   - Architecture: Modern Apple Frosted Glassmorphism (Translucency + Backdrop Blur)
   - Image Clarity: Full visibility and contrast for all card background images & photos
   - Ambient Lighting: Multi-point Radial Blur Gradients on Cards & Surfaces
   - High-Contrast Text: 100% Crisp Visibility across Titles, Subtitles, Tables & Forms
   - Zero Card Top Borders: Elimination of all top border bars & pseudo-elements
   - Floating Theme Switcher: High-visibility Sun (Gold) & Moon (Indigo) SVG Icons
   ========================================================================== */

/* ==========================================================================
   1. DESIGN TOKENS & CSS VARIABLES
   ========================================================================== */
:root {
    --dm-canvas: #f8fafc;
    --dm-surface-0: #ffffff;
    --dm-surface-1: #ffffff;
    --dm-surface-2: #f1f5f9;
    --dm-surface-3: #e2e8f0;
    --dm-surface-hover: #f8fafc;

    --dm-glass-bg: rgba(255, 255, 255, 0.85);
    --dm-glass-card: rgba(255, 255, 255, 0.9);
    --dm-glass-modal: rgba(255, 255, 255, 0.95);
    --dm-glass-border: rgba(0, 0, 0, 0.08);

    --dm-text-heading: #0f172a;
    --dm-text-primary: #1e293b;
    --dm-text-secondary: #475569;
    --dm-text-muted: #64748b;
    --dm-text-faint: #94a3b8;

    --dm-border-subtle: rgba(0, 0, 0, 0.05);
    --dm-border-default: #e2e8f0;
    --dm-border-strong: #cbd5e1;

    --dm-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.03);
    --dm-shadow-elevated: 0 10px 30px rgba(0, 0, 0, 0.08);
    --dm-shadow-modal: 0 25px 60px rgba(0, 0, 0, 0.15);
}

html[data-theme="dark"],
[data-theme="dark"] {
    --dm-canvas: #070a13;
    --dm-surface-0: #0b0f19;
    --dm-surface-1: #111827;
    --dm-surface-2: #162032;
    --dm-surface-3: #1e293b;
    --dm-surface-hover: #1e2d42;

    /* Apple Frosted Glass Tokens */
    --dm-glass-bg: rgba(11, 17, 31, 0.75);
    --dm-glass-card: rgba(18, 26, 43, 0.75);
    --dm-glass-card-hover: rgba(26, 38, 62, 0.85);
    --dm-glass-modal: rgba(15, 23, 42, 0.90);
    --dm-glass-input: rgba(15, 23, 42, 0.65);
    --dm-glass-dropdown: rgba(17, 24, 39, 0.94);

    --dm-glass-border: rgba(255, 255, 255, 0.08);
    --dm-glass-border-hover: rgba(255, 255, 255, 0.16);

    --dm-text-heading: #ffffff;
    --dm-text-primary: #f8fafc;
    --dm-text-secondary: #e2e8f0;
    --dm-text-muted: #cbd5e1;
    --dm-text-faint: #94a3b8;

    --dm-border-subtle: rgba(255, 255, 255, 0.06);
    --dm-border-default: rgba(255, 255, 255, 0.08);
    --dm-border-strong: rgba(255, 255, 255, 0.15);

    --dm-shadow-card: 0 8px 30px rgba(0, 0, 0, 0.4);
    --dm-shadow-elevated: 0 16px 40px rgba(0, 0, 0, 0.55);
    --dm-shadow-modal: 0 25px 70px -10px rgba(0, 0, 0, 0.85);

    /* Webstyle Global Overrides */
    --primary-background-color: transparent !important;
    --text-white-color: #ffffff !important;
    --nav-text-color: #f1f5f9 !important;
    --section-heading-color: #ffffff !important;
    --section-desc-color: #cbd5e1 !important;

    color-scheme: dark;
}

/* ==========================================================================
   2. UNIVERSAL LOGO SWITCHER RULES (HIGH CONTRAST)
   ========================================================================== */
.brand-logo-dark,
.app-logo-dark,
.logo-dark-mode,
.theme-logo-dark {
    display: none !important;
}

.brand-logo-light,
.app-logo-light,
.logo-light-mode,
.theme-logo-light {
    display: inline-block !important;
}

html[data-theme="dark"] .brand-logo-light,
html[data-theme="dark"] .app-logo-light,
html[data-theme="dark"] .logo-light-mode,
html[data-theme="dark"] .theme-logo-light,
[data-theme="dark"] .brand-logo-light,
[data-theme="dark"] .app-logo-light,
[data-theme="dark"] .logo-light-mode,
[data-theme="dark"] .theme-logo-light {
    display: none !important;
}

html[data-theme="dark"] .brand-logo-dark,
html[data-theme="dark"] .app-logo-dark,
html[data-theme="dark"] .logo-dark-mode,
html[data-theme="dark"] .theme-logo-dark,
[data-theme="dark"] .brand-logo-dark,
[data-theme="dark"] .app-logo-dark,
[data-theme="dark"] .logo-dark-mode,
[data-theme="dark"] .theme-logo-dark {
    display: inline-block !important;
}

/* ==========================================================================
   3. GLOBAL CANVAS, BODY & AMBIENT GLASS BACKGROUND
   ========================================================================== */
html[data-theme="dark"],
html[data-theme="dark"] body,
[data-theme="dark"] body,
[data-theme="dark"] #app {
    background-color: #070a13 !important;
    background: #070a13 !important;
    color: #f8fafc !important;
    font-family: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-theme="dark"] .container-scroller,
[data-theme="dark"] .container-fluid.page-body-wrapper,
[data-theme="dark"] .page-body-wrapper,
[data-theme="dark"] .main-panel,
[data-theme="dark"] .content-wrapper,
[data-theme="dark"] .student-shell,
[data-theme="dark"] .main-landing-content,
[data-theme="dark"] .main-content,
[data-theme="dark"] .main,
[data-theme="dark"] .about-main-wrapper,
[data-theme="dark"] .contact-main-wrapper,
[data-theme="dark"] .reg-wrapper,
[data-theme="dark"] .transcript-page-section {
    background-color: #070a13 !important;
    background: #070a13 !important;
    color: #f8fafc !important;
}

/* Auth / Login Page Background Image with Glass Overlay */
html[data-theme="dark"] body.bg-image,
[data-theme="dark"] body.bg-image,
[data-theme="dark"] .bg-image {
    background-image: var(--image-url) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

html[data-theme="dark"] body.bg-image .container-scroller,
[data-theme="dark"] body.bg-image .container-scroller {
    background: transparent !important;
    background-color: transparent !important;
}

html[data-theme="dark"] body.bg-image .overlay,
[data-theme="dark"] body.bg-image .overlay,
[data-theme="dark"] .overlay {
    background: rgba(7, 10, 19, 0.25) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body.bg-image .auth-content-wrapper,
[data-theme="dark"] body.bg-image .auth-content-wrapper {
    background: transparent !important;
    background-color: transparent !important;
}

/* Login Auth Box with Ambient Glow */
[data-theme="dark"] .auth .auth-form-light {
    background: radial-gradient(circle at 15% 15%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.2) 0%, transparent 50%),
                radial-gradient(circle at 85% 85%, rgba(var(--secondary-color-rgb, 0, 132, 255), 0.12) 0%, transparent 55%),
                rgba(18, 26, 43, 0.82) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.65) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .auth .auth-form-light .input-group {
    background-color: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
}

[data-theme="dark"] .auth .auth-form-light .input-group .form-control {
    color: #ffffff !important;
}

[data-theme="dark"] .auth .auth-form-light .form-group label {
    color: #f1f5f9 !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   4. UNIVERSAL LIGHT BACKGROUND REMOVAL (ZERO ACCIDENTAL WHITE BACKGROUNDS)
   ========================================================================== */
[data-theme="dark"] .bg-white:not(.official-form-preview):not(#form-print-area):not(.a4-page-sheet):not(.transcript-paper-preview):not(.doc-paper-sheet):not(.printable-preview),
[data-theme="dark"] .bg-light:not(.official-form-preview):not(#form-print-area):not(.a4-page-sheet):not(.transcript-paper-preview):not(.doc-paper-sheet):not(.printable-preview),
[data-theme="dark"] .bg-default,
[data-theme="dark"] .bg-white-50,
[data-theme="dark"] .table-light,
[data-theme="dark"] .thead-light,
[data-theme="dark"] thead.bg-light,
[data-theme="dark"] thead.thead-light,
[data-theme="dark"] .card-header.bg-white,
[data-theme="dark"] .modal-header.bg-white,
[data-theme="dark"] .modal-footer.bg-white,
[data-theme="dark"] .modal-body.bg-white,
[data-theme="dark"] .modal-footer.bg-light,
[data-theme="dark"] .card-footer.bg-white,
[data-theme="dark"] .list-group-item.bg-white,
[data-theme="dark"] .dropdown-menu.bg-white,
[data-theme="dark"] [style*="background: #ffffff"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background:#ffffff"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background: #fff"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background:#fff"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background: white"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background:white"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color: #ffffff"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color:#ffffff"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color: #fff"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color:#fff"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color: white"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color:white"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background: rgb(255, 255, 255)"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background: rgb(255,255,255)"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color: rgb(255, 255, 255)"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color: rgb(255,255,255)"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background: #f8fafc"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background:#f8fafc"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color: #f8fafc"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color:#f8fafc"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background: #f1f5f9"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background:#f1f5f9"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color: #f1f5f9"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background-color:#f1f5f9"]:not(.official-form-preview *):not(#form-print-area *):not(.a4-page-sheet *):not(.transcript-paper-preview *):not(.doc-paper-sheet *):not(.printable-preview *):not(.colorful-program-card),
[data-theme="dark"] [style*="background: #eef4ff"],
[data-theme="dark"] [style*="background:#eef4ff"],
[data-theme="dark"] [style*="background: #ebedf2"],
[data-theme="dark"] [style*="background:#ebedf2"],
[data-theme="dark"] [style*="background: #e2e8f0"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="background:#e2e8f0"]:not(.official-form-preview *):not(#form-print-area *) {
    background-color: rgba(18, 26, 43, 0.75) !important;
    background: rgba(18, 26, 43, 0.75) !important;
    color: #f8fafc !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Multi-image frame borders in about section */
[data-theme="dark"] [style*="border: 6px solid #ffffff"],
[data-theme="dark"] [style*="border: 6px solid #fff"],
[data-theme="dark"] [style*="border: 4px solid #ffffff"],
[data-theme="dark"] [style*="border: 4px solid #fff"] {
    border: 3px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6) !important;
}

/* ==========================================================================
   5. COMPLETE HIGH-CONTRAST TYPOGRAPHY & TOP NAVIGATION LINKS
   ========================================================================== */
/* All Headings & Titles: Pure Crisp White (Excluding Paper Sheets) */
[data-theme="dark"] h1:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] h2:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] h3:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] h4:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] h5:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] h6:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] .h1, [data-theme="dark"] .h2, [data-theme="dark"] .h3,
[data-theme="dark"] .h4, [data-theme="dark"] .h5, [data-theme="dark"] .h6,
[data-theme="dark"] .card-title,
[data-theme="dark"] .modal-title,
[data-theme="dark"] .page-title,
[data-theme="dark"] .section-main-heading,
[data-theme="dark"] .commonTitle,
[data-theme="dark"] .section-title,
[data-theme="dark"] .title-text,
[data-theme="dark"] .program-card-title,
[data-theme="dark"] .program-card-heading,
[data-theme="dark"] .course-title,
[data-theme="dark"] .photoTitle,
[data-theme="dark"] .video-title,
[data-theme="dark"] .transcript-form-label,
[data-theme="dark"] .fw-bold:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] .font-weight-bold:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] .cg-section-title,
[data-theme="dark"] .hd-section-title,
[data-theme="dark"] .md-section-title,
[data-theme="dark"] strong:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] b:not(.official-form-preview *):not(#form-print-area *) {
    color: #ffffff !important;
    letter-spacing: -0.015em;
}

/* Body Text, Paragraphs, Card Descriptions: Crisp High Contrast */
[data-theme="dark"] p:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] span:not(.official-form-preview *):not(#form-print-area *):not(.badge):not(.doc-upload-box span),
[data-theme="dark"] div:not(.official-form-preview):not(.official-form-preview *):not(#form-print-area):not(#form-print-area *):not(.a4-page-sheet *),
[data-theme="dark"] li:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] .card-body,
[data-theme="dark"] .card-text,
[data-theme="dark"] .text-dark:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] .text-black:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color: #0f172a"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color:#0f172a"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color: #1e293b"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color:#1e293b"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color: #000"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color:#000"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color: black"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color:black"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color: #000000"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color:#000000"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color: #333"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color:#333"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color: #29363f"]:not(.official-form-preview *):not(#form-print-area *) {
    color: #f1f5f9 !important;
}

/* Secondary & Muted Text */
[data-theme="dark"] [style*="color: #475569"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color:#475569"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color: #64748b"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] [style*="color:#64748b"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] .text-secondary:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] .text-muted:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] small.text-muted:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] .section-subtext,
[data-theme="dark"] .commonDesc,
[data-theme="dark"] .card-desc,
[data-theme="dark"] .lead {
    color: #cbd5e1 !important;
}

/* ── PUBLIC NAVBAR LINKS (100% VISIBLE & BRIGHT) ── */
[data-theme="dark"] .web-navbar a:not(.commonBtn):not(.btn),
[data-theme="dark"] .web-navbar .listItems li a:not(.commonBtn):not(.btn),
[data-theme="dark"] .web-navbar .nav-dropdown-toggle,
[data-theme="dark"] .web-navbar .nav-link,
[data-theme="dark"] .web-navbar .nav-wing a:not(.commonBtn):not(.btn),
[data-theme="dark"] .web-navbar-centered-floating a:not(.commonBtn):not(.btn),
[data-theme="dark"] .web-navbar-classic a:not(.commonBtn):not(.btn),
[data-theme="dark"] .web-navbar-modern a:not(.commonBtn):not(.btn),
[data-theme="dark"] .web-navbar-minimal a:not(.commonBtn):not(.btn),
[data-theme="dark"] .navbarWrapper a:not(.commonBtn):not(.btn),
[data-theme="dark"] .navigation a:not(.commonBtn):not(.btn),
[data-theme="dark"] .navbar-nav .nav-link,
[data-theme="dark"] .main-header .nav-link,
[data-theme="dark"] .topHeader .commonSpan,
[data-theme="dark"] .topHeader a {
    color: #f1f5f9 !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .web-navbar a:not(.commonBtn):not(.btn):hover,
[data-theme="dark"] .web-navbar .listItems li a:not(.commonBtn):not(.btn):hover,
[data-theme="dark"] .web-navbar .nav-dropdown-toggle:hover,
[data-theme="dark"] .web-navbar .nav-link:hover,
[data-theme="dark"] .web-navbar .nav-wing a:not(.commonBtn):not(.btn):hover,
[data-theme="dark"] .web-navbar a:not(.commonBtn):not(.btn).active,
[data-theme="dark"] .web-navbar .listItems li a:not(.commonBtn):not(.btn).active,
[data-theme="dark"] .web-navbar .nav-dropdown-toggle.active,
[data-theme="dark"] .web-navbar .nav-link.active,
[data-theme="dark"] .navbar-nav .nav-link.active {
    color: #ffffff !important;
    text-shadow: 0 0 12px rgba(var(--primary-color-rgb, 0, 115, 59), 0.6) !important;
}

/* Standard In-Page Links */
[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.colorful-program-card):not(.contact-link):not(.official-form-preview *) {
    color: #93c5fd !important;
}

[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.colorful-program-card):not(.contact-link):not(.official-form-preview *):hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

[data-theme="dark"] label:not(.official-form-preview *),
[data-theme="dark"] .form-group label:not(.official-form-preview *),
[data-theme="dark"] .form-label:not(.official-form-preview *),
[data-theme="dark"] .transcript-form-label {
    color: #f8fafc !important;
    font-weight: 600 !important;
}

[data-theme="dark"] hr:not(.official-form-preview *) {
    border-color: rgba(255, 255, 255, 0.08) !important;
    opacity: 0.8 !important;
}

/* ==========================================================================
   6. PUBLIC LANDING PAGE SECTIONS, BREADCRUMBS & HEROES
   ========================================================================== */
/* Public Section Background Resets */
[data-theme="dark"] section.heroSection,
[data-theme="dark"] section.top-cards-overlay,
[data-theme="dark"] section.stats-banner-section,
[data-theme="dark"] section.aboutUs,
[data-theme="dark"] section.programs,
[data-theme="dark"] section.featured-courses,
[data-theme="dark"] section.events,
[data-theme="dark"] section.ourPhotos,
[data-theme="dark"] section.ourVideos,
[data-theme="dark"] section.faqs,
[data-theme="dark"] section.ourApp,
[data-theme="dark"] section.registration-cta,
[data-theme="dark"] .commonMT,
[data-theme="dark"] .programsWrapper,
[data-theme="dark"] .programmesWrapper,
[data-theme="dark"] .photosWrapper,
[data-theme="dark"] .galleryWrapper,
[data-theme="dark"] .videosWrapper,
[data-theme="dark"] .questionWrapper,
[data-theme="dark"] .teacherCardWrapper,
[data-theme="dark"] .who-we-are,
[data-theme="dark"] .educational-programs-container,
[data-theme="dark"] .fees-structure-container,
[data-theme="dark"] .aboutUsWrapper,
[data-theme="dark"] .supportWrapper,
[data-theme="dark"] .support-pill-section,
[data-theme="dark"] .portal-gateway-section,
[data-theme="dark"] .portal-gateway-wrapper,
[data-theme="dark"] .cg-hero-section,
[data-theme="dark"] .cg-stats-section,
[data-theme="dark"] .cg-programs-section,
[data-theme="dark"] .cg-news-section,
[data-theme="dark"] .cg-events-section,
[data-theme="dark"] .cg-cta-section,
[data-theme="dark"] .hd-hero-section,
[data-theme="dark"] .hd-stats-section,
[data-theme="dark"] .hd-programs-section,
[data-theme="dark"] .md-hero-section,
[data-theme="dark"] .md-stats-section,
[data-theme="dark"] .md-programs-section {
    background: transparent !important;
    background-color: transparent !important;
    color: #f8fafc !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

/* Breadcrumbs Banner */
[data-theme="dark"] .breadcrumb {
    background: rgba(11, 17, 31, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .breadcrumb .title {
    color: #ffffff !important;
    font-weight: 800 !important;
}
[data-theme="dark"] .breadcrumb .home a {
    color: #93c5fd !important;
}
[data-theme="dark"] .breadcrumb .page {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .breadcrumb i {
    color: #64748b !important;
}

/* REMOVE ALL CARD TOP BORDER LINES & TOP PSEUDO-ELEMENTS GLOBALLY */
.colorful-program-card::before,
.colorful-program-card::after,
.card::before,
.card::after,
.feature-card-item::before,
.feature-card-item::after,
.program-card-box::before,
.program-card-box::after,
.course-card-premium::before,
.course-card-premium::after,
.about-highlight-card::before,
.about-highlight-card::after,
.program-accent-bar,
[data-theme="dark"] .colorful-program-card::before,
[data-theme="dark"] .colorful-program-card::after,
[data-theme="dark"] .card::before,
[data-theme="dark"] .card::after,
[data-theme="dark"] .feature-card-item::before,
[data-theme="dark"] .feature-card-item::after,
[data-theme="dark"] .program-card-box::before,
[data-theme="dark"] .program-card-box::after,
[data-theme="dark"] .course-card-premium::before,
[data-theme="dark"] .course-card-premium::after,
[data-theme="dark"] .about-highlight-card::before,
[data-theme="dark"] .about-highlight-card::after,
[data-theme="dark"] .program-accent-bar,
[data-theme="dark"] [class*="card"]::before,
[data-theme="dark"] [class*="card"]::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    border: none !important;
    background: none !important;
}

/* ==========================================================================
   7. COLORFUL PROGRAM CARDS & IMAGE-CARD SYSTEM (FULL IMAGE VISIBILITY)
   ========================================================================== */
/* Dedicated Program Cards with Crisp Background Images in Dark Mode */
[data-theme="dark"] .colorful-program-card {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55) !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: flex-end !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

[data-theme="dark"] .colorful-program-card:hover {
    transform: translateY(-6px) scale(1.02) !important;
    border-color: rgba(var(--primary-color-rgb, 0, 115, 59), 0.7) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 25px rgba(var(--primary-color-rgb, 0, 115, 59), 0.35) !important;
}

[data-theme="dark"] .colorful-program-card .card-inner-content {
    position: relative !important;
    z-index: 3 !important;
}

[data-theme="dark"] .colorful-program-card > div[style*="position: absolute"],
[data-theme="dark"] .colorful-program-card > div:last-child {
    background: linear-gradient(to top, rgba(7, 10, 19, 0.94) 0%, rgba(7, 10, 19, 0.5) 45%, rgba(7, 10, 19, 0.15) 100%) !important;
    z-index: 1 !important;
    inset: 0 !important;
    position: absolute !important;
}

/* All Visual Images & Thumbnails (High Clarity & Visibility) */
[data-theme="dark"] img:not(.brand-logo-light):not(.brand-logo-dark):not(.lang-flag-svg) {
    opacity: 1 !important;
}

[data-theme="dark"] .about-img-primary,
[data-theme="dark"] .about-img-secondary,
[data-theme="dark"] .who-img-box img,
[data-theme="dark"] .photo-card-item img,
[data-theme="dark"] .gallery-card img,
[data-theme="dark"] .video-card-item img,
[data-theme="dark"] .teacher-avatar-wrapper img,
[data-theme="dark"] .program-card-img,
[data-theme="dark"] .course-card-premium img,
[data-theme="dark"] .event-card img {
    opacity: 1 !important;
    filter: brightness(1.05) contrast(1.02) !important;
}

/* Universal Clean Apple Glass Cards (For non-image cards) */
[data-theme="dark"] .feature-card-item,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .cg-feature-item,
[data-theme="dark"] .hd-feature-card,
[data-theme="dark"] .md-feature-card,
[data-theme="dark"] .course-card-premium,
[data-theme="dark"] .program-card-box,
[data-theme="dark"] .program-detail-card,
[data-theme="dark"] .programsCardWrapper .card,
[data-theme="dark"] .program-card,
[data-theme="dark"] .cg-program-card,
[data-theme="dark"] .hd-program-card,
[data-theme="dark"] .md-program-card,
[data-theme="dark"] .photo-card-item,
[data-theme="dark"] .gallery-card,
[data-theme="dark"] .video-card-item,
[data-theme="dark"] .event-card,
[data-theme="dark"] .cg-event-card,
[data-theme="dark"] .hd-event-card,
[data-theme="dark"] .md-event-card,
[data-theme="dark"] .about-highlight-card,
[data-theme="dark"] .about-rector-card,
[data-theme="dark"] .heritage-feature-card,
[data-theme="dark"] .pillar-card,
[data-theme="dark"] .campus-card,
[data-theme="dark"] .who-stat-card,
[data-theme="dark"] .teacher-card,
[data-theme="dark"] .contact-info-card,
[data-theme="dark"] .contact-card,
[data-theme="dark"] .inquiry-panel-card,
[data-theme="dark"] .contact-form-box,
[data-theme="dark"] .tuition-card,
[data-theme="dark"] .fees-card,
[data-theme="dark"] .support-pill-item,
[data-theme="dark"] .portal-gateway-card,
[data-theme="dark"] .gateway-card,
[data-theme="dark"] .portal-hero-card,
[data-theme="dark"] .card-workspace,
[data-theme="dark"] .portal-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .students-card,
[data-theme="dark"] .registration-card,
[data-theme="dark"] .import-card,
[data-theme="dark"] .export-card,
[data-theme="dark"] .transcript-main-card,
[data-theme="dark"] .speed-option-card,
[data-theme="dark"] .passport-photo-card,
[data-theme="dark"] .side-info-widget,
[data-theme="dark"] .card:not(.official-form-preview) {
    background: radial-gradient(circle at 15% 15%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.14) 0%, transparent 50%),
                radial-gradient(circle at 85% 85%, rgba(var(--secondary-color-rgb, 0, 132, 255), 0.10) 0%, transparent 55%),
                rgba(18, 26, 43, 0.75) !important;
    background-color: rgba(18, 26, 43, 0.75) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: none !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    color: #f8fafc !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease !important;
}

/* ==========================================================================
   8. PAGE-SPECIFIC ENHANCEMENTS & FIXES
   ========================================================================== */

/* A. Contact Us Page (Side Info Widget & Support Pills) */
[data-theme="dark"] .side-info-widget {
    background: radial-gradient(circle at 10% 10%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.16) 0%, transparent 45%),
                rgba(18, 26, 43, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .side-info-widget h5 {
    color: #ffffff !important;
}

[data-theme="dark"] .side-info-widget small.text-muted,
[data-theme="dark"] .side-info-widget .text-secondary {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .side-info-widget .support-pill-item {
    background: rgba(15, 23, 42, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .side-info-widget .support-pill-item:hover {
    background: rgba(26, 38, 62, 0.9) !important;
    border-color: var(--primary-color, #00733B) !important;
}

[data-theme="dark"] .side-info-widget .support-pill-item .text-dark,
[data-theme="dark"] .side-info-widget .support-pill-item .fw-bold {
    color: #ffffff !important;
}

[data-theme="dark"] .side-info-widget .support-pill-icon {
    background: rgba(15, 23, 42, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .contact-icon-bubble {
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .contact-info-card:hover .contact-icon-bubble {
    background: linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .inquiry-panel-card {
    background: radial-gradient(circle at 10% 10%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.15) 0%, transparent 45%),
                rgba(18, 26, 43, 0.82) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ── About Us Page Dark Theme Enhancements ── */
[data-theme="dark"] .about-rector-card {
    background: linear-gradient(145deg, #162032 0%, #0f172a 100%) !important;
    border-color: #233044 !important;
    border-left: 5px solid var(--primary-color, #10b981) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .about-rector-card h3,
[data-theme="dark"] .about-rector-heading,
[data-theme="dark"] .about-rector-card h5,
[data-theme="dark"] .about-rector-name,
[data-theme="dark"] .about-heritage-heading {
    color: #ffffff !important;
}
[data-theme="dark"] .about-rector-card .about-rector-title {
    color: #38bdf8 !important;
}
[data-theme="dark"] .about-rector-card .about-rector-tag,
[data-theme="dark"] .about-heritage-tag {
    color: #34d399 !important;
}
[data-theme="dark"] .about-rector-card blockquote,
[data-theme="dark"] .about-rector-card .blockquote,
[data-theme="dark"] .about-rector-quote,
[data-theme="dark"] .about-heritage-text {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .rector-quote-pill {
    background: #0b1322 !important;
    border-color: #233044 !important;
    color: #f1f5f9 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .rector-quote-pill span {
    color: #f1f5f9 !important;
}
[data-theme="dark"] .heritage-feature-card {
    background: #162032 !important;
    border-color: #233044 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}
[data-theme="dark"] .heritage-feature-card h6 {
    color: #ffffff !important;
}
[data-theme="dark"] .heritage-feature-card small,
[data-theme="dark"] .heritage-feature-card .text-muted {
    color: #94a3b8 !important;
}
[data-theme="dark"] .about-heritage-section {
    background-color: #070a13 !important;
    border-color: #1e293b !important;
}

/* B. Registration Wizard: Gender Pills & Radio Cards */
[data-theme="dark"] .radio-card-option input[type="radio"],
[data-theme="dark"] .gender-pill-option input[type="radio"],
[data-theme="dark"] .gender-pill-group input[type="radio"],
[data-theme="dark"] .option-card-radio input[type="radio"],
[data-theme="dark"] .hero-style-card input[type="radio"],
[data-theme="dark"] .radio-group-cards input[type="radio"],
[data-theme="dark"] input[type="radio"].radio-card-input,
[data-theme="dark"] input[type="radio"].gender-pill-input {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    display: inline !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    z-index: -1 !important;
}

[data-theme="dark"] .radio-card-option input[type="radio"]::after,
[data-theme="dark"] .gender-pill-option input[type="radio"]::after,
[data-theme="dark"] .gender-pill-group input[type="radio"]::after,
[data-theme="dark"] .option-card-radio input[type="radio"]::after,
[data-theme="dark"] .hero-style-card input[type="radio"]::after,
[data-theme="dark"] .radio-group-cards input[type="radio"]::after,
[data-theme="dark"] input[type="radio"].radio-card-input::after,
[data-theme="dark"] input[type="radio"].gender-pill-input::after {
    display: none !important;
    content: none !important;
}

[data-theme="dark"] .radio-card-label {
    background: rgba(18, 26, 43, 0.75) !important;
    background-color: rgba(18, 26, 43, 0.75) !important;
    backdrop-filter: blur(10px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
    border-radius: 12px !important;
}

[data-theme="dark"] .radio-card-label:hover {
    background: rgba(30, 41, 59, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

[data-theme="dark"] .radio-card-label i,
[data-theme="dark"] .radio-card-label span {
    color: #f8fafc !important;
}

[data-theme="dark"] .radio-card-option input[type="radio"]:checked + .radio-card-label {
    background: linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(var(--primary-color-rgb, 0, 115, 59), 0.45) !important;
}

[data-theme="dark"] .radio-card-option input[type="radio"]:checked + .radio-card-label i,
[data-theme="dark"] .radio-card-option input[type="radio"]:checked + .radio-card-label span {
    color: #ffffff !important;
}

/* C. Registration Wizard: Family & Guardian Segment Switch */
[data-theme="dark"] .parent-toggle-tabs {
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
}

[data-theme="dark"] .parent-tab-btn {
    background: transparent !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .parent-tab-btn i {
    color: #94a3b8 !important;
}

[data-theme="dark"] .parent-tab-btn.active {
    background: linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary-color, #00733B) !important;
    box-shadow: 0 4px 16px rgba(var(--primary-color-rgb, 0, 115, 59), 0.35) !important;
}

[data-theme="dark"] .parent-tab-btn.active i {
    color: #ffffff !important;
}

/* D. Registration Wizard: Document Upload Slots & Badges */
[data-theme="dark"] .mandatory-docs-card {
    background: radial-gradient(circle at 10% 10%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.15) 0%, transparent 45%),
                rgba(18, 26, 43, 0.85) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .mandatory-docs-card h4 {
    color: #86efac !important;
}

[data-theme="dark"] .mandatory-docs-card p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .doc-upload-box {
    background: rgba(15, 23, 42, 0.75) !important;
    border: 1.5px dashed rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
}

[data-theme="dark"] .doc-upload-box:hover {
    border-color: var(--primary-color, #00733B) !important;
    background: rgba(26, 38, 62, 0.85) !important;
}

[data-theme="dark"] .doc-upload-box span:first-child {
    color: #ffffff !important;
}

[data-theme="dark"] .doc-status-text {
    color: #cbd5e1 !important;
}

/* Document Upload Badges (High Contrast in Dark Theme) */
[data-theme="dark"] .doc-upload-box span[style*="background: #fee2e2"],
[data-theme="dark"] .doc-upload-box span[style*="background:#fee2e2"],
[data-theme="dark"] .mandatory-docs-card span[style*="background: #fee2e2"],
[data-theme="dark"] .mandatory-docs-card span[style*="background:#fee2e2"] {
    background: rgba(239, 68, 68, 0.25) !important;
    color: #fca5a5 !important;
    border: 1px solid rgba(239, 68, 68, 0.5) !important;
}

[data-theme="dark"] .doc-upload-box span[style*="background: #e0f2fe"],
[data-theme="dark"] .doc-upload-box span[style*="background:#e0f2fe"],
[data-theme="dark"] .mandatory-docs-card span[style*="background: #e0f2fe"],
[data-theme="dark"] .mandatory-docs-card span[style*="background:#e0f2fe"] {
    background: rgba(56, 189, 248, 0.25) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(56, 189, 248, 0.5) !important;
}

[data-theme="dark"] .doc-upload-box span[style*="background: #dcfce7"],
[data-theme="dark"] .doc-upload-box span[style*="background:#dcfce7"],
[data-theme="dark"] .mandatory-docs-card span[style*="background: #dcfce7"],
[data-theme="dark"] .mandatory-docs-card span[style*="background:#dcfce7"] {
    background: rgba(34, 197, 94, 0.25) !important;
    color: #86efac !important;
    border: 1px solid rgba(34, 197, 94, 0.5) !important;
}

/* E. Official Document Printable Preview Sheet Isolation (Strict Paper Whitelist) */
[data-theme="dark"] .official-form-preview,
[data-theme="dark"] #form-print-area,
[data-theme="dark"] .a4-page-sheet,
[data-theme="dark"] .transcript-paper-preview,
[data-theme="dark"] .doc-paper-sheet,
[data-theme="dark"] .printable-preview,
[data-theme="dark"] .invoice-print-sheet,
[data-theme="dark"] .academic-transcript-paper {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.8) !important;
    border-radius: 12px !important;
}

[data-theme="dark"] .official-form-preview *,
[data-theme="dark"] #form-print-area *,
[data-theme="dark"] .a4-page-sheet *,
[data-theme="dark"] .transcript-paper-preview *,
[data-theme="dark"] .doc-paper-sheet *,
[data-theme="dark"] .printable-preview *,
[data-theme="dark"] .invoice-print-sheet *,
[data-theme="dark"] .academic-transcript-paper * {
    color: inherit;
    text-shadow: none !important;
}

[data-theme="dark"] .official-form-preview td,
[data-theme="dark"] #form-print-area td,
[data-theme="dark"] .official-form-preview th,
[data-theme="dark"] #form-print-area th {
    background-color: transparent !important;
    background: transparent !important;
    color: #1e293b !important;
}

[data-theme="dark"] .official-form-preview .preview-field-label,
[data-theme="dark"] #form-print-area .preview-field-label {
    color: #64748b !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .official-form-preview .preview-field-value,
[data-theme="dark"] #form-print-area .preview-field-value {
    color: #0f172a !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .official-form-preview #prev_full_name,
[data-theme="dark"] #form-print-area #prev_full_name {
    color: #1e40af !important;
    font-weight: 800 !important;
}

[data-theme="dark"] .official-form-preview #prev_level,
[data-theme="dark"] #form-print-area #prev_level {
    color: #2563eb !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .official-form-preview .preview-field,
[data-theme="dark"] #form-print-area .preview-field {
    border-bottom: 1px solid #f1f5f9 !important;
    background: transparent !important;
}

[data-theme="dark"] .official-form-preview .official-passport-frame,
[data-theme="dark"] #form-print-area .official-passport-frame {
    background: #f8fafc !important;
    border: 1.5px solid #0f172a !important;
}

[data-theme="dark"] .official-form-preview [style*="background: #f8fafc"],
[data-theme="dark"] #form-print-area [style*="background: #f8fafc"],
[data-theme="dark"] .official-form-preview [style*="background:#f8fafc"],
[data-theme="dark"] #form-print-area [style*="background:#f8fafc"] {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

[data-theme="dark"] .official-form-preview [style*="background: #f8fafc"] li,
[data-theme="dark"] #form-print-area [style*="background: #f8fafc"] li {
    color: #334155 !important;
}

/* F. Educational Programs Page */
[data-theme="dark"] .program-filter-pill {
    background: rgba(18, 26, 43, 0.8) !important;
    color: #cbd5e1 !important;
    border: 1.5px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .program-filter-pill:hover {
    background: rgba(30, 41, 59, 0.9) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
[data-theme="dark"] .program-filter-pill.active {
    background: linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%) !important;
    color: #ffffff !important;
    border-color: var(--primary-color, #00733B) !important;
    box-shadow: 0 8px 20px rgba(var(--primary-color-rgb, 0, 115, 59), 0.4) !important;
}
[data-theme="dark"] .program-search-bar {
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .program-search-input {
    background: transparent !important;
    color: #ffffff !important;
}
[data-theme="dark"] .program-search-input::placeholder {
    color: #94a3b8 !important;
}

/* G. Fees & Tuition Page */
[data-theme="dark"] .fee-nav-pills {
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .fee-nav-pills .nav-link {
    background: rgba(18, 26, 43, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}
[data-theme="dark"] .fee-nav-pills .nav-link .sub-desc {
    color: #94a3b8 !important;
}
[data-theme="dark"] .fee-nav-pills .nav-link:hover {
    background: rgba(30, 41, 59, 0.85) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .fee-nav-pills .nav-link.active {
    background: linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(var(--primary-color-rgb, 0, 115, 59), 0.35) !important;
}
[data-theme="dark"] .fee-nav-pills .nav-link.active .sub-desc {
    color: rgba(255, 255, 255, 0.9) !important;
}
[data-theme="dark"] .table-fee-head {
    background: linear-gradient(90deg, rgba(var(--primary-color-rgb, 0, 115, 59), 0.85) 0%, rgba(var(--secondary-color-rgb, 5, 150, 105), 0.75) 100%) !important;
}
[data-theme="dark"] .fac-row-header {
    background: rgba(15, 23, 42, 0.9) !important;
    color: #ffffff !important;
}

/* H. Academic Transcript Request Page */
[data-theme="dark"] .transcript-main-card {
    background: radial-gradient(circle at 10% 10%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.15) 0%, transparent 45%),
                rgba(18, 26, 43, 0.82) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .transcript-card-header {
    background: rgba(15, 23, 42, 0.6) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .speed-option-card {
    background: rgba(15, 23, 42, 0.65) !important;
    border: 2px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .speed-option-card:hover {
    background: rgba(26, 38, 62, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
[data-theme="dark"] .speed-option-card.active-speed {
    border-color: var(--primary-color, #00733B) !important;
    background: rgba(var(--primary-color-rgb, 0, 115, 59), 0.15) !important;
}

/* I. Gallery (Photos & Videos) */
[data-theme="dark"] .photo-card-item,
[data-theme="dark"] .video-card-item,
[data-theme="dark"] .gallery-card {
    background: rgba(18, 26, 43, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .photoTitle,
[data-theme="dark"] .video-title {
    color: #ffffff !important;
}

/* J. FAQ Accordions */
[data-theme="dark"] .faqs .accordion,
[data-theme="dark"] .faqs .accordion-item,
[data-theme="dark"] .premium-accordion .accordion-item,
[data-theme="dark"] .accordion-item {
    background: radial-gradient(circle at 10% 20%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.12) 0%, transparent 50%),
                rgba(18, 26, 43, 0.72) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .faqs .accordion-button,
[data-theme="dark"] .faqs .accordion-button.collapsed,
[data-theme="dark"] .accordion-button,
[data-theme="dark"] .accordion-button.collapsed,
[data-theme="dark"] .accordion-button span,
[data-theme="dark"] .accordion-button.collapsed span,
[data-theme="dark"] .accordion-header button,
[data-theme="dark"] .accordion-header button span,
[data-theme="dark"] .premium-accordion .accordion-button,
[data-theme="dark"] .premium-accordion .accordion-button.collapsed {
    color: #ffffff !important;
    font-weight: 700 !important;
    background: rgba(18, 26, 43, 0.6) !important;
    background-color: rgba(18, 26, 43, 0.6) !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .faqs .accordion-button:not(.collapsed),
[data-theme="dark"] .accordion-button:not(.collapsed),
[data-theme="dark"] .faqs .accordion-button:not(.collapsed) span,
[data-theme="dark"] .accordion-button:not(.collapsed) span {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb, 0, 115, 59), 0.32) 0%, rgba(var(--secondary-color-rgb, 5, 150, 105), 0.2) 100%) !important;
    color: var(--secondary-light, var(--secondary-color, #38bdf8)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .faqs .accordion-collapse,
[data-theme="dark"] .faqs .accordion-body,
[data-theme="dark"] .accordion-body,
[data-theme="dark"] .accordion-body.text-muted,
[data-theme="dark"] .accordion-body p,
[data-theme="dark"] .accordion-body span {
    background: rgba(11, 17, 31, 0.65) !important;
    background-color: rgba(11, 17, 31, 0.65) !important;
    color: #f1f5f9 !important;
    border-top: none !important;
}

[data-theme="dark"] .accordion-button::after {
    filter: invert(1) brightness(1.8) !important;
}

/* ==========================================================================
   9. DASHBOARD APPLE GLASS KPI CARDS, CHARTS, TICKERS & WIDGETS
   ========================================================================== */
/* Dashboard Stat KPI Cards */
[data-theme="dark"] .stat-kpi {
    background: radial-gradient(circle at 15% 15%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.22) 0%, transparent 55%),
                radial-gradient(circle at 85% 85%, rgba(var(--secondary-color-rgb, 0, 132, 255), 0.14) 0%, transparent 60%),
                rgba(18, 26, 43, 0.88) !important;
    background-color: rgba(18, 26, 43, 0.88) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .stat-kpi:hover {
    border-color: rgba(var(--primary-color-rgb, 0, 115, 59), 0.5) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(var(--primary-color-rgb, 0, 115, 59), 0.2) !important;
}

[data-theme="dark"] .stat-kpi .kpi-label {
    color: #cbd5e1 !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .stat-kpi .kpi-value {
    color: #ffffff !important;
    font-weight: 800 !important;
}

[data-theme="dark"] .stat-kpi .kpi-value small {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .stat-kpi .kpi-sub {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .stat-kpi .kpi-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .stat-kpi .kpi-icon i,
[data-theme="dark"] .stat-kpi .kpi-icon svg {
    color: inherit !important;
    fill: currentColor !important;
    font-size: 22px !important;
    display: inline-block !important;
}

[data-theme="dark"] .stat-kpi-blue .kpi-icon   { background: rgba(59, 130, 246, 0.22) !important; color: #60a5fa !important; border: 1px solid rgba(96, 165, 250, 0.45) !important; box-shadow: 0 0 14px rgba(59, 130, 246, 0.2) !important; }
[data-theme="dark"] .stat-kpi-green .kpi-icon  { background: rgba(34, 197, 94, 0.22) !important; color: #4ade80 !important; border: 1px solid rgba(74, 222, 128, 0.45) !important; box-shadow: 0 0 14px rgba(34, 197, 94, 0.2) !important; }
[data-theme="dark"] .stat-kpi-purple .kpi-icon { background: rgba(168, 85, 247, 0.22) !important; color: #c084fc !important; border: 1px solid rgba(192, 132, 252, 0.45) !important; box-shadow: 0 0 14px rgba(168, 85, 247, 0.2) !important; }
[data-theme="dark"] .stat-kpi-orange .kpi-icon { background: rgba(249, 115, 22, 0.25) !important; color: #fb923c !important; border: 1px solid rgba(251, 146, 60, 0.5) !important; box-shadow: 0 0 14px rgba(249, 115, 22, 0.25) !important; }
[data-theme="dark"] .stat-kpi-indigo .kpi-icon { background: rgba(99, 102, 241, 0.22) !important; color: #818cf8 !important; border: 1px solid rgba(129, 140, 248, 0.45) !important; box-shadow: 0 0 14px rgba(99, 102, 241, 0.2) !important; }
[data-theme="dark"] .stat-kpi-teal .kpi-icon   { background: rgba(20, 184, 166, 0.22) !important; color: #2dd4bf !important; border: 1px solid rgba(45, 212, 191, 0.45) !important; box-shadow: 0 0 14px rgba(20, 184, 166, 0.2) !important; }
[data-theme="dark"] .stat-kpi-rose .kpi-icon   { background: rgba(244, 63, 94, 0.22) !important; color: #fb7185 !important; border: 1px solid rgba(251, 113, 133, 0.45) !important; box-shadow: 0 0 14px rgba(244, 63, 94, 0.2) !important; }
[data-theme="dark"] .stat-kpi-amber .kpi-icon  { background: rgba(245, 158, 11, 0.22) !important; color: #fbbf24 !important; border: 1px solid rgba(251, 191, 36, 0.45) !important; box-shadow: 0 0 14px rgba(245, 158, 11, 0.2) !important; }

/* Dashboard Section Header Icon Badges */
.header-icon-box {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
    transition: all 0.2s ease;
}
.header-icon-box i,
.header-icon-box svg {
    color: inherit !important;
    fill: currentColor !important;
}
.header-icon-blue   { background: #eff6ff; color: #2563eb; }
.header-icon-rose   { background: #fff1f2; color: #e11d48; }
.header-icon-green  { background: #f0fdf4; color: #16a34a; }
.header-icon-purple { background: #f5f3ff; color: #7c3aed; }
.header-icon-amber  { background: #fffbeb; color: #d97706; }
.header-icon-teal   { background: #f0fdfa; color: #0d9488; }
.header-icon-indigo { background: #eef2ff; color: #4f46e5; }

[data-theme="dark"] .header-icon-blue   { background: rgba(37, 99, 235, 0.22) !important; color: #60a5fa !important; border: 1px solid rgba(96, 165, 250, 0.35) !important; }
[data-theme="dark"] .header-icon-rose   { background: rgba(225, 29, 72, 0.22) !important; color: #fb7185 !important; border: 1px solid rgba(251, 113, 133, 0.35) !important; }
[data-theme="dark"] .header-icon-green  { background: rgba(22, 163, 74, 0.22) !important; color: #4ade80 !important; border: 1px solid rgba(74, 222, 128, 0.35) !important; }
[data-theme="dark"] .header-icon-purple { background: rgba(124, 58, 237, 0.22) !important; color: #c084fc !important; border: 1px solid rgba(192, 132, 252, 0.35) !important; }
[data-theme="dark"] .header-icon-amber  { background: rgba(217, 119, 6, 0.22) !important; color: #fbbf24 !important; border: 1px solid rgba(251, 191, 36, 0.35) !important; }
[data-theme="dark"] .header-icon-teal   { background: rgba(13, 148, 136, 0.22) !important; color: #2dd4bf !important; border: 1px solid rgba(45, 212, 191, 0.35) !important; }
[data-theme="dark"] .header-icon-indigo { background: rgba(79, 70, 229, 0.22) !important; color: #818cf8 !important; border: 1px solid rgba(129, 140, 248, 0.35) !important; }

[data-theme="dark"] .header-stat-chip-blue { background: rgba(37, 99, 235, 0.18) !important; color: #93c5fd !important; border: 1px solid rgba(37, 99, 235, 0.3) !important; }
[data-theme="dark"] .header-stat-chip-rose { background: rgba(225, 29, 72, 0.18) !important; color: #fda4af !important; border: 1px solid rgba(225, 29, 72, 0.3) !important; }

/* Dashboard Chart Cards */
[data-theme="dark"] .chart-card {
    background: radial-gradient(circle at 10% 15%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.16) 0%, transparent 50%),
                radial-gradient(circle at 90% 85%, rgba(var(--secondary-color-rgb, 0, 132, 255), 0.10) 0%, transparent 55%),
                rgba(18, 26, 43, 0.85) !important;
    background-color: rgba(18, 26, 43, 0.85) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .chart-card:hover {
    border-color: rgba(var(--primary-color-rgb, 0, 115, 59), 0.4) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
}

[data-theme="dark"] .chart-card .chart-card-title,
[data-theme="dark"] .chart-card .chart-card-title span,
[data-theme="dark"] .chart-card .chart-card-title .text-dark {
    color: #ffffff !important;
}

[data-theme="dark"] .chart-card .chart-card-title .text-muted,
[data-theme="dark"] .chart-card .chart-card-title small {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .chart-card .chart-card-title > div:first-child:not(.header-icon-box) {
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .chart-card .badge-light {
    background: rgba(15, 23, 42, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #93c5fd !important;
}

/* Institutional Live Notice Bar */
[data-theme="dark"] .floating-notice-bar {
    background: rgba(18, 26, 43, 0.88) !important;
    background-color: rgba(18, 26, 43, 0.88) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .floating-notice-bar:hover {
    border-color: rgba(var(--primary-color-rgb, 0, 115, 59), 0.4) !important;
}

[data-theme="dark"] .notice-bullhorn-icon {
    background: rgba(15, 23, 42, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .notice-ticker-slide {
    color: #f8fafc !important;
}

[data-theme="dark"] .view-notice-btn,
[data-theme="dark"] .notice-card-item,
[data-theme="dark"] .notice-card-gold,
[data-theme="dark"] .notice-card-blue {
    background: rgba(18, 26, 43, 0.82) !important;
    background-color: rgba(18, 26, 43, 0.82) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #f8fafc !important;
}

/* Gradient Dashboard Cards */
[data-theme="dark"] .card.bg-gradient-danger,
[data-theme="dark"] .card.bg-gradient-info,
[data-theme="dark"] .card.bg-gradient-success,
[data-theme="dark"] .card.bg-gradient-primary,
[data-theme="dark"] .card.bg-gradient-warning,
[data-theme="dark"] .card.bg-gradient-secondary,
[data-theme="dark"] .stat-card-premium,
[data-theme="dark"] .stats-widget-card {
    background: radial-gradient(circle at 15% 15%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.28) 0%, transparent 55%),
                radial-gradient(circle at 85% 85%, rgba(var(--secondary-color-rgb, 0, 132, 255), 0.18) 0%, transparent 60%),
                linear-gradient(135deg, rgba(18, 26, 43, 0.9) 0%, rgba(11, 17, 31, 0.95) 100%) !important;
    backdrop-filter: blur(24px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-top: none !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   10. SIDEBAR — APPLE FROSTED GLASS SYSTEM & USER FOOTER
   ========================================================================== */
html[data-theme="dark"] .sidebar,
[data-theme="dark"] .sidebar {
    background: rgba(11, 17, 31, 0.85) !important;
    background-color: rgba(11, 17, 31, 0.85) !important;
    backdrop-filter: blur(24px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-shadow: 6px 0 30px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .sidebar .nav,
[data-theme="dark"] .sidebar-nav-container,
[data-theme="dark"] .sidebar-nav-scroll {
    background: transparent !important;
    background-color: transparent !important;
}

[data-theme="dark"] .sidebar-brand-header {
    background: rgba(11, 17, 31, 0.7) !important;
    backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

[data-theme="dark"] .sidebar-brand-header .brand-name {
    color: #ffffff !important;
}

[data-theme="dark"] .sidebar-section-label {
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.9px !important;
}

[data-theme="dark"] .sidebar .nav .nav-item .nav-link {
    color: #e2e8f0 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="dark"] .sidebar .nav .nav-item .nav-link .menu-icon {
    background: rgba(18, 26, 43, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    border-radius: 8px !important;
}

[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(8px) !important;
}

[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover .menu-icon {
    background: rgba(var(--primary-color-rgb, 0, 115, 59), 0.25) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
}

/* Active Nav Item */
[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link,
[data-theme="dark"] .sidebar .nav .nav-item > .nav-link.active,
[data-theme="dark"] .sidebar .nav .nav-item .nav-link.active {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb, 0, 115, 59), 0.32) 0%, rgba(var(--secondary-color-rgb, 5, 150, 105), 0.2) 100%) !important;
    border: 1px solid rgba(var(--primary-color-rgb, 0, 115, 59), 0.5) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 18px rgba(var(--primary-color-rgb, 0, 115, 59), 0.3) !important;
}

[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link .menu-icon,
[data-theme="dark"] .sidebar .nav .nav-item > .nav-link.active .menu-icon,
[data-theme="dark"] .sidebar .nav .nav-item .nav-link.active .menu-icon {
    background: linear-gradient(135deg, var(--primary-color, #00733B), var(--secondary-color, #059669)) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}

/* Submenu */
[data-theme="dark"] .sidebar .nav .collapse,
[data-theme="dark"] .sidebar .nav .collapsing,
[data-theme="dark"] .sidebar .nav .collapse.show,
[data-theme="dark"] .sidebar .collapse,
[data-theme="dark"] .sidebar .collapse.show {
    background: transparent !important;
    border: none !important;
    border-left: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

[data-theme="dark"] .sidebar .nav.sub-menu,
[data-theme="dark"] .sidebar .nav .collapse .sub-menu {
    background: transparent !important;
    border-left: 2px solid rgba(255, 255, 255, 0.08) !important;
    padding: 4px 0 6px 8px !important;
    margin: 2px 0 6px 26px !important;
}

[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link .submenu-icon {
    background: rgba(18, 26, 43, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link.active,
[data-theme="dark"] .sidebar .nav.sub-menu .nav-item.active > .nav-link {
    background: rgba(var(--primary-color-rgb, 0, 115, 59), 0.22) !important;
    border: 1px solid rgba(var(--primary-color-rgb, 0, 115, 59), 0.38) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Sidebar Footer User Profile Trigger */
[data-theme="dark"] .sidebar-footer {
    background: rgba(11, 17, 31, 0.95) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}

[data-theme="dark"] .sidebar-profile-trigger {
    background: rgba(18, 26, 43, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .sidebar-profile-trigger:hover {
    background: rgba(26, 38, 62, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .sidebar-profile-info .pname {
    color: #ffffff !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .sidebar-profile-info .prole {
    color: #94a3b8 !important;
}

/* ==========================================================================
   11. MODALS, DIALOGS & POPUPS (APPLE GLASS SHEET & POP-IN ANIMATIONS)
   ========================================================================== */
@keyframes appleGlassPop {
    0% {
        opacity: 0;
        transform: scale(0.95) translateY(12px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
/* Modal & Backdrop Layering (Fix Stacking Context & Backdrop Trap) */
.modal {
    z-index: 1065 !important;
}
.modal-backdrop {
    z-index: 1060 !important;
}
.modal-dialog {
    z-index: 1066 !important;
    position: relative !important;
}

[data-theme="dark"] .modal {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[data-theme="dark"] .modal-backdrop {
    background-color: #030712 !important;
    opacity: 0.65 !important;
}

[data-theme="dark"] .modal-content,
[data-theme="dark"] #editModal .modal-content,
[data-theme="dark"] #noticeDetailsModal .modal-content,
[data-theme="dark"] #allNoticesModal .modal-content,
[data-theme="dark"] #publicNoticeModal .modal-content {
    background: #0f172a !important;
    background-color: #0f172a !important;
    border: 1px solid #233044 !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.85) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] #editModal .modal-header,
[data-theme="dark"] #noticeDetailsModal .modal-header,
[data-theme="dark"] #allNoticesModal .modal-header,
[data-theme="dark"] #publicNoticeModal .modal-header {
    background: linear-gradient(135deg, rgba(var(--primary-color-rgb, 0, 115, 59), 0.95) 0%, rgba(var(--secondary-color-rgb, 5, 150, 105), 0.85) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-top: none !important;
    color: #ffffff !important;
    padding: 1.1rem 1.6rem !important;
}

[data-theme="dark"] .modal-header .btn-close,
[data-theme="dark"] .modal-header .close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
    opacity: 0.85 !important;
}

[data-theme="dark"] .modal-header .btn-close:hover,
[data-theme="dark"] .modal-header .close:hover {
    opacity: 1 !important;
}

[data-theme="dark"] .modal-body,
[data-theme="dark"] #editModal .modal-body,
[data-theme="dark"] #noticeDetailsModal .modal-body,
[data-theme="dark"] #allNoticesModal .modal-body,
[data-theme="dark"] #publicNoticeModal .modal-body {
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
    padding: 1.5rem !important;
}

[data-theme="dark"] .modal-body h1,
[data-theme="dark"] .modal-body h2,
[data-theme="dark"] .modal-body h3,
[data-theme="dark"] .modal-body h4,
[data-theme="dark"] .modal-body h5,
[data-theme="dark"] .modal-body h6,
[data-theme="dark"] .modal-body .text-dark,
[data-theme="dark"] .modal-body #modalNoticeDesc,
[data-theme="dark"] .modal-body #noticeModalTitleText {
    color: #f8fafc !important;
}

[data-theme="dark"] .modal-body p,
[data-theme="dark"] .modal-body .text-secondary,
[data-theme="dark"] .modal-body .text-muted,
[data-theme="dark"] .modal-body #noticeModalDesc {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .modal-footer,
[data-theme="dark"] #editModal .modal-footer,
[data-theme="dark"] #noticeDetailsModal .modal-footer,
[data-theme="dark"] #allNoticesModal .modal-footer,
[data-theme="dark"] #publicNoticeModal .modal-footer {
    background: #0f172a !important;
    background-color: #0f172a !important;
    border-top: 1px solid #1e293b !important;
    padding: 1rem 1.6rem !important;
}

/* Redesigned Notice Details Modal Dark Theme */
[data-theme="dark"] .notice-modal-card {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.85) !important;
}
[data-theme="dark"] .notice-modal-header {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .notice-modal-main-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .notice-modal-close-btn {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #cbd5e1 !important;
}
[data-theme="dark"] .notice-modal-close-btn:hover {
    background: rgba(239, 68, 68, 0.25) !important;
    color: #fca5a5 !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
}
[data-theme="dark"] .notice-date-chip {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #94a3b8 !important;
}
[data-theme="dark"] .notice-modal-body {
    background: #0f172a !important;
}
[data-theme="dark"] .notice-modal-headline {
    color: #f8fafc !important;
}
[data-theme="dark"] .notice-content-card {
    background: rgba(30, 41, 59, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .notice-modal-desc {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .notice-broadcast-note {
    color: #94a3b8 !important;
}
[data-theme="dark"] .notice-attachments-card {
    background: #111c30 !important;
    border-color: rgba(255, 255, 255, 0.09) !important;
}
[data-theme="dark"] .notice-att-title {
    color: #f8fafc !important;
}
[data-theme="dark"] .notice-file-item {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .notice-file-item:hover {
    background: #25354e !important;
    border-color: #3b82f6 !important;
}
[data-theme="dark"] .notice-file-name {
    color: #f8fafc !important;
}
[data-theme="dark"] .notice-file-meta {
    color: #94a3b8 !important;
}
[data-theme="dark"] .notice-modal-footer {
    background: #0f172a !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .notice-view-all-btn {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #cbd5e1 !important;
}
[data-theme="dark"] .notice-view-all-btn:hover {
    background: #334155 !important;
    color: #ffffff !important;
}

/* SweetAlert2 Dialogs */
[data-theme="dark"] .swal2-container {
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    background: rgba(7, 10, 19, 0.65) !important;
}

[data-theme="dark"] .swal2-popup {
    background: radial-gradient(circle at 10% 10%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.18) 0%, transparent 45%),
                rgba(15, 23, 42, 0.9) !important;
    background-color: rgba(15, 23, 42, 0.9) !important;
    backdrop-filter: blur(28px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.8) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .swal2-popup.swal2-show {
    animation: appleGlassPop 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="dark"] .swal2-title,
[data-theme="dark"] .swal2-html-container,
[data-theme="dark"] .swal2-content {
    color: #f8fafc !important;
}

[data-theme="dark"] .swal2-cancel {
    background: rgba(30, 41, 59, 0.7) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 12px !important;
}

/* ==========================================================================
   12. FORM CONTROLS, INPUTS, SELECT2 & FILE UPLOADS
   ========================================================================== */
[data-theme="dark"] .form-control:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] input[type="text"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] input[type="email"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] input[type="password"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] input[type="number"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] input[type="date"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] input[type="search"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] input[type="tel"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] input[type="url"]:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] textarea.form-control:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] textarea:not(.official-form-preview *):not(#form-print-area *),
[data-theme="dark"] .inquiry-form-control,
[data-theme="dark"] .transcript-form-input,
[data-theme="dark"] .form-control-custom:not(.official-form-preview *):not(#form-print-area *) {
    background-color: rgba(15, 23, 42, 0.65) !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

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

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select.form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .inquiry-form-control:focus,
[data-theme="dark"] .transcript-form-input:focus,
[data-theme="dark"] .form-control-custom:focus {
    background-color: rgba(18, 28, 48, 0.85) !important;
    background: rgba(18, 28, 48, 0.85) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb, 0, 115, 59), 0.25), 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    outline: none !important;
}

/* File Upload Controls & Dropzones */
[data-theme="dark"] .form-control.file-upload-info,
[data-theme="dark"] input.file-upload-info,
[data-theme="dark"] .input-group .file-upload-info,
[data-theme="dark"] .custom-file-label,
[data-theme="dark"] .custom-file-input,
[data-theme="dark"] .dropify-wrapper,
[data-theme="dark"] .upload-dropzone,
[data-theme="dark"] .passport-photo-box,
[data-theme="dark"] .avatar-upload-box,
[data-theme="dark"] .avatar-preview-wrapper {
    background-color: rgba(15, 23, 42, 0.65) !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px dashed rgba(255, 255, 255, 0.15) !important;
    color: #e2e8f0 !important;
    border-radius: 12px !important;
}

/* Select & Select2 Controls */
[data-theme="dark"] select.form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] select.form-control-custom,
[data-theme="dark"] select {
    background-color: rgba(15, 23, 42, 0.65) !important;
    background: rgba(15, 23, 42, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    padding-right: 38px !important;
    cursor: pointer !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: rgba(15, 23, 42, 0.65) !important;
    background: rgba(15, 23, 42, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    height: 44px !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .select2-dropdown,
[data-theme="dark"] .dropdown-menu {
    background-color: rgba(17, 24, 39, 0.95) !important;
    background: rgba(17, 24, 39, 0.95) !important;
    backdrop-filter: blur(24px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7) !important;
    border-radius: 14px !important;
}

[data-theme="dark"] .select2-results__option,
[data-theme="dark"] .dropdown-item,
[data-theme="dark"] .dropdown-item span,
[data-theme="dark"] .dropdown-item a {
    color: #f1f5f9 !important;
    border-radius: 8px !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   13. TABLES, DATA TABLES & BOOTSTRAP-TABLE GRIDS
   ========================================================================== */
[data-theme="dark"] .table:not(.official-form-preview table):not(#form-print-area table):not(.a4-page-sheet table),
[data-theme="dark"] #table_list {
    color: #f1f5f9 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    background-color: transparent !important;
}

[data-theme="dark"] .table:not(.official-form-preview table):not(#form-print-area table) th,
[data-theme="dark"] thead.bg-light th,
[data-theme="dark"] .table:not(.official-form-preview table):not(#form-print-area table) thead th,
[data-theme="dark"] #table_list thead th,
[data-theme="dark"] .table thead.thead-light th,
[data-theme="dark"] .thead-light th {
    background-color: rgba(15, 23, 42, 0.85) !important;
    background: rgba(15, 23, 42, 0.85) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .table:not(.official-form-preview table):not(#form-print-area table) td,
[data-theme="dark"] .table:not(.official-form-preview table):not(#form-print-area table) tbody td,
[data-theme="dark"] #table_list tbody td {
    background-color: rgba(18, 26, 43, 0.45) !important;
    background: rgba(18, 26, 43, 0.45) !important;
    color: #f8fafc !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-top: none !important;
}

[data-theme="dark"] .table-striped:not(.official-form-preview table) tbody tr:nth-of-type(odd) td {
    background-color: rgba(15, 23, 42, 0.6) !important;
    background: rgba(15, 23, 42, 0.6) !important;
}

[data-theme="dark"] .table-hover:not(.official-form-preview table) tbody tr:hover td {
    background-color: rgba(var(--primary-color-rgb, 0, 115, 59), 0.15) !important;
    background: rgba(var(--primary-color-rgb, 0, 115, 59), 0.15) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   14. BUTTONS, PILLS, LANGUAGE BUTTONS, TABS & BREADCRUMBS
   ========================================================================== */
/* Header Action Buttons (Dashboard & Login Pills) */
.commonBtn,
a.commonBtn,
button.commonBtn,
.web-navbar .commonBtn,
.web-navbar a.commonBtn,
.web-navbar .listItems > li > a.commonBtn,
[data-theme="dark"] .commonBtn,
[data-theme="dark"] a.commonBtn,
[data-theme="dark"] button.commonBtn,
[data-theme="dark"] .web-navbar .commonBtn,
[data-theme="dark"] .web-navbar a.commonBtn,
[data-theme="dark"] .web-navbar .listItems > li > a.commonBtn {
    background: linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%) !important;
    background-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 8px 22px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    letter-spacing: 0.2px !important;
    box-shadow: 0 4px 16px rgba(var(--primary-color-rgb, 0, 115, 59), 0.45) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.commonBtn:hover,
a.commonBtn:hover,
button.commonBtn:hover,
.web-navbar .commonBtn:hover,
.web-navbar a.commonBtn:hover,
[data-theme="dark"] .commonBtn:hover,
[data-theme="dark"] a.commonBtn:hover,
[data-theme="dark"] button.commonBtn:hover,
[data-theme="dark"] .web-navbar .commonBtn:hover,
[data-theme="dark"] .web-navbar a.commonBtn:hover {
    background: linear-gradient(135deg, var(--secondary-color, #059669) 0%, var(--primary-color, #00733B) 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(var(--primary-color-rgb, 0, 115, 59), 0.6) !important;
    text-decoration: none !important;
}

.commonBtn *,
a.commonBtn *,
button.commonBtn *,
.web-navbar .commonBtn *,
.web-navbar a.commonBtn *,
[data-theme="dark"] .commonBtn *,
[data-theme="dark"] a.commonBtn *,
[data-theme="dark"] button.commonBtn *,
[data-theme="dark"] .web-navbar .commonBtn *,
[data-theme="dark"] .web-navbar a.commonBtn * {
    color: #ffffff !important;
    fill: #ffffff !important;
    text-decoration: none !important;
}

.commonBtn:hover *,
a.commonBtn:hover *,
button.commonBtn:hover *,
.web-navbar .commonBtn:hover *,
.web-navbar a.commonBtn:hover *,
[data-theme="dark"] .commonBtn:hover *,
[data-theme="dark"] a.commonBtn:hover *,
[data-theme="dark"] button.commonBtn:hover *,
[data-theme="dark"] .web-navbar .commonBtn:hover *,
[data-theme="dark"] .web-navbar a.commonBtn:hover * {
    color: #ffffff !important;
    fill: #ffffff !important;
    text-decoration: none !important;
}

/* Quick Action Banner Cards & Icons */
.qa-banner,
[data-theme="dark"] .qa-banner {
    color: #ffffff !important;
    border-radius: 12px !important;
}

.qa-banner .qa-label,
[data-theme="dark"] .qa-banner .qa-label {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.qa-banner .qa-mini-icon,
[data-theme="dark"] .qa-banner .qa-mini-icon {
    background: rgba(255, 255, 255, 0.24) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
    border-radius: 9px !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.qa-banner .qa-mini-icon i,
[data-theme="dark"] .qa-banner .qa-mini-icon i {
    color: #ffffff !important;
    font-size: 14px !important;
    display: inline-block !important;
}

.qa-banner .qa-bg-icon,
[data-theme="dark"] .qa-banner .qa-bg-icon {
    color: #ffffff !important;
    opacity: 0.18 !important;
}

/* Primary Buttons & Gradients */
[data-theme="dark"] .btn-gradient-primary,
[data-theme="dark"] .btn-primary-gradient,
[data-theme="dark"] a.btn-gradient-primary,
[data-theme="dark"] button.btn-gradient-primary,
[data-theme="dark"] .badge-gradient-primary,
[data-theme="dark"] .bg-gradient-primary {
    background: linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 4px 14px rgba(var(--primary-color-rgb, 0, 115, 59), 0.3) !important;
}

/* Secondary & Outline Buttons */
[data-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-wizard-prev,
[data-theme="dark"] a.btn-outline-secondary,
[data-theme="dark"] button.btn-outline-secondary {
    background: rgba(30, 41, 59, 0.75) !important;
    background-color: rgba(30, 41, 59, 0.75) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #f1f5f9 !important;
    border-radius: 10px !important;
}

[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-wizard-prev:hover {
    background: rgba(51, 65, 85, 0.9) !important;
    color: #ffffff !important;
}

/* ── LANGUAGE BUTTONS, DROPDOWNS & PILLS (100% VISIBLE & SHARP) ── */
.lang-btn-active,
.btn-group .btn.lang-btn-active,
.btn-group a.lang-btn-active,
.btn-group .btn.btn-primary,
.btn-group a.btn-primary {
    background: linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%) !important;
    background-color: var(--primary-color, #00733B) !important;
    border: 1px solid var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.lang-btn-active *,
.btn-group .btn.lang-btn-active *,
.btn-group a.lang-btn-active *,
.btn-group .btn.btn-primary *,
.btn-group a.btn-primary * {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.lang-btn-inactive,
.btn-group .btn.lang-btn-inactive,
.btn-group a.lang-btn-inactive,
.btn-group .btn.btn-outline-secondary,
.btn-group a.btn-outline-secondary {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 600 !important;
}

.lang-btn-inactive *,
.btn-group .btn.lang-btn-inactive *,
.btn-group a.lang-btn-inactive *,
.btn-group .btn.btn-outline-secondary *,
.btn-group a.btn-outline-secondary * {
    color: #334155 !important;
    font-weight: 600 !important;
}

/* Dark Mode Language Styles */
[data-theme="dark"] .lang-btn-inactive,
[data-theme="dark"] .btn-group .btn.lang-btn-inactive,
[data-theme="dark"] .btn-group a.lang-btn-inactive,
[data-theme="dark"] .btn-group .btn.btn-outline-secondary,
[data-theme="dark"] .btn-group a.btn-outline-secondary {
    background: rgba(30, 41, 59, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .lang-btn-inactive *,
[data-theme="dark"] .btn-group .btn.lang-btn-inactive *,
[data-theme="dark"] .btn-group a.lang-btn-inactive *,
[data-theme="dark"] .btn-group .btn.btn-outline-secondary *,
[data-theme="dark"] .btn-group a.btn-outline-secondary * {
    color: #f1f5f9 !important;
}

/* Language Dropdown Menu in Dark Mode */
[data-theme="dark"] .lang-toggle-wrap .dropdown-menu,
[data-theme="dark"] .lang-dropdown-menu,
[data-theme="dark"] .topHeader .dropdown-menu {
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(24px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7) !important;
    border-radius: 12px !important;
}

[data-theme="dark"] .lang-toggle-wrap .dropdown-item,
[data-theme="dark"] .lang-dropdown-menu .dropdown-item {
    color: #cbd5e1 !important;
    transition: all 0.2s ease !important;
}

[data-theme="dark"] .lang-toggle-wrap .dropdown-item .lang-item-name,
[data-theme="dark"] .lang-dropdown-menu .dropdown-item .lang-item-name {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .lang-toggle-wrap .dropdown-item:hover,
[data-theme="dark"] .lang-dropdown-menu .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .lang-toggle-wrap .dropdown-item:hover .lang-item-name,
[data-theme="dark"] .lang-dropdown-menu .dropdown-item:hover .lang-item-name {
    color: #ffffff !important;
}

[data-theme="dark"] .lang-toggle-wrap .dropdown-item.active,
[data-theme="dark"] .lang-dropdown-menu .dropdown-item.active {
    background: linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .lang-toggle-wrap .dropdown-item.active .lang-item-name,
[data-theme="dark"] .lang-dropdown-menu .dropdown-item.active .lang-item-name {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Tabs */
[data-theme="dark"] .nav-tabs,
[data-theme="dark"] .transcript-nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .nav-tabs .nav-link,
[data-theme="dark"] .transcript-nav-tabs .nav-link {
    color: #cbd5e1 !important;
    background: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px 10px 0 0 !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .transcript-nav-tabs .nav-link.active {
    background: rgba(18, 26, 43, 0.85) !important;
    border-color: var(--primary-color, #00733B) var(--primary-color, #00733B) transparent !important;
    border-top: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   15. FLOATING THEME TOGGLE BUTTON (ULTRA-CLEAR HIGH CONTRAST)
   ========================================================================== */
#darkModeToggleBtn,
.theme-toggle-circle,
.theme-switch-pill {
    position: fixed !important;
    bottom: 24px !important;
    left: 24px !important;
    right: auto !important;
    z-index: 99999 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#darkModeToggleBtn .dm-icon,
.theme-toggle-circle .dm-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    color: inherit !important;
    transition: transform 0.3s ease;
}

#darkModeToggleBtn .dm-icon svg,
.theme-toggle-circle .dm-icon svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2.3 !important;
}

/* Light Mode Toggle Appearance */
html:not([data-theme="dark"]) #darkModeToggleBtn,
html:not([data-theme="dark"]) .theme-toggle-circle {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18) !important;
    color: #0f172a !important;
}

html:not([data-theme="dark"]) #darkModeToggleBtn:hover,
html:not([data-theme="dark"]) .theme-toggle-circle:hover {
    background: #f8fafc !important;
    border-color: #0f172a !important;
    color: #000000 !important;
    transform: translateY(-2px) scale(1.08) !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.25) !important;
}

/* Dark Mode Toggle Appearance (Vibrant Gold Sun Icon) */
[data-theme="dark"] #darkModeToggleBtn,
[data-theme="dark"] .theme-toggle-circle {
    background: rgba(18, 26, 43, 0.95) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.65), 0 0 16px rgba(251, 191, 36, 0.3) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] #darkModeToggleBtn:hover,
[data-theme="dark"] .theme-toggle-circle:hover {
    background: rgba(26, 38, 62, 0.98) !important;
    border-color: #fbbf24 !important;
    color: #fef08a !important;
    transform: translateY(-2px) scale(1.08) !important;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.75), 0 0 24px rgba(251, 191, 36, 0.45) !important;
}

/* If WhatsApp / Live chat widget is explicitly docked bottom-left, shift dark toggle to bottom-right */
body.has-wa-widget-left #darkModeToggleBtn,
body.has-wa-widget-left .theme-toggle-circle,
body:has(#camdemics-whatsapp-widget.bottom-left) #darkModeToggleBtn,
body:has(#camdemics-whatsapp-widget.bottom-left) .theme-toggle-circle {
    left: auto !important;
    right: 24px !important;
}

@media (max-width: 768px) {
    #darkModeToggleBtn,
    .theme-toggle-circle {
        bottom: 20px !important;
        left: 16px !important;
        right: auto !important;
        width: 42px !important;
        height: 42px !important;
    }
    body.has-wa-widget-left #darkModeToggleBtn,
    body.has-wa-widget-left .theme-toggle-circle,
    body:has(#camdemics-whatsapp-widget.bottom-left) #darkModeToggleBtn,
    body:has(#camdemics-whatsapp-widget.bottom-left) .theme-toggle-circle {
        left: auto !important;
        right: 16px !important;
    }
}

/* WhatsApp Chat Widget Glassmorphism */
[data-theme="dark"] .cam-wa-popup {
    background: rgba(15, 23, 42, 0.9) !important;
    backdrop-filter: blur(28px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.75) !important;
    border-radius: 20px !important;
}

/* ── PUBLIC WEB NAVBAR & HEADER (DARK THEME) ── */
[data-theme="dark"] .topHeader,
[data-theme="dark"] header.topHeader {
    background-color: #05070d !important;
    background: #05070d !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .web-navbar,
[data-theme="dark"] header.web-navbar,
[data-theme="dark"] .web-navbar-centered-floating,
[data-theme="dark"] .nav-bar,
[data-theme="dark"] header.nav-bar {
    background-color: rgba(11, 17, 32, 0.98) !important;
    background: rgba(11, 17, 32, 0.98) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .web-navbar.is-sticky,
[data-theme="dark"] .web-navbar.navbar-scrolled,
[data-theme="dark"] .web-navbar-centered-floating.is-sticky,
[data-theme="dark"] .web-navbar-centered-floating.navbar-scrolled {
    background-color: rgba(7, 10, 20, 0.94) !important;
    background: rgba(7, 10, 20, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.75) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* ── MENTORING UNIVERSITIES & PARTNERS SECTION (DARK THEME) ── */
[data-theme="dark"] .partner-card {
    background: rgba(15, 23, 42, 0.78) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .partner-card:hover {
    border-color: rgba(56, 189, 248, 0.45) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .partner-logo-wrap {
    background: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .partner-name-text {
    color: #ffffff !important;
}

[data-theme="dark"] .partner-badge-pill {
    background: rgba(14, 165, 233, 0.18) !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
}

[data-theme="dark"] .web-navbar .listItems > li > a:not(.commonBtn):not(.btn),
[data-theme="dark"] .web-navbar .nav-dropdown-toggle {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .web-navbar .listItems > li > a:not(.commonBtn):hover,
[data-theme="dark"] .web-navbar .nav-dropdown-toggle:hover,
[data-theme="dark"] .web-navbar .listItems > li > a:not(.commonBtn).active {
    color: #38bdf8 !important;
}

[data-theme="dark"] .web-navbar .dropdown-menu {
    background-color: #0f172a !important;
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .web-navbar .dropdown-item {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .web-navbar .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* Mobile Brand & Hamburger Button in Dark Mode */
[data-theme="dark"] .mobile-nav-brand,
[data-theme="dark"] .navLogo {
    background: transparent !important;
}

/* Desktop: strictly hide hamburger and mobile triggers */
@media screen and (min-width: 992px) {
    .web-navbar .hamburg,
    .hamburg,
    .hamburg-trigger,
    .navbar-toggler,
    [data-theme="dark"] .web-navbar .hamburg,
    [data-theme="dark"] .hamburg,
    [data-theme="dark"] .hamburg-trigger,
    [data-theme="dark"] .navbar-toggler {
        display: none !important;
    }
}

/* Mobile Brand & Hamburger Button in Dark Mode (Tablet & Mobile only) */
@media screen and (max-width: 991.98px) {
    [data-theme="dark"] .web-navbar .hamburg,
    [data-theme="dark"] .hamburg {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, 0.12) !important;
        border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
        color: #ffffff !important;
        border-radius: 10px !important;
    }

    [data-theme="dark"] .web-navbar .hamburg:hover,
    [data-theme="dark"] .hamburg:hover {
        background: rgba(255, 255, 255, 0.22) !important;
        border-color: #38bdf8 !important;
        color: #38bdf8 !important;
    }

    [data-theme="dark"] .web-navbar .hamburg i,
    [data-theme="dark"] .hamburg i,
    [data-theme="dark"] .hamburg-trigger,
    [data-theme="dark"] .hamburg-trigger i,
    [data-theme="dark"] .navbar-toggler i,
    [data-theme="dark"] .navbar-toggler-icon {
        color: #ffffff !important;
        filter: none !important;
    }
}

/* Mobile Offcanvas Drawer */
[data-theme="dark"] .offcanvas,
[data-theme="dark"] .offcanvas-end,
[data-theme="dark"] .offcanvas-start {
    background-color: #070a14 !important;
    background: #070a14 !important;
    color: #f8fafc !important;
    border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .offcanvas-header {
    background: #0b1120 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .offcanvas .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
    opacity: 0.9 !important;
}

[data-theme="dark"] .mobile-nav-link {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .mobile-nav-link:hover,
[data-theme="dark"] .mobile-nav-link.active {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: #38bdf8 !important;
    color: #38bdf8 !important;
}

[data-theme="dark"] .reg-card,
[data-theme="dark"] .wizard-panel {
    background: radial-gradient(circle at 10% 10%, rgba(var(--primary-color-rgb, 0, 115, 59), 0.16) 0%, transparent 45%),
                rgba(18, 26, 43, 0.75) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.6) !important;
}

/* ── PUBLIC FOOTER & COPYRIGHT BAR (PREMIUM DARK AESTHETICS) ── */
[data-theme="dark"] footer.commonMT,
[data-theme="dark"] footer.footer,
[data-theme="dark"] .portal-compact-footer,
[data-theme="dark"] .footer {
    background-color: #070a14 !important;
    background: linear-gradient(180deg, #0b1120 0%, #060911 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] footer .companyInfoWrapper,
[data-theme="dark"] footer .linksWrapper {
    background: transparent !important;
}

[data-theme="dark"] footer .title,
[data-theme="dark"] footer .linksWrapper .title {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2px solid rgba(var(--primary-color-rgb, 0, 115, 59), 0.5) !important;
    padding-bottom: 8px !important;
    display: inline-block !important;
    margin-bottom: 16px !important;
}

[data-theme="dark"] footer .linksWrapper span,
[data-theme="dark"] footer .companyInfoWrapper span,
[data-theme="dark"] footer .iconsWrapper span {
    background: transparent !important;
    border: none !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] footer .linksWrapper a,
[data-theme="dark"] footer .companyInfoWrapper a,
[data-theme="dark"] footer .iconsWrapper a {
    color: #cbd5e1 !important;
    background: transparent !important;
    border: none !important;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}

[data-theme="dark"] footer .linksWrapper a:hover,
[data-theme="dark"] footer .companyInfoWrapper a:hover,
[data-theme="dark"] footer .iconsWrapper a:hover {
    color: #ffffff !important;
    transform: translateX(3px) !important;
    text-shadow: 0 0 10px rgba(var(--primary-color-rgb, 0, 115, 59), 0.5) !important;
}

[data-theme="dark"] footer .socialIcons span a {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #f1f5f9 !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
}

[data-theme="dark"] footer .socialIcons span a:hover {
    background: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    border-color: var(--primary-color, #00733B) !important;
    transform: translateY(-3px) scale(1.1) !important;
    box-shadow: 0 6px 18px rgba(var(--primary-color-rgb, 0, 115, 59), 0.5) !important;
}

[data-theme="dark"] footer .iconsWrapper i {
    color: #38bdf8 !important;
}

[data-theme="dark"] .copyRightText,
[data-theme="dark"] footer .copyRightText,
[data-theme="dark"] .portal-compact-footer {
    background-color: #04060c !important;
    background: #04060c !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .copyRightText span,
[data-theme="dark"] .copyRightText span *,
[data-theme="dark"] footer .copyRightText span,
[data-theme="dark"] footer .copyRightText span * {
    color: #94a3b8 !important;
}

[data-theme="dark"] .copyRightText a,
[data-theme="dark"] footer .copyRightText a {
    color: #38bdf8 !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
}

[data-theme="dark"] .copyRightText a:hover,
[data-theme="dark"] footer .copyRightText a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

[data-theme="dark"] .lang-btn-active {
    background: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    border: 1px solid var(--primary-color, #00733B) !important;
}

[data-theme="dark"] .lang-btn-inactive {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .lang-btn-inactive:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   17. DOCUMENT & OFFICIAL TRANSCRIPT PREVIEW ISOLATION (PAPER WHITELIST)
   ========================================================================== */
[data-theme="dark"] .a4-page-sheet,
[data-theme="dark"] .transcript-paper-preview,
[data-theme="dark"] .doc-paper-sheet,
[data-theme="dark"] .printable-preview,
[data-theme="dark"] .invoice-print-sheet,
[data-theme="dark"] .academic-transcript-paper {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px !important;
}

/* Workspace Frame surrounding paper */
[data-theme="dark"] .workspace-canvas-container,
[data-theme="dark"] .canvas-iframe-wrapper {
    background: rgba(7, 10, 19, 0.95) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================================
   18. UNIVERSAL ICON VISIBILITY, SIDEBAR TOGGLE & QUICK ACTIONS CONTRAST
   ========================================================================== */

/* Sidebar Toggle Buttons (Desktop, Mobile & Floating) */
[data-theme="dark"] .sidebar-toggle-btn {
    background: rgba(30, 41, 59, 0.85) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.16) !important;
    color: #f8fafc !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .sidebar-toggle-btn:hover {
    background: var(--primary-color, #00733B) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 115, 59, 0.4) !important;
}

[data-theme="dark"] .sidebar-toggle-btn svg,
[data-theme="dark"] .sidebar-toggle-floating svg {
    stroke: currentColor !important;
}

/* Quick Action Banner Mini Icons */
[data-theme="dark"] .qa-banner .qa-mini-icon,
.qa-banner .qa-mini-icon {
    background: rgba(255, 255, 255, 0.28) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
}

[data-theme="dark"] .qa-banner .qa-mini-icon i,
.qa-banner .qa-mini-icon i {
    color: #ffffff !important;
    font-size: 15px !important;
    display: inline-block !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Universal Dashboard Card Action & Header Icons */
[data-theme="dark"] .card-header .btn-outline-secondary,
[data-theme="dark"] .card-header .btn-outline-primary {
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .card-header .btn-outline-secondary:hover,
[data-theme="dark"] .card-header .btn-outline-primary:hover {
    background: var(--primary-color, #00733B) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
}

/* Universal Badges & Pills High Contrast (Fixes Washed-Out White-on-White Badges) */
[data-theme="dark"] .badge-light,
[data-theme="dark"] .badge.badge-light,
[data-theme="dark"] span.badge-light,
[data-theme="dark"] .badge.bg-light,
[data-theme="dark"] .badge.bg-white,
[data-theme="dark"] .badge.badge-secondary,
[data-theme="dark"] .badge.badge-default {
    background: rgba(30, 41, 59, 0.85) !important;
    background-color: rgba(30, 41, 59, 0.85) !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .badge-light i,
[data-theme="dark"] .badge-light svg,
[data-theme="dark"] .badge-light span,
[data-theme="dark"] .badge.bg-light i,
[data-theme="dark"] .badge.bg-light span {
    color: inherit !important;
}

/* Yellow / Warning Buttons High Contrast */
[data-theme="dark"] .btn-warning,
[data-theme="dark"] .btn-warning.text-dark,
[data-theme="dark"] .btn-action-pill.btn-warning,
[data-theme="dark"] #btn-open-matricule-modal {
    background: #f59e0b !important;
    background-color: #f59e0b !important;
    border-color: #d97706 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .btn-warning *,
[data-theme="dark"] .btn-warning i,
[data-theme="dark"] .btn-warning span,
[data-theme="dark"] #btn-open-matricule-modal * {
    color: #0f172a !important;
}

/* Stat KPI Badges in Dark Mode */
[data-theme="dark"] .kpi-badge-blue   { background: rgba(59, 130, 246, 0.22) !important; color: #93c5fd !important; border: 1px solid rgba(96, 165, 250, 0.35) !important; }
[data-theme="dark"] .kpi-badge-purple { background: rgba(168, 85, 247, 0.22) !important; color: #d8b4fe !important; border: 1px solid rgba(192, 132, 252, 0.35) !important; }
[data-theme="dark"] .kpi-badge-green  { background: rgba(34, 197, 94, 0.22) !important; color: #86efac !important; border: 1px solid rgba(74, 222, 128, 0.35) !important; }
[data-theme="dark"] .kpi-badge-orange { background: rgba(249, 115, 22, 0.22) !important; color: #fdba74 !important; border: 1px solid rgba(251, 146, 60, 0.35) !important; }

/* ══════════════════════════════════════════════════════════
   GLOBAL FILE & IMAGE INPUTS — DARK MODE & DYNAMIC THEME COLORS
   ══════════════════════════════════════════════════════════ */
[data-theme="dark"] .cd-file-drop {
    background: rgba(18, 26, 43, 0.88) !important;
    background-color: rgba(18, 26, 43, 0.88) !important;
    border: 1.5px dashed rgba(255, 255, 255, 0.22) !important;
    border-radius: 10px !important;
    color: #f1f5f9 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .cd-file-drop:hover,
[data-theme="dark"] .cd-file-drop:focus-within {
    border-color: var(--theme-color, var(--primary-color, #00733B)) !important;
    background: rgba(var(--primary-color-rgb, 0, 115, 59), 0.18) !important;
    background-color: rgba(var(--primary-color-rgb, 0, 115, 59), 0.18) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb, 0, 115, 59), 0.25) !important;
}

[data-theme="dark"] .cd-file-drop.drag-over {
    border-color: var(--theme-color, var(--primary-color, #00733B)) !important;
    background: rgba(var(--primary-color-rgb, 0, 115, 59), 0.28) !important;
}

[data-theme="dark"] .cd-file-btn {
    background: var(--theme-color, var(--primary-color, #00733B)) !important;
    background-color: var(--theme-color, var(--primary-color, #00733B)) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .cd-file-btn:hover {
    filter: brightness(1.15) !important;
    box-shadow: 0 4px 16px rgba(var(--primary-color-rgb, 0, 115, 59), 0.45) !important;
}

[data-theme="dark"] .cd-file-name {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .cd-file-name.has-file {
    color: #93c5fd !important;
    font-weight: 600 !important;
}

[data-theme="dark"] .cd-file-hint {
    color: #94a3b8 !important;
}

[data-theme="dark"] .cd-file-clear {
    color: #94a3b8 !important;
}

[data-theme="dark"] .cd-file-clear:hover {
    color: #f87171 !important;
    background: rgba(248, 113, 113, 0.2) !important;
}

[data-theme="dark"] .cd-file-count {
    background: var(--theme-color, var(--primary-color, #00733B)) !important;
    color: #ffffff !important;
}

/* Document Upload Box & Dropzones */
[data-theme="dark"] .doc-upload-box {
    background: rgba(18, 26, 43, 0.88) !important;
    background-color: rgba(18, 26, 43, 0.88) !important;
    border: 1.5px dashed rgba(255, 255, 255, 0.22) !important;
    border-radius: 12px !important;
    color: #f1f5f9 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .doc-upload-box:hover {
    border-color: var(--theme-color, var(--primary-color, #00733B)) !important;
    background: rgba(var(--primary-color-rgb, 0, 115, 59), 0.18) !important;
}

[data-theme="dark"] .doc-upload-box span:first-child {
    color: #ffffff !important;
}

[data-theme="dark"] .doc-status-text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .doc-status-text.has-file {
    color: #93c5fd !important;
}

[data-theme="dark"] .btn-doc-picker {
    background: var(--theme-color, var(--primary-color, #00733B)) !important;
    background-color: var(--theme-color, var(--primary-color, #00733B)) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .btn-doc-picker:hover {
    filter: brightness(1.15) !important;
}

[data-theme="dark"] .upload-dropzone {
    background: rgba(18, 26, 43, 0.88) !important;
    border: 2px dashed rgba(255, 255, 255, 0.22) !important;
    border-radius: 14px !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .upload-dropzone p,
[data-theme="dark"] .upload-dropzone span,
[data-theme="dark"] .upload-dropzone i,
[data-theme="dark"] .upload-dropzone .file-selected-name {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .upload-dropzone:hover {
    border-color: var(--theme-color, var(--primary-color, #00733B)) !important;
    background: rgba(var(--primary-color-rgb, 0, 115, 59), 0.18) !important;
}

/* Legacy file inputs & Browser buttons */
[data-theme="dark"] .file-upload-browse,
.file-upload-browse {
    background: var(--theme-color, var(--primary-color, #00733B)) !important;
    border-color: var(--theme-color, var(--primary-color, #00733B)) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .file-upload-info {
    background: rgba(18, 26, 43, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .custom-file-label {
    background: rgba(18, 26, 43, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .custom-file-label::after {
    background: var(--theme-color, var(--primary-color, #00733B)) !important;
    color: #ffffff !important;
}

/* Native file inputs */
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
    background: var(--theme-color, var(--primary-color, #00733B)) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 7px !important;
    padding: 6px 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: filter 0.2s ease !important;
}

input[type="file"]::file-selector-button:hover,
input[type="file"]::-webkit-file-upload-button:hover {
    filter: brightness(1.12) !important;
}

/* Image & Passport Previews */
[data-theme="dark"] .passport-preview-wrap,
[data-theme="dark"] .image-preview-wrap,
[data-theme="dark"] .image-preview-box {
    background: rgba(15, 23, 42, 0.88) !important;
    border: 1.5px dashed rgba(255, 255, 255, 0.2) !important;
    color: #cbd5e1 !important;
}

/* ══════════════════════════════════════════════════════════
   GLOBAL BUTTON THEME SYNCHRONIZATION
   ══════════════════════════════════════════════════════════ */
[data-theme="dark"] .btn-theme, [data-theme="dark"] .btn-primary:not(.btn-outline-primary), [data-theme="dark"] .btn-gradient-primary, [data-theme="dark"] button[type="submit"].btn-primary, [data-theme="dark"] button[type="submit"].btn-theme { background: var(--theme-color, var(--primary-color, #00733B)) !important; border-color: var(--theme-color, var(--primary-color, #00733B)) !important; color: #ffffff !important; }

[data-theme="dark"] .btn-theme:hover, [data-theme="dark"] .btn-primary:not(.btn-outline-primary):hover, [data-theme="dark"] .btn-gradient-primary:hover, [data-theme="dark"] button[type="submit"].btn-primary:hover, [data-theme="dark"] button[type="submit"].btn-theme:hover { filter: brightness(1.1) !important; box-shadow: 0 4px 14px rgba(var(--primary-color-rgb, 0, 115, 59), 0.35) !important; }

/* ══════════════════════════════════════════════════════════
   CAMDEMICS UNIVERSAL LIQUID GLASS SYSTEM (DARK THEME)
   ══════════════════════════════════════════════════════════ */
[data-theme="dark"] .card,
[data-theme="dark"] .feature-card-item,
[data-theme="dark"] .program-card-box,
[data-theme="dark"] .course-card-premium,
[data-theme="dark"] .about-highlight-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .students-card,
[data-theme="dark"] .portal-gateway-card,
[data-theme="dark"] .portal-card,
[data-theme="dark"] .tuition-card,
[data-theme="dark"] .fees-card,
[data-theme="dark"] .contact-info-card,
[data-theme="dark"] .inquiry-panel-card,
[data-theme="dark"] .side-info-widget,
[data-theme="dark"] .data-box,
[data-theme="dark"] .top-cards-overlay .feature-card-item {
    background: rgba(18, 26, 43, 0.72) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .school-card-emblem-wrap {
    background: rgba(26, 38, 62, 0.88) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 2px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Liquid Glass Buttons */
[data-theme="dark"] .btn-primary:not(.btn-outline-primary),
[data-theme="dark"] .btn-theme,
[data-theme="dark"] .btn-action,
[data-theme="dark"] .auth-form-btn {
    background: var(--gradient-primary, var(--primary-color, #00733B)) !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(var(--primary-color-rgb, 0, 115, 59), 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="dark"] .btn-primary:not(.btn-outline-primary):hover,
[data-theme="dark"] .btn-theme:hover,
[data-theme="dark"] .btn-action:hover,
[data-theme="dark"] .auth-form-btn:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 10px 28px rgba(var(--primary-color-rgb, 0, 115, 59), 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-hero-secondary,
[data-theme="dark"] .btn-outline-light {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    transition: all 0.25s ease !important;
}

[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-hero-secondary:hover,
[data-theme="dark"] .btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* Liquid Glass Modals & Dropdowns */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .select2-dropdown,
[data-theme="dark"] .swal2-popup {
    background: rgba(15, 23, 42, 0.88) !important;
    backdrop-filter: blur(28px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
}

/* Liquid Glass Navigation & Header Badges */
[data-theme="dark"] .header-top,
[data-theme="dark"] .navbar,
[data-theme="dark"] .hero-badge {
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
}

[data-theme="dark"] .hero-badge {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* Liquid Glass Form Controls */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .input-group-text {
    background-color: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border-color: var(--primary-color, #00733B) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb, 0, 115, 59), 0.3) !important;
}

/* ==========================================================================
   DARK THEME PARTNERS SECTION, PROGRAM CARDS & ULTRA-THIN BORDERS
   ========================================================================== */
[data-theme="dark"] .partners-section,
[data-theme="dark"] section#partners-section {
    background: rgba(11, 15, 25, 0.75) !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .partners-section .partner-card,
[data-theme="dark"] .partner-card {
    background: rgba(18, 26, 43, 0.78) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .partners-section .partner-card:hover,
[data-theme="dark"] .partner-card:hover {
    background: rgba(24, 34, 56, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-4px) !important;
}

[data-theme="dark"] .partner-logo-wrap {
    background: rgba(11, 17, 30, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .partner-name-text {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .partner-badge-pill {
    background: rgba(14, 165, 233, 0.18) !important;
    color: #38bdf8 !important;
    border: 1px solid rgba(56, 189, 248, 0.25) !important;
}

/* Program Cards Apply Button & Border Dark Mode */
[data-theme="dark"] .colorful-program-card {
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .colorful-program-card .btn-program-apply,
[data-theme="dark"] .btn-program-apply {
    background: #ffffff !important;
    color: #0f172a !important;
    border: none !important;
}

[data-theme="dark"] .colorful-program-card .btn-program-apply span,
[data-theme="dark"] .btn-program-apply span {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .colorful-program-card .btn-program-apply:hover,
[data-theme="dark"] .btn-program-apply:hover {
    background: #f8fafc !important;
    color: var(--primary-color, #00733B) !important;
}

[data-theme="dark"] .colorful-program-card .btn-program-apply:hover span,
[data-theme="dark"] .btn-program-apply:hover span {
    color: var(--primary-color, #00733B) !important;
}

/* Ultra-Thin Clean Input & Form Styling in Dark Mode */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] select.form-control,
[data-theme="dark"] input.form-control,
[data-theme="dark"] textarea.form-control {
    background-color: rgba(15, 23, 42, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] select option {
    background-color: #0f172a !important;
    color: #ffffff !important;
}

[data-theme="dark"] ::placeholder {
    color: rgba(148, 163, 184, 0.65) !important;
    opacity: 1 !important;
}

[data-theme="dark"] label:not(.badge):not(.btn) {
    color: #e2e8f0 !important;
}


/* Mobile Navigation & Offcanvas Dark Theme Support */
[data-theme="dark"] .hamburg-trigger i,
[data-theme="dark"] .hamburg button i {
    color: #f8fafc !important;
}
[data-theme="dark"] .offcanvas,
[data-theme="dark"] .offcanvas-end,
[data-theme="dark"] #offcanvasRight {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    border-left: 1px solid #1e293b !important;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .offcanvas-header {
    border-bottom: 1px solid #1e293b !important;
    background-color: #0f172a !important;
}
[data-theme="dark"] .offcanvas-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
    opacity: 0.85 !important;
}
[data-theme="dark"] .offcanvas-header .btn-close:hover {
    opacity: 1 !important;
}
[data-theme="dark"] .offcanvas-body {
    background-color: #0f172a !important;
}
[data-theme="dark"] .mobile-nav-link {
    color: #e2e8f0 !important;
    background: transparent !important;
}
[data-theme="dark"] .mobile-nav-link:hover,
[data-theme="dark"] .mobile-nav-link.active {
    background: rgba(56, 189, 248, 0.12) !important;
    color: #38bdf8 !important;
}
[data-theme="dark"] .offcanvas-body .dropdown-menu {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    border-radius: 12px !important;
}
[data-theme="dark"] .offcanvas-body .dropdown-item {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .offcanvas-body .dropdown-item:hover {
    background: rgba(56, 189, 248, 0.12) !important;
    color: #38bdf8 !important;
}
[data-theme="dark"] .offcanvas-body .dropdown-divider {
    border-color: #334155 !important;
}
[data-theme="dark"] .offcanvas-body .bg-light {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
}
[data-theme="dark"] .offcanvas-body .bg-light span.text-muted {
    color: #94a3b8 !important;
}
[data-theme="dark"] .offcanvas-body .btn-outline-secondary {
    border-color: #475569 !important;
    color: #cbd5e1 !important;
    background: transparent !important;
}
[data-theme="dark"] .offcanvas-body .btn-outline-secondary:hover {
    background: #334155 !important;
    color: #ffffff !important;
}
/* ── STATIC MODERN ARCH HERO (DARK MODE PARITY & HIGH CONTRAST) ── */
[data-theme="dark"] .static-modern-hero,
html[data-theme="dark"] .static-modern-hero,
body.dark-theme .static-modern-hero {
    background: radial-gradient(circle at 85% 15%, rgba(var(--primary-color-rgb, 6, 15, 101), 0.45) 0%, transparent 55%),
                radial-gradient(circle at 15% 85%, rgba(245, 158, 11, 0.14) 0%, transparent 55%),
                linear-gradient(135deg, #090e1a 0%, #0f172a 50%, #0a1122 100%) !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .static-modern-hero .hero-headline,
html[data-theme="dark"] .static-modern-hero .hero-headline,
body.dark-theme .static-modern-hero .hero-headline {
    color: #ffffff !important;
}
[data-theme="dark"] .static-modern-hero .hero-subtext,
html[data-theme="dark"] .static-modern-hero .hero-subtext,
body.dark-theme .static-modern-hero .hero-subtext {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .static-modern-hero .hero-tag-badge,
html[data-theme="dark"] .static-modern-hero .hero-tag-badge,
body.dark-theme .static-modern-hero .hero-tag-badge {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .static-modern-hero .btn-hero-secondary-static,
html[data-theme="dark"] .static-modern-hero .btn-hero-secondary-static,
body.dark-theme .static-modern-hero .btn-hero-secondary-static {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .static-modern-hero .btn-hero-secondary-static:hover,
html[data-theme="dark"] .static-modern-hero .btn-hero-secondary-static:hover,
body.dark-theme .static-modern-hero .btn-hero-secondary-static:hover {
    background: var(--primary-color, #00733B) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .static-modern-hero .floating-metric-card,
html[data-theme="dark"] .static-modern-hero .floating-metric-card,
body.dark-theme .static-modern-hero .floating-metric-card {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .static-modern-hero .floating-metric-card .metric-count,
html[data-theme="dark"] .static-modern-hero .floating-metric-card .metric-count,
body.dark-theme .static-modern-hero .floating-metric-card .metric-count {
    color: #f59e0b !important;
}
[data-theme="dark"] .static-modern-hero .floating-metric-card .metric-label,
html[data-theme="dark"] .static-modern-hero .floating-metric-card .metric-label,
body.dark-theme .static-modern-hero .floating-metric-card .metric-label {
    color: #94a3b8 !important;
}
[data-theme="dark"] .static-modern-hero .arch-frame-item,
html[data-theme="dark"] .static-modern-hero .arch-frame-item,
body.dark-theme .static-modern-hero .arch-frame-item {
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5) !important;
}

/* ── PRESERVE CUSTOM BUTTON COLORS ON FEATURE CARDS ── */
[data-theme="dark"] .feature-card-item a.card-action-btn[data-custom-btn="1"],
[data-theme="dark"] .card-action-btn[data-custom-btn="1"] {
    opacity: 1 !important;
}

/* ── TRANSCRIPT & DOCUMENT STUDIO DARK THEME PARITY ── */
[data-theme="dark"] .studio-header-card {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .studio-header-card h4,
[data-theme="dark"] .studio-header-card h5,
[data-theme="dark"] .studio-header-card h6 {
    color: #ffffff;
}
[data-theme="dark"] .studio-nav-tabs {
    border-bottom-color: #334155 !important;
}
[data-theme="dark"] .studio-nav-tabs .nav-link {
    background: #0f172a !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}
[data-theme="dark"] .studio-nav-tabs .nav-link:hover {
    color: #ffffff !important;
    background: #1e293b !important;
}
[data-theme="dark"] .studio-nav-tabs .nav-link.active {
    background: #1e293b !important;
    color: #ffffff !important;
    border-color: #475569 !important;
    border-top: none !important;
}
[data-theme="dark"] .card-studio {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .studio-sub-tabs {
    border-bottom-color: #334155 !important;
}
[data-theme="dark"] .studio-sub-tabs .nav-link {
    color: #94a3b8 !important;
    background: #0f172a !important;
    border-color: #334155 !important;
}
[data-theme="dark"] .studio-sub-tabs .nav-link.active {
    background: #1e293b !important;
    color: #ffffff !important;
    border-color: #475569 !important;
}
[data-theme="dark"] .designer-sub-pane label,
[data-theme="dark"] .card-studio label {
    color: #cbd5e1 !important;
}
[data-theme="dark"] .designer-sub-pane input.form-control,
[data-theme="dark"] .designer-sub-pane select.form-control,
[data-theme="dark"] .designer-sub-pane textarea.form-control {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .designer-sub-pane input.form-control:focus,
[data-theme="dark"] .designer-sub-pane select.form-control:focus,
[data-theme="dark"] .designer-sub-pane textarea.form-control:focus {
    border-color: var(--primary-color, #00733B) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb, 0, 115, 59), 0.25) !important;
}
[data-theme="dark"] .studio-paper-frame {
    background: #0b1120 !important;
    border-color: #334155 !important;
}
[data-theme="dark"] #students-table,
[data-theme="dark"] .table-studio {
    color: #f8fafc !important;
}
[data-theme="dark"] #students-table th,
[data-theme="dark"] .table-studio th {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}
[data-theme="dark"] #students-table td,
[data-theme="dark"] .table-studio td {
    background: #1e293b !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}
[data-theme="dark"] #students-table tr:hover td {
    background: #283548 !important;
}

/* ── STUDENT TRANSCRIPT COURSE RECORDS MODAL (DARK THEME) ── */
[data-theme="dark"] #studentTranscriptEditorModal .modal-content {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] #studentTranscriptEditorModal .modal-body {
    background: #0f172a !important;
}
[data-theme="dark"] #studentTranscriptEditorModal .card {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] #studentTranscriptEditorModal .card-header {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] #studentTranscriptEditorModal label {
    color: #94a3b8 !important;
}
[data-theme="dark"] #studentTranscriptEditorModal input.form-control,
[data-theme="dark"] #studentTranscriptEditorModal select.form-control {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] #studentTranscriptEditorModal input.form-control:focus,
[data-theme="dark"] #studentTranscriptEditorModal select.form-control:focus {
    border-color: var(--primary-color, #00733B) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb, 0, 115, 59), 0.25) !important;
}
[data-theme="dark"] #studentTranscriptEditorModal table th {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-color: #334155 !important;
}
[data-theme="dark"] #studentTranscriptEditorModal table td {
    background: #1e293b !important;
    border-color: #334155 !important;
}
[data-theme="dark"] #studentTranscriptEditorModal .modal-footer {
    background: #1e293b !important;
    border-top-color: #334155 !important;
}

/* ==========================================================================
   PORTAL & DASHBOARD UNIFIED HIGH-CONTRAST DARK THEME ENGINE
   ========================================================================== */

/* ── 1. Root Containers & Core Canvas ── */
[data-theme="dark"] body,
body.dark-theme,
[data-theme="dark"] .container-scroller,
body.dark-theme .container-scroller,
[data-theme="dark"] .page-body-wrapper,
body.dark-theme .page-body-wrapper,
[data-theme="dark"] .main-panel,
body.dark-theme .main-panel,
[data-theme="dark"] .content-wrapper,
body.dark-theme .content-wrapper {
    background-color: #070a13 !important;
    color: #e2e8f0 !important;
}

/* ── 2. Sticky Bottom Dashboard & Portal Footer ── */
[data-theme="dark"] footer.footer,
[data-theme="dark"] .main-panel footer.footer,
[data-theme="dark"] .footer.py-3,
[data-theme="dark"] .portal-compact-footer,
body.dark-theme footer.footer,
body.dark-theme .main-panel footer.footer {
    background-color: #0b1120 !important;
    background: linear-gradient(180deg, #0d1527 0%, #070a14 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94a3b8 !important;
    margin-top: auto !important;
}
[data-theme="dark"] footer.footer *,
body.dark-theme footer.footer * {
    color: #94a3b8 !important;
}
[data-theme="dark"] footer.footer a,
[data-theme="dark"] footer.footer .text-theme,
body.dark-theme footer.footer a,
body.dark-theme footer.footer .text-theme {
    color: #38bdf8 !important;
}

/* ── 3. Cards, Panels, & Surfaces ── */
[data-theme="dark"] .card,
body.dark-theme .card {
    background-color: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .card-header,
[data-theme="dark"] .card-header.bg-white,
[data-theme="dark"] .card-footer,
[data-theme="dark"] .card-footer.bg-white,
body.dark-theme .card-header,
body.dark-theme .card-header.bg-white {
    background-color: #162032 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #f1f5f9 !important;
}
[data-theme="dark"] .bg-white:not(.official-form-preview):not(#form-print-area):not(.a4-page-sheet):not(.transcript-paper-preview):not(.doc-paper-sheet):not(.printable-preview):not(#printableReceipt):not(#printableReceipt *):not(.receipt-card):not(.receipt-card *):not(.official-doc-whitelist *),
body.dark-theme .bg-white:not(.official-form-preview):not(#form-print-area):not(.a4-page-sheet):not(.transcript-paper-preview):not(.doc-paper-sheet):not(.printable-preview):not(#printableReceipt):not(#printableReceipt *):not(.receipt-card):not(.receipt-card *):not(.official-doc-whitelist *) {
    background-color: #162032 !important;
    color: #f1f5f9 !important;
}
[data-theme="dark"] .bg-light,
body.dark-theme .bg-light {
    background-color: #0b1120 !important;
    color: #cbd5e1 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── 4. Tables, Data Grids & Table Headers ── */
[data-theme="dark"] .table,
body.dark-theme .table {
    background-color: #111827 !important;
    color: #f1f5f9 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .table thead,
[data-theme="dark"] thead.thead-light,
[data-theme="dark"] .thead-light,
body.dark-theme .table thead,
body.dark-theme thead.thead-light,
body.dark-theme .thead-light {
    background-color: #0f172a !important;
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table thead th,
[data-theme="dark"] thead.thead-light th,
[data-theme="dark"] .thead-light th,
body.dark-theme .table th,
body.dark-theme .table thead th,
body.dark-theme thead.thead-light th,
body.dark-theme .thead-light th {
    background-color: #0f172a !important;
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.12) !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
}

[data-theme="dark"] .table th a,
[data-theme="dark"] .table th a.text-dark,
[data-theme="dark"] .table thead th .text-dark,
body.dark-theme .table th a,
body.dark-theme .table th a.text-dark,
body.dark-theme .table thead th .text-dark {
    color: #f8fafc !important;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table tbody td,
body.dark-theme .table td,
body.dark-theme .table tbody td {
    background-color: transparent !important;
    color: #f1f5f9 !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    vertical-align: middle !important;
}

[data-theme="dark"] .table td *,
[data-theme="dark"] .table td .text-dark,
[data-theme="dark"] .table td strong.text-dark,
body.dark-theme .table td *,
body.dark-theme .table td .text-dark,
body.dark-theme .table td strong.text-dark {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd),
body.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.02) !important;
}
[data-theme="dark"] .table-striped tbody tr:nth-of-type(even),
body.dark-theme .table-striped tbody tr:nth-of-type(even) {
    background-color: transparent !important;
}
[data-theme="dark"] .table-hover tbody tr:hover,
[data-theme="dark"] .table-hover tbody tr:hover td,
body.dark-theme .table-hover tbody tr:hover,
body.dark-theme .table-hover tbody tr:hover td {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .table code,
body.dark-theme .table code {
    background-color: #1e293b !important;
    color: #38bdf8 !important;
    border: 1px solid #334155;
    padding: 2px 6px;
    border-radius: 6px;
}

/* ── 4b. Universal Checkbox Styling in Dark Theme ── */
[data-theme="dark"] input[type="checkbox"]:not(.custom-control-input):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]),
body.dark-theme input[type="checkbox"]:not(.custom-control-input):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]) {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    border-radius: 6px !important;
    border: 1.8px solid #475569 !important;
    background-color: #1e293b !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08), 0 1px 3px rgba(0, 0, 0, 0.4) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    position: relative !important;
    outline: none !important;
    margin: 0 !important;
    transition: all 0.18s ease-in-out !important;
    flex-shrink: 0 !important;
}

[data-theme="dark"] input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):not(:checked):not(:indeterminate):hover:not(:disabled),
body.dark-theme input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):not(:checked):not(:indeterminate):hover:not(:disabled) {
    border-color: #38bdf8 !important;
    background-color: #273549 !important;
    background-image: none !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25) !important;
}

[data-theme="dark"] input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):checked,
body.dark-theme input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):checked,
[data-theme="dark"] input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):checked:hover:not(:disabled),
body.dark-theme input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):checked:hover:not(:disabled),
[data-theme="dark"] input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):checked:focus,
body.dark-theme input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):checked:focus {
    background-color: var(--theme-checkbox-bg, var(--primary-color, #00733B)) !important;
    border-color: var(--theme-checkbox-bg, var(--primary-color, #00733B)) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3.5 8.5 6.5 11.5 12.5 4.5'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 72% 72% !important;
    box-shadow: 0 2px 10px rgba(0, 115, 59, 0.35) !important;
}

[data-theme="dark"] input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):indeterminate,
body.dark-theme input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):indeterminate,
[data-theme="dark"] input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):indeterminate:hover,
body.dark-theme input[type="checkbox"]:not(.custom-control-input):not(.auth-remember-check):not(.custom-switch-input):not(.toggle-switch-input):not(.theme-switch):not(.switch-input):not(.switch):not([class*="switch"]):not([class*="toggle"]):indeterminate:hover {
    background-color: var(--theme-checkbox-bg, var(--primary-color, #00733B)) !important;
    border-color: var(--theme-checkbox-bg, var(--primary-color, #00733B)) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='3.5' y1='8' x2='12.5' y2='8'%3E%3C/line%3E%3C/svg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 72% 72% !important;
    box-shadow: 0 2px 10px rgba(0, 115, 59, 0.35) !important;
}

/* ── 5. Form Controls, Inputs, Selects & Textareas ── */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] select.form-control,
[data-theme="dark"] input.form-control,
[data-theme="dark"] textarea.form-control,
body.dark-theme .form-control,
body.dark-theme .form-select {
    background-color: #0b1120 !important;
    border: 1.5px solid #27374d !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] select.form-control:focus,
body.dark-theme .form-control:focus {
    background-color: #0b1120 !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.22) !important;
}
[data-theme="dark"] select.form-control option,
[data-theme="dark"] select.form-select option,
body.dark-theme select option {
    background-color: #0b1120 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] textarea::placeholder,
body.dark-theme .form-control::placeholder {
    color: #64748b !important;
}
[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
body.dark-theme input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(1.2) !important;
    cursor: pointer;
}
[data-theme="dark"] input[type="file"].form-control,
body.dark-theme input[type="file"].form-control {
    color: #94a3b8 !important;
}
[data-theme="dark"] input[type="file"]::file-selector-button,
body.dark-theme input[type="file"]::file-selector-button {
    background-color: #1e293b !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
    padding: 6px 12px;
    border-radius: 6px;
    margin-right: 10px;
    font-weight: 600;
}

/* ── 6. Typography, Labels, Headings & Text ── */
[data-theme="dark"] label,
[data-theme="dark"] .form-label,
body.dark-theme label,
body.dark-theme .form-label {
    color: #cbd5e1 !important;
    font-weight: 600;
}
[data-theme="dark"] .text-dark,
[data-theme="dark"] strong.text-dark,
[data-theme="dark"] span.text-dark,
[data-theme="dark"] b.text-dark,
[data-theme="dark"] h1.text-dark,
[data-theme="dark"] h2.text-dark,
[data-theme="dark"] h3.text-dark,
[data-theme="dark"] h4.text-dark,
[data-theme="dark"] h5.text-dark,
[data-theme="dark"] h6.text-dark,
body.dark-theme .text-dark,
body.dark-theme strong.text-dark {
    color: #f1f5f9 !important;
}
[data-theme="dark"] .text-muted,
body.dark-theme .text-muted {
    color: #94a3b8 !important;
}
[data-theme="dark"] .text-secondary,
body.dark-theme .text-secondary {
    color: #a0aec0 !important;
}

/* ── 7. All Button Variants (Full Contrast & Clarity) ── */
[data-theme="dark"] .btn-outline-primary,
body.dark-theme .btn-outline-primary {
    color: #60a5fa !important;
    border-color: #3b82f6 !important;
    background: transparent !important;
}
[data-theme="dark"] .btn-outline-primary:hover,
body.dark-theme .btn-outline-primary:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
}
[data-theme="dark"] .btn-outline-secondary,
body.dark-theme .btn-outline-secondary {
    color: #cbd5e1 !important;
    border-color: #475569 !important;
    background: transparent !important;
}
[data-theme="dark"] .btn-outline-secondary:hover,
body.dark-theme .btn-outline-secondary:hover {
    background-color: #334155 !important;
    border-color: #64748b !important;
    color: #ffffff !important;
}
[data-theme="dark"] .btn-outline-success,
body.dark-theme .btn-outline-success {
    color: #4ade80 !important;
    border-color: #22c55e !important;
    background: transparent !important;
}
[data-theme="dark"] .btn-outline-success:hover,
body.dark-theme .btn-outline-success:hover {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
}
[data-theme="dark"] .btn-outline-danger,
body.dark-theme .btn-outline-danger {
    color: #f87171 !important;
    border-color: #ef4444 !important;
    background: transparent !important;
}
[data-theme="dark"] .btn-outline-danger:hover,
body.dark-theme .btn-outline-danger:hover {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
}
[data-theme="dark"] .btn-secondary,
body.dark-theme .btn-secondary {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .btn-secondary:hover,
body.dark-theme .btn-secondary:hover {
    background-color: #475569 !important;
    border-color: #64748b !important;
    color: #ffffff !important;
}
[data-theme="dark"] .btn-light,
body.dark-theme .btn-light {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}
[data-theme="dark"] .btn-light:hover,
body.dark-theme .btn-light:hover {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
}
[data-theme="dark"] .btn-warning,
body.dark-theme .btn-warning {
    background-color: #d97706 !important;
    border-color: #b45309 !important;
    color: #ffffff !important;
}
[data-theme="dark"] .btn-warning.text-dark,
[data-theme="dark"] .badge-warning.text-dark,
[data-theme="dark"] .badge.bg-warning.text-dark,
body.dark-theme .btn-warning.text-dark {
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* ── 8. Profile Buttons & Action Elements (User Request) ── */
[data-theme="dark"] .btn-quick-circle,
body.dark-theme .btn-quick-circle {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .btn-quick-circle:hover,
body.dark-theme .btn-quick-circle:hover {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #38bdf8 !important;
}
[data-theme="dark"] .btn-edit-float,
body.dark-theme .btn-edit-float {
    background: var(--primary-color, #00733B) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .btn-edit-float:hover,
body.dark-theme .btn-edit-float:hover {
    filter: brightness(1.18) !important;
    color: #ffffff !important;
}
[data-theme="dark"] .profile-tab-btn,
body.dark-theme .profile-tab-btn {
    color: #94a3b8 !important;
    background: transparent !important;
}
[data-theme="dark"] .profile-tab-btn:hover,
body.dark-theme .profile-tab-btn:hover {
    color: #f1f5f9 !important;
    background: rgba(255, 255, 255, 0.06) !important;
}
[data-theme="dark"] .profile-tab-btn.active,
body.dark-theme .profile-tab-btn.active {
    background: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .btn-parent-msg,
body.dark-theme .btn-parent-msg {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #38bdf8 !important;
}
[data-theme="dark"] .btn-parent-msg:hover,
body.dark-theme .btn-parent-msg:hover {
    background-color: #334155 !important;
    color: #ffffff !important;
}
[data-theme="dark"] .theme-choice,
body.dark-theme .theme-choice {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}
[data-theme="dark"] .theme-choice:hover,
body.dark-theme .theme-choice:hover {
    border-color: #38bdf8 !important;
    color: #38bdf8 !important;
}
[data-theme="dark"] .theme-choice.dm-active,
body.dark-theme .theme-choice.dm-active {
    background-color: var(--primary-color, #00733B) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
}

/* ── 9. Timetable & Weekly Schedule Pulse Component (Screenshot 3) ── */
[data-theme="dark"] .pulse-calendar,
[data-theme="dark"] .pulse-day-column,
body.dark-theme .pulse-calendar,
body.dark-theme .pulse-day-column {
    background-color: #111827 !important;
    border-color: #1e293b !important;
    color: #e2e8f0 !important;
}
[data-theme="dark"] .pulse-day-tab,
body.dark-theme .pulse-day-tab {
    background-color: #162032 !important;
    border-color: #27374d !important;
    color: #cbd5e1 !important;
}
[data-theme="dark"] .pulse-day-tab:hover,
body.dark-theme .pulse-day-tab:hover {
    background-color: #1e293b !important;
    border-color: #38bdf8 !important;
    color: #38bdf8 !important;
}
[data-theme="dark"] .pulse-day-tab.is-active,
body.dark-theme .pulse-day-tab.is-active {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}
[data-theme="dark"] .pulse-day-heading,
body.dark-theme .pulse-day-heading {
    border-bottom: 1px solid #1e293b !important;
    color: #e2e8f0 !important;
}
[data-theme="dark"] .pulse-day-heading h6,
body.dark-theme .pulse-day-heading h6 {
    color: #f8fafc !important;
}
[data-theme="dark"] .pulse-empty,
body.dark-theme .pulse-empty {
    color: #64748b !important;
}
[data-theme="dark"] .pulse-empty i,
body.dark-theme .pulse-empty i {
    color: #334155 !important;
}

/* ── 10. Student Dashboard Admissions Documents (Screenshot 1) ── */
[data-theme="dark"] .dash-doc-item,
[data-theme="dark"] .card-body div.border.rounded,
body.dark-theme .dash-doc-item,
body.dark-theme .card-body div.border.rounded {
    background-color: #162032 !important;
    border-color: #26384b !important;
}
[data-theme="dark"] .dash-doc-item.is-uploaded,
body.dark-theme .dash-doc-item.is-uploaded {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}
[data-theme="dark"] .dash-doc-item.is-pending,
body.dark-theme .dash-doc-item.is-pending {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
}
[data-theme="dark"] .dash-doc-item .text-dark,
body.dark-theme .dash-doc-item .text-dark {
    color: #f1f5f9 !important;
}

/* ── 11. Info Notices & Dashed Helper Boxes (Screenshot 5) ── */
[data-theme="dark"] div[style*="background: #f8fafc"],
[data-theme="dark"] div[style*="background:#f8fafc"],
[data-theme="dark"] div[style*="background: #fafafa"],
[data-theme="dark"] div[style*="background:#fafafa"],
[data-theme="dark"] .p-3.mb-4.rounded,
body.dark-theme div[style*="background: #f8fafc"] {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] div[style*="background: #f8fafc"] small,
[data-theme="dark"] div[style*="background: #f8fafc"] span,
body.dark-theme div[style*="background: #f8fafc"] small {
    color: #cbd5e1 !important;
}

/* ── 12. Modal Windows, Headers, & Footers ── */
[data-theme="dark"] .modal-content,
body.dark-theme .modal-content {
    background-color: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7) !important;
}
[data-theme="dark"] .modal-header,
body.dark-theme .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .modal-footer,
body.dark-theme .modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background-color: #0b1120 !important;
}
[data-theme="dark"] .modal-header .close,
body.dark-theme .modal-header .close {
    color: #ffffff !important;
    opacity: 0.85;
}

/* ==========================================================================
   CAMDEMICS UNIVERSAL SYSTEM-WIDE LIGHT & DARK THEME CONTRAST ENGINE
   ========================================================================== */

/* ── 1. LIGHT MODE HIGH-CONTRAST TYPOGRAPHY & SURFACES ── */
html:not([data-theme="dark"]),
body:not(.dark-theme) {
    color: #1e293b;
}

html:not([data-theme="dark"]) h1,
html:not([data-theme="dark"]) h2,
html:not([data-theme="dark"]) h3,
html:not([data-theme="dark"]) h4,
html:not([data-theme="dark"]) h5,
html:not([data-theme="dark"]) h6,
body:not(.dark-theme) h1,
body:not(.dark-theme) h2,
body:not(.dark-theme) h3,
body:not(.dark-theme) h4,
body:not(.dark-theme) h5,
body:not(.dark-theme) h6 {
    color: #0f172a;
    font-weight: 700;
}

html:not([data-theme="dark"]) .text-dark,
html:not([data-theme="dark"]) strong.text-dark,
html:not([data-theme="dark"]) span.text-dark,
html:not([data-theme="dark"]) b.text-dark,
html:not([data-theme="dark"]) td.text-dark,
html:not([data-theme="dark"]) th.text-dark,
html:not([data-theme="dark"]) a.text-dark,
body:not(.dark-theme) .text-dark,
body:not(.dark-theme) strong.text-dark {
    color: #0f172a !important;
}

html:not([data-theme="dark"]) .text-muted:not([style*="color"]):not(.text-white *),
body:not(.dark-theme) .text-muted:not([style*="color"]):not(.text-white *) {
    color: #64748b !important;
}

html:not([data-theme="dark"]) .text-secondary,
body:not(.dark-theme) .text-secondary {
    color: #475569 !important;
}

html:not([data-theme="dark"]) label,
html:not([data-theme="dark"]) .form-label,
html:not([data-theme="dark"]) .col-form-label,
body:not(.dark-theme) label,
body:not(.dark-theme) .form-label {
    color: #334155 !important;
    font-weight: 600;
}

html:not([data-theme="dark"]) .card,
body:not(.dark-theme) .card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    color: #1e293b;
}

/* ── Exception: Cards with explicit dark/gradient inline backgrounds keep white text on light theme ── */
html:not([data-theme="dark"]) .card[style*="linear-gradient"],
html:not([data-theme="dark"]) .card[style*="background:linear"],
html:not([data-theme="dark"]) .card[style*="background: linear"],
body:not(.dark-theme) .card[style*="linear-gradient"],
body:not(.dark-theme) .card[style*="background:linear"],
body:not(.dark-theme) .card[style*="background: linear"] {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
}
html:not([data-theme="dark"]) .card[style*="linear-gradient"] h1,
html:not([data-theme="dark"]) .card[style*="linear-gradient"] h2,
html:not([data-theme="dark"]) .card[style*="linear-gradient"] h3,
html:not([data-theme="dark"]) .card[style*="linear-gradient"] h4,
html:not([data-theme="dark"]) .card[style*="linear-gradient"] h5,
html:not([data-theme="dark"]) .card[style*="linear-gradient"] h6,
html:not([data-theme="dark"]) .card[style*="linear-gradient"] span,
html:not([data-theme="dark"]) .card[style*="linear-gradient"] i,
html:not([data-theme="dark"]) .card[style*="linear-gradient"] p,
body:not(.dark-theme) .card[style*="linear-gradient"] h1,
body:not(.dark-theme) .card[style*="linear-gradient"] h2,
body:not(.dark-theme) .card[style*="linear-gradient"] h3,
body:not(.dark-theme) .card[style*="linear-gradient"] h4,
body:not(.dark-theme) .card[style*="linear-gradient"] h5,
body:not(.dark-theme) .card[style*="linear-gradient"] h6,
body:not(.dark-theme) .card[style*="linear-gradient"] span,
body:not(.dark-theme) .card[style*="linear-gradient"] i,
body:not(.dark-theme) .card[style*="linear-gradient"] p {
    color: #ffffff !important;
}

html:not([data-theme="dark"]) .card-header,
body:not(.dark-theme) .card-header {
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a !important;
}

html:not([data-theme="dark"]) .card-title,
body:not(.dark-theme) .card-title {
    color: #0f172a;
    font-weight: 700;
}

html:not([data-theme="dark"]) .table thead th,
html:not([data-theme="dark"]) thead.thead-light th,
body:not(.dark-theme) .table thead th {
    background-color: #f8fafc !important;
    color: #0f172a !important;
    font-weight: 700;
    border-bottom: 2px solid #cbd5e1 !important;
    border-top: 1px solid #e2e8f0 !important;
}

html:not([data-theme="dark"]) .table tbody td,
body:not(.dark-theme) .table tbody td {
    color: #1e293b !important;
    border-top: 1px solid #e2e8f0 !important;
}

html:not([data-theme="dark"]) .table tbody tr:hover td,
body:not(.dark-theme) .table tbody tr:hover td {
    background-color: #f1f5f9 !important;
}

html:not([data-theme="dark"]) .form-control,
html:not([data-theme="dark"]) select.form-control,
html:not([data-theme="dark"]) textarea.form-control,
body:not(.dark-theme) .form-control {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1.5px solid #cbd5e1 !important;
}

html:not([data-theme="dark"]) .form-control:focus,
body:not(.dark-theme) .form-control:focus {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
    color: #0f172a !important;
}

html:not([data-theme="dark"]) .badge-light,
html:not([data-theme="dark"]) .badge.bg-light,
body:not(.dark-theme) .badge-light {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

/* ── 2. DARK MODE UNIVERSAL HIGH-CONTRAST SYSTEM ── */
[data-theme="dark"],
html[data-theme="dark"],
body.dark-theme {
    color-scheme: dark;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .h1,
[data-theme="dark"] .h2,
[data-theme="dark"] .h3,
[data-theme="dark"] .h4,
[data-theme="dark"] .h5,
[data-theme="dark"] .h6,
[data-theme="dark"] .card-title,
[data-theme="dark"] .page-title,
[data-theme="dark"] .modal-title,
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6,
body.dark-theme .card-title,
body.dark-theme .page-title,
body.dark-theme .modal-title {
    color: #ffffff !important;
    font-weight: 700;
}

/* Universal .text-dark Override - No dark-on-dark invisible text anywhere */
[data-theme="dark"] .text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] strong.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] span.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] b.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] a.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] td.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] th.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] p.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] div.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] .font-weight-bold.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
body.dark-theme .text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
body.dark-theme strong.text-dark:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *) {
    color: #f8fafc !important;
}

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

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

[data-theme="dark"] .text-muted,
body.dark-theme .text-muted {
    color: #94a3b8 !important;
}

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

[data-theme="dark"] label,
[data-theme="dark"] .form-label,
[data-theme="dark"] .col-form-label,
body.dark-theme label,
body.dark-theme .form-label,
body.dark-theme .col-form-label {
    color: #cbd5e1 !important;
    font-weight: 600;
}

/* Universal Cards in Dark Mode */
[data-theme="dark"] .card:not(.official-doc-whitelist *):not(#printableReceipt):not(#printableReceipt *):not(.receipt-card):not(.receipt-card *),
body.dark-theme .card:not(.official-doc-whitelist *):not(#printableReceipt):not(#printableReceipt *):not(.receipt-card):not(.receipt-card *) {
    background-color: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #f1f5f9 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .card-header:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
body.dark-theme .card-header:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *) {
    background-color: #162032 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .card-footer:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
body.dark-theme .card-footer:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *) {
    background-color: #162032 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .card-body:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
body.dark-theme .card-body:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *) {
    color: #e2e8f0;
}

/* Universal Tables in Dark Mode */
[data-theme="dark"] .table:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
body.dark-theme .table:not(.official-doc-whitelist *):not(#printableReceipt *):not(.receipt-card *),
[data-theme="dark"] .bootstrap-table,
[data-theme="dark"] .fixed-table-container {
    background-color: #111827 !important;
    color: #f1f5f9 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .table thead th,
[data-theme="dark"] thead.thead-light th,
body.dark-theme .table thead th {
    background-color: #162032 !important;
    color: #ffffff !important;
    font-weight: 700;
    border-bottom: 2px solid rgba(255, 255, 255, 0.12) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .table tbody td,
body.dark-theme .table tbody td {
    background-color: #111827 !important;
    color: #cbd5e1 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .table tbody tr:hover td,
body.dark-theme .table tbody tr:hover td {
    background-color: #1e293b !important;
    color: #ffffff !important;
}

[data-theme="dark"] .table td strong,
[data-theme="dark"] .table td b,
body.dark-theme .table td strong,
body.dark-theme .table td b {
    color: #f8fafc !important;
}

[data-theme="dark"] .table td a:not(.btn):not(.badge),
body.dark-theme .table td a:not(.btn):not(.badge) {
    color: #38bdf8 !important;
}

/* Universal Form Controls in Dark Mode */
[data-theme="dark"] .form-control,
[data-theme="dark"] select.form-control,
[data-theme="dark"] textarea.form-control,
body.dark-theme .form-control,
body.dark-theme select.form-control,
body.dark-theme textarea.form-control {
    background-color: #162032 !important;
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .form-control:focus,
body.dark-theme .form-control:focus {
    background-color: #1e2d42 !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25) !important;
}

[data-theme="dark"] .form-control::placeholder,
body.dark-theme .form-control::placeholder {
    color: #64748b !important;
    opacity: 1;
}

[data-theme="dark"] .input-group-text,
body.dark-theme .input-group-text {
    background-color: #1e293b !important;
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    color: #cbd5e1 !important;
}

/* Select2 in Dark Mode */
[data-theme="dark"] .select2-container--default .select2-selection--single,
[data-theme="dark"] .select2-container--default .select2-selection--multiple,
body.dark-theme .select2-container--default .select2-selection--single {
    background-color: #162032 !important;
    border: 1.5px solid rgba(255, 255, 255, 0.14) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #f8fafc !important;
}

[data-theme="dark"] .select2-dropdown,
body.dark-theme .select2-dropdown {
    background-color: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #f8fafc !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .select2-search--dropdown .select2-search__field {
    background-color: #162032 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .select2-results__option {
    color: #cbd5e1 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

/* Modals in Dark Mode */
[data-theme="dark"] .modal-content,
body.dark-theme .modal-content {
    background-color: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .modal-header,
body.dark-theme .modal-header {
    background-color: #162032 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .modal-footer,
body.dark-theme .modal-footer {
    background-color: #0f172a !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .modal-title,
body.dark-theme .modal-title {
    color: #ffffff !important;
}

[data-theme="dark"] .modal-body label,
body.dark-theme .modal-body label {
    color: #e2e8f0 !important;
    font-weight: 600;
}

[data-theme="dark"] .modal-header .close,
body.dark-theme .modal-header .close {
    color: #ffffff !important;
    opacity: 0.85;
}

/* Dropdown Menus in Dark Mode */
[data-theme="dark"] .dropdown-menu,
body.dark-theme .dropdown-menu {
    background-color: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

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

[data-theme="dark"] .dropdown-item:hover,
body.dark-theme .dropdown-item:hover {
    background-color: #1e293b !important;
    color: #ffffff !important;
}

[data-theme="dark"] .dropdown-divider,
body.dark-theme .dropdown-divider {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Badges in Dark Mode */
[data-theme="dark"] .badge-light,
[data-theme="dark"] .badge.bg-light,
body.dark-theme .badge-light {
    background-color: #1e293b !important;
    color: #38bdf8 !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .badge-secondary,
[data-theme="dark"] .badge.bg-secondary,
body.dark-theme .badge-secondary {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
    border: 1px solid #475569 !important;
}

[data-theme="dark"] .badge-success,
[data-theme="dark"] .badge.bg-success {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
}

[data-theme="dark"] .badge-warning,
[data-theme="dark"] .badge.bg-warning {
    background-color: rgba(245, 158, 11, 0.2) !important;
    color: #fde68a !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
}

[data-theme="dark"] .badge-danger,
[data-theme="dark"] .badge.bg-danger {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #fca5a5 !important;
    border: 1px solid rgba(239, 68, 68, 0.4) !important;
}

[data-theme="dark"] .badge-info,
[data-theme="dark"] .badge.bg-info {
    background-color: rgba(14, 165, 233, 0.2) !important;
    color: #7dd3fc !important;
    border: 1px solid rgba(14, 165, 233, 0.4) !important;
}

[data-theme="dark"] .badge-primary,
[data-theme="dark"] .badge.bg-primary {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(59, 130, 246, 0.4) !important;
}

/* Buttons in Dark Mode */
[data-theme="dark"] .btn-light,
body.dark-theme .btn-light {
    background-color: #1e293b !important;
    color: #cbd5e1 !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .btn-light:hover,
body.dark-theme .btn-light:hover {
    background-color: #334155 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-dark,
body.dark-theme .btn-outline-dark {
    color: #e2e8f0 !important;
    border-color: #475569 !important;
    background: transparent !important;
}

[data-theme="dark"] .btn-outline-dark:hover,
body.dark-theme .btn-outline-dark:hover {
    background: #334155 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-secondary,
body.dark-theme .btn-outline-secondary {
    color: #cbd5e1 !important;
    border-color: #64748b !important;
    background: transparent !important;
}

[data-theme="dark"] .btn-outline-secondary:hover,
body.dark-theme .btn-outline-secondary:hover {
    background: #475569 !important;
    color: #ffffff !important;
}

/* List Groups & Navs in Dark Mode */
[data-theme="dark"] .list-group-item,
body.dark-theme .list-group-item {
    background-color: #111827 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .nav-tabs,
body.dark-theme .nav-tabs {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .nav-tabs .nav-link,
body.dark-theme .nav-tabs .nav-link {
    color: #94a3b8 !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active,
body.dark-theme .nav-tabs .nav-link.active {
    color: #38bdf8 !important;
    background-color: #162032 !important;
    border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) #162032 !important;
}

/* Pagination in Dark Mode */
[data-theme="dark"] .page-link,
body.dark-theme .page-link {
    background-color: #162032 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .page-item.active .page-link {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

[data-theme="dark"] .page-item.disabled .page-link {
    background-color: #0f172a !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #475569 !important;
}

/* Alerts in Dark Mode */
[data-theme="dark"] .alert-info {
    background-color: rgba(14, 165, 233, 0.12) !important;
    border-color: rgba(14, 165, 233, 0.3) !important;
    color: #7dd3fc !important;
}

[data-theme="dark"] .alert-success {
    background-color: rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
    color: #6ee7b7 !important;
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #fde68a !important;
}

[data-theme="dark"] .alert-danger {
    background-color: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    color: #fca5a5 !important;
}

/* Print Stylesheet */
@media print {
    [data-theme="dark"] body,
    [data-theme="dark"] html,
    [data-theme="dark"] .content-wrapper,
    [data-theme="dark"] .card,
    [data-theme="dark"] .card-body,
    [data-theme="dark"] .table td,
    [data-theme="dark"] .table th {
        background: #ffffff !important;
        color: #000000 !important;
    }

    #darkModeToggleBtn,
    #globalFullscreenBtn,
    .theme-toggle-circle,
    .back-to-top-btn {
        display: none !important;
    }
}

/* ==========================================================================
   LIGHT THEME — WHITE TEXT PRESERVATION ON DARK / COLORED BACKGROUNDS
   Overrides the blanket "html:not([data-theme=dark]) h1..h6 { color:#0f172a }"
   rule above for every section that intentionally uses a dark or primary-color
   background. Must come AFTER the contrast engine block to win the cascade.
   ========================================================================== */

/* ── Hero slides & carousels (all 5 themes) ── */
html:not([data-theme="dark"]) .hero-slide-item h1,
html:not([data-theme="dark"]) .hero-slide-item h2,
html:not([data-theme="dark"]) .hero-slide-item h3,
html:not([data-theme="dark"]) .hero-slide-item h4,
html:not([data-theme="dark"]) .hero-slide-item h5,
html:not([data-theme="dark"]) .hero-slide-item h6,
body:not(.dark-theme) .hero-slide-item h1,
body:not(.dark-theme) .hero-slide-item h2,
body:not(.dark-theme) .hero-slide-item h3,
body:not(.dark-theme) .hero-slide-item h4,
body:not(.dark-theme) .hero-slide-item h5,
body:not(.dark-theme) .hero-slide-item h6,

/* ── Default theme carousel hero wrapper ── */
html:not([data-theme="dark"]) #heroSection h1,
html:not([data-theme="dark"]) #heroSection h2,
html:not([data-theme="dark"]) #heroSection h3,
html:not([data-theme="dark"]) #heroSection h4,
html:not([data-theme="dark"]) #heroSection h5,
html:not([data-theme="dark"]) #heroSection h6,
body:not(.dark-theme) #heroSection h1,
body:not(.dark-theme) #heroSection h2,
body:not(.dark-theme) #heroSection h3,
body:not(.dark-theme) #heroSection h4,
body:not(.dark-theme) #heroSection h5,
body:not(.dark-theme) #heroSection h6,

/* ── Collegiate theme hero ── */
html:not([data-theme="dark"]) .cg-hero-section h1,
html:not([data-theme="dark"]) .cg-hero-section h2,
html:not([data-theme="dark"]) .cg-hero-section h3,
html:not([data-theme="dark"]) .cg-hero-section h4,
html:not([data-theme="dark"]) .cg-hero-section h5,
html:not([data-theme="dark"]) .cg-hero-section h6,
html:not([data-theme="dark"]) .cg-hero-title,
body:not(.dark-theme) .cg-hero-section h1,
body:not(.dark-theme) .cg-hero-section h2,
body:not(.dark-theme) .cg-hero-section h3,
body:not(.dark-theme) .cg-hero-title,

/* ── Modern theme hero ── */
html:not([data-theme="dark"]) .mt-hero h1,
html:not([data-theme="dark"]) .mt-hero h2,
html:not([data-theme="dark"]) .mt-hero h3,
html:not([data-theme="dark"]) .mt-hero h4,
html:not([data-theme="dark"]) .mt-hero h5,
html:not([data-theme="dark"]) .mt-hero h6,
html:not([data-theme="dark"]) .mt-hero-title,
body:not(.dark-theme) .mt-hero h1,
body:not(.dark-theme) .mt-hero h2,
body:not(.dark-theme) .mt-hero-title,

/* ── Heritage theme hero ── */
html:not([data-theme="dark"]) .hr-hero h1,
html:not([data-theme="dark"]) .hr-hero h2,
html:not([data-theme="dark"]) .hr-hero h3,
html:not([data-theme="dark"]) .hr-hero h4,
html:not([data-theme="dark"]) .hr-hero h5,
html:not([data-theme="dark"]) .hr-hero h6,
html:not([data-theme="dark"]) .hr-hero-title,
body:not(.dark-theme) .hr-hero h1,
body:not(.dark-theme) .hr-hero h2,
body:not(.dark-theme) .hr-hero-title,

/* ── Classic theme hero ── */
html:not([data-theme="dark"]) .cs-hero-carousel h1,
html:not([data-theme="dark"]) .cs-hero-carousel h2,
html:not([data-theme="dark"]) .cs-hero-carousel h3,
html:not([data-theme="dark"]) .cs-hero-carousel h4,
html:not([data-theme="dark"]) .cs-hero-carousel h5,
html:not([data-theme="dark"]) .cs-hero-carousel h6,
html:not([data-theme="dark"]) .cs-slide-title,
body:not(.dark-theme) .cs-hero-carousel h1,
body:not(.dark-theme) .cs-hero-carousel h2,
body:not(.dark-theme) .cs-slide-title,

/* ── Registration / CTA banners (all themes) ── */
html:not([data-theme="dark"]) .registration-cta h1,
html:not([data-theme="dark"]) .registration-cta h2,
html:not([data-theme="dark"]) .registration-cta h3,
html:not([data-theme="dark"]) .registration-cta h4,
html:not([data-theme="dark"]) .registration-cta h5,
html:not([data-theme="dark"]) .registration-cta h6,
body:not(.dark-theme) .registration-cta h1,
body:not(.dark-theme) .registration-cta h2,
body:not(.dark-theme) .registration-cta h3,

/* ── Collegiate CTA banner ── */
html:not([data-theme="dark"]) .cg-cta-banner h1,
html:not([data-theme="dark"]) .cg-cta-banner h2,
html:not([data-theme="dark"]) .cg-cta-banner h3,
html:not([data-theme="dark"]) .cg-cta-banner h4,
html:not([data-theme="dark"]) .cg-cta-banner h5,
html:not([data-theme="dark"]) .cg-cta-banner h6,
body:not(.dark-theme) .cg-cta-banner h1,
body:not(.dark-theme) .cg-cta-banner h2,

/* ── Generic CTA banner wrapper (fees page) ── */
html:not([data-theme="dark"]) .cta-banner-wrapper h1,
html:not([data-theme="dark"]) .cta-banner-wrapper h2,
html:not([data-theme="dark"]) .cta-banner-wrapper h3,
html:not([data-theme="dark"]) .cta-banner-wrapper h4,
html:not([data-theme="dark"]) .cta-banner-wrapper h5,
html:not([data-theme="dark"]) .cta-banner-wrapper h6,
body:not(.dark-theme) .cta-banner-wrapper h1,
body:not(.dark-theme) .cta-banner-wrapper h2,
body:not(.dark-theme) .cta-banner-wrapper h3,

/* ── Page breadcrumb / banner headers (About Us, Contact Us, etc.) ── */
html:not([data-theme="dark"]) .breadcrumb h1,
html:not([data-theme="dark"]) .breadcrumb h2,
html:not([data-theme="dark"]) .breadcrumb h3,
html:not([data-theme="dark"]) .breadcrumb h4,
html:not([data-theme="dark"]) .breadcrumb h5,
html:not([data-theme="dark"]) .breadcrumb h6,
body:not(.dark-theme) .breadcrumb h1,
body:not(.dark-theme) .breadcrumb h2,

/* ── Registration Page Hero Banner ── */
html:not([data-theme="dark"]) .reg-hero-banner h1,
html:not([data-theme="dark"]) .reg-hero-banner h2,
html:not([data-theme="dark"]) .reg-hero-banner h3,
html:not([data-theme="dark"]) .reg-hero-banner p,
html:not([data-theme="dark"]) .reg-hero-banner .hero-badge,
html:not([data-theme="dark"]) .reg-hero-banner .hero-badge span,
body:not(.dark-theme) .reg-hero-banner h1,
body:not(.dark-theme) .reg-hero-banner h2,
body:not(.dark-theme) .reg-hero-banner p,
body:not(.dark-theme) .reg-hero-banner .hero-badge,
body:not(.dark-theme) .reg-hero-banner .hero-badge span,

/* ── Educational programs hero header ── */
html:not([data-theme="dark"]) .program-hero-header h1,
html:not([data-theme="dark"]) .program-hero-header h2,
html:not([data-theme="dark"]) .program-hero-header h3,
html:not([data-theme="dark"]) .program-hero-header h4,
html:not([data-theme="dark"]) .program-hero-header h5,
html:not([data-theme="dark"]) .program-hero-header h6,
body:not(.dark-theme) .program-hero-header h1,
body:not(.dark-theme) .program-hero-header h2,

/* ── Fees page dark header ── */
html:not([data-theme="dark"]) .fee-header-title,
html:not([data-theme="dark"]) .fee-header-subtitle,
body:not(.dark-theme) .fee-header-title,
body:not(.dark-theme) .fee-header-subtitle,

/* ── About Us featured mission/vision card (dark primary bg) ── */
html:not([data-theme="dark"]) .pillar-card-featured h4,
html:not([data-theme="dark"]) .pillar-card-featured h5,
html:not([data-theme="dark"]) .pillar-card-featured h6,
body:not(.dark-theme) .pillar-card-featured h4,

/* ── Glassmorphism hero card ── */
html:not([data-theme="dark"]) .hero-glassmorphism-card h1,
html:not([data-theme="dark"]) .hero-glassmorphism-card h2,
html:not([data-theme="dark"]) .hero-glassmorphism-card h3,
body:not(.dark-theme) .hero-glassmorphism-card h1,
body:not(.dark-theme) .hero-glassmorphism-card h2,

/* ── Universal .text-white class (Bootstrap utility) ── */
html:not([data-theme="dark"]) h1.text-white,
html:not([data-theme="dark"]) h2.text-white,
html:not([data-theme="dark"]) h3.text-white,
html:not([data-theme="dark"]) h4.text-white,
html:not([data-theme="dark"]) h5.text-white,
html:not([data-theme="dark"]) h6.text-white,
html:not([data-theme="dark"]) .text-white h1,
html:not([data-theme="dark"]) .text-white h2,
html:not([data-theme="dark"]) .text-white h3,
html:not([data-theme="dark"]) .text-white h4,
html:not([data-theme="dark"]) .text-white h5,
html:not([data-theme="dark"]) .text-white h6,
body:not(.dark-theme) h1.text-white,
body:not(.dark-theme) h2.text-white,
body:not(.dark-theme) h3.text-white,
body:not(.dark-theme) h4.text-white,
body:not(.dark-theme) h5.text-white,
body:not(.dark-theme) h6.text-white,
body:not(.dark-theme) .text-white h1,
body:not(.dark-theme) .text-white h2,
body:not(.dark-theme) .text-white h3,
body:not(.dark-theme) .text-white h4,
body:not(.dark-theme) .text-white h5,
body:not(.dark-theme) .text-white h6 {
    color: #ffffff;
}

/* ── .text-white-50 utility on headings (semi-transparent white) ── */
html:not([data-theme="dark"]) h1.text-white-50,
html:not([data-theme="dark"]) h2.text-white-50,
html:not([data-theme="dark"]) h3.text-white-50,
html:not([data-theme="dark"]) h4.text-white-50,
html:not([data-theme="dark"]) h5.text-white-50,
html:not([data-theme="dark"]) h6.text-white-50,
body:not(.dark-theme) h1.text-white-50,
body:not(.dark-theme) h2.text-white-50,
body:not(.dark-theme) h3.text-white-50,
body:not(.dark-theme) h4.text-white-50,
body:not(.dark-theme) h5.text-white-50,
body:not(.dark-theme) h6.text-white-50 {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* ==========================================================================
   STAT CARDS, BANNER CARDS & GRADIENT CONTAINERS CONTRAST ENGINE
   Preserves vibrant white text, icons, subtitles, and badges inside any
   card or container styled with a gradient or dark background in light theme,
   and provides crystal-clear light theme definitions for all KPI badge types.
   ========================================================================== */

/* ── Any card with text-white or inline dark/colored background ── */
.card.text-white,
.card.text-white,
.card.text-white,
.card[style*="background: #0f172a"],
.card[style*="background:#0f172a"],
.card[style*="background: #1e293b"],
.card[style*="background:#1e293b"],
.card[style*="background: #00733B"],
.card[style*="background:#00733B"],
.card[style*="background: #2563eb"],
.card[style*="background:#2563eb"],
.card[style*="background: #d97706"],
.card[style*="background:#d97706"],
.stat-card.text-white,
.stat-card.stat-success,
.stat-card.stat-info,
.stat-card.stat-danger,
.stat-card.stat-warning {
    color: #ffffff !important;
}

.card.text-white *,
.card.text-white h1,
.card.text-white h2,
.card.text-white h3,
.card.text-white h4,
.card.text-white h5,
.card.text-white h6,
.card.text-white .card-title,
.card.text-white .stat-value,
.card.text-white .stat-label,
.card.text-white .kpi-sub-text,
.card.text-white p:not(.text-dark),
.card.text-white span:not(.badge):not(.text-dark),
.card.text-white i:not(.text-dark),
.card.text-white h1,
.card.text-white h2,
.card.text-white h3,
.card.text-white h4,
.card.text-white h5,
.card.text-white h6,
.card.text-white .card-title,
.card.text-white .stat-value,
.card.text-white .stat-label,
.card.text-white .kpi-sub-text,
.card.text-white p:not(.text-dark),
.card.text-white span:not(.badge):not(.text-dark),
.card.text-white i:not(.text-dark),
.stat-card.text-white h1,
.stat-card.text-white h2,
.stat-card.text-white h3,
.stat-card.text-white h4,
.stat-card.text-white h5,
.stat-card.text-white h6,
.stat-card.text-white .stat-value,
.stat-card.text-white .stat-label,
.stat-card.text-white .stat-foot,
.stat-card.text-white .stat-icon i,
.stat-card.stat-success .stat-value,
.stat-card.stat-success .stat-label,
.stat-card.stat-success .stat-foot,
.stat-card.stat-success .stat-icon i,
.stat-card.stat-info .stat-value,
.stat-card.stat-info .stat-label,
.stat-card.stat-info .stat-foot,
.stat-card.stat-info .stat-icon i,
.stat-card.stat-danger .stat-value,
.stat-card.stat-danger .stat-label,
.stat-card.stat-danger .stat-foot,
.stat-card.stat-danger .stat-icon i,
.stat-card.stat-warning .stat-value,
.stat-card.stat-warning .stat-label,
.stat-card.stat-warning .stat-foot,
.stat-card.stat-warning .stat-icon i {
    color: #ffffff !important;
}

/* Semi-transparent subtitle text on dark/gradient stat cards */
.card.text-white .text-white-50,
.card.text-white .text-white-50,
.card[style*="background: #"] .text-white-50,
.card[style*="background:#"] .text-white-50,
.stat-card .text-white-50,
.stat-card .stat-foot,
.card.text-white .text-white-50 {
    color: rgba(255, 255, 255, 0.82) !important;
}

/* ── Light Mode Stat KPI Badge Classes (Global Foundation) ── */
.kpi-badge-blue   { background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; }
.kpi-badge-purple { background: #faf5ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; }
.kpi-badge-green  { background: #ecfdf5 !important; color: #047857 !important; border: 1px solid #a7f3d0 !important; }
.kpi-badge-orange { background: #fff7ed !important; color: #c2410c !important; border: 1px solid #fed7aa !important; }

/* Dark mode overrides for KPI badges */
[data-theme="dark"] .kpi-badge-blue,
html[data-theme="dark"] .kpi-badge-blue,
body.dark-theme .kpi-badge-blue   { background: rgba(59, 130, 246, 0.22) !important; color: #93c5fd !important; border: 1px solid rgba(96, 165, 250, 0.35) !important; }

[data-theme="dark"] .kpi-badge-purple,
html[data-theme="dark"] .kpi-badge-purple,
body.dark-theme .kpi-badge-purple { background: rgba(168, 85, 247, 0.22) !important; color: #d8b4fe !important; border: 1px solid rgba(192, 132, 252, 0.35) !important; }

[data-theme="dark"] .kpi-badge-green,
html[data-theme="dark"] .kpi-badge-green,
body.dark-theme .kpi-badge-green  { background: rgba(34, 197, 94, 0.22) !important; color: #86efac !important; border: 1px solid rgba(74, 222, 128, 0.35) !important; }

[data-theme="dark"] .kpi-badge-orange,
html[data-theme="dark"] .kpi-badge-orange,
body.dark-theme .kpi-badge-orange { background: rgba(249, 115, 22, 0.22) !important; color: #fdba74 !important; border: 1px solid rgba(251, 146, 60, 0.35) !important; }

/* ── Light Mode Stat KPI Card Base (Ensures high contrast everywhere) ── */
.stat-kpi {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 16px 18px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
.stat-kpi .kpi-label {
    font-size: 11px;
    font-weight: 700;
    color: #475569 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.stat-kpi .kpi-value {
    font-size: 1.7rem;
    font-weight: 800;
    color: #0f172a !important;
}
.stat-kpi .kpi-sub {
    color: #64748b !important;
    font-size: 0.82rem;
}

/* ── Dark Mode Stat KPI Card Overrides ── */
[data-theme="dark"] .stat-kpi,
html[data-theme="dark"] .stat-kpi,
body.dark-theme .stat-kpi {
    background: rgba(18, 26, 43, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .stat-kpi .kpi-label,
html[data-theme="dark"] .stat-kpi .kpi-label,
body.dark-theme .stat-kpi .kpi-label {
    color: #94a3b8 !important;
}
[data-theme="dark"] .stat-kpi .kpi-value,
html[data-theme="dark"] .stat-kpi .kpi-value,
body.dark-theme .stat-kpi .kpi-value {
    color: #ffffff !important;
}
[data-theme="dark"] .stat-kpi .kpi-sub,
html[data-theme="dark"] .stat-kpi .kpi-sub,
body.dark-theme .stat-kpi .kpi-sub {
    color: #cbd5e1 !important;
}


/* ==========================================================================
   ABSOLUTE OVERRIDES FOR LIGHT MODE GRADIENT / KPI STAT CARDS
   (Fixes text becoming invisible in light mode due to high-specificity h1-h6 overrides)
   ========================================================================== */
html:not([data-theme="dark"]) .card.text-white:not(.bg-white):not(.card-white),
body:not(.dark-theme) .card.text-white:not(.bg-white):not(.card-white),
html:not([data-theme="dark"]) .stat-card.stat-success,
body:not(.dark-theme) .stat-card.stat-success,
html:not([data-theme="dark"]) .stat-card.stat-info,
body:not(.dark-theme) .stat-card.stat-info,
html:not([data-theme="dark"]) .stat-card.stat-danger,
body:not(.dark-theme) .stat-card.stat-danger,
html:not([data-theme="dark"]) .stat-card.stat-warning,
body:not(.dark-theme) .stat-card.stat-warning,
html:not([data-theme="dark"]) .stat-card.text-white,
body:not(.dark-theme) .stat-card.text-white {
    color: #ffffff !important;
}

/* Explicitly protect nested light controls from inheriting white text */
.card.text-white .btn-light,
.card.text-white .btn-white,
.card.text-white .badge-light,
.card.text-white .badge-warning,
.card.text-white .badge-warning *,
.card.text-white .badge-light *,
.card.text-white .btn-light *,
.card.text-white .btn-white *,
.stat-card .btn-light,
.stat-card .badge-light,
.stat-card .badge-warning,
.stat-card .badge-warning *,
.stat-card .badge-light *,
.stat-card .btn-light * {
    color: #0f172a !important;
}

.card.text-white .badge-warning,
.stat-card .badge-warning {
    color: #78350f !important;
    background-color: #fde68a !important;
}

html:not([data-theme="dark"]) .card.text-white .text-white-50,
body:not(.dark-theme) .card.text-white .text-white-50,
html:not([data-theme="dark"]) .stat-card .text-white-50,
body:not(.dark-theme) .stat-card .text-white-50,
html:not([data-theme="dark"]) .stat-card .stat-foot,
body:not(.dark-theme) .stat-card .stat-foot {
    color: rgba(255, 255, 255, 0.82) !important;
}
/* ==========================================================================
   ABSOLUTE OVERRIDES FOR LIGHT MODE GRADIENT / KPI STAT CARDS
   (Fixes text becoming invisible in light mode due to high-specificity h1-h6 overrides)
   ========================================================================== */
html:not([data-theme="dark"]) .card.text-white h1,
html:not([data-theme="dark"]) .card.text-white h2,
html:not([data-theme="dark"]) .card.text-white h3,
html:not([data-theme="dark"]) .card.text-white h4,
html:not([data-theme="dark"]) .card.text-white h5,
html:not([data-theme="dark"]) .card.text-white h6,
html:not([data-theme="dark"]) .card.text-white p,
html:not([data-theme="dark"]) .card.text-white span:not(.text-white-50),
html:not([data-theme="dark"]) .card.text-white i,
html:not([data-theme="dark"]) .card.text-white .stat-value,
html:not([data-theme="dark"]) .card.text-white .stat-label,
html:not([data-theme="dark"]) .stat-card.stat-success h1,
html:not([data-theme="dark"]) .stat-card.stat-success h2,
html:not([data-theme="dark"]) .stat-card.stat-success h3,
html:not([data-theme="dark"]) .stat-card.stat-success p,
html:not([data-theme="dark"]) .stat-card.stat-success span,
html:not([data-theme="dark"]) .stat-card.stat-success i,
html:not([data-theme="dark"]) .stat-card.stat-success .stat-value,
html:not([data-theme="dark"]) .stat-card.stat-info h1,
html:not([data-theme="dark"]) .stat-card.stat-info h2,
html:not([data-theme="dark"]) .stat-card.stat-info h3,
html:not([data-theme="dark"]) .stat-card.stat-info p,
html:not([data-theme="dark"]) .stat-card.stat-info span,
html:not([data-theme="dark"]) .stat-card.stat-info i,
html:not([data-theme="dark"]) .stat-card.stat-info .stat-value,
html:not([data-theme="dark"]) .stat-card.stat-danger h1,
html:not([data-theme="dark"]) .stat-card.stat-danger h2,
html:not([data-theme="dark"]) .stat-card.stat-danger h3,
html:not([data-theme="dark"]) .stat-card.stat-danger p,
html:not([data-theme="dark"]) .stat-card.stat-danger span,
html:not([data-theme="dark"]) .stat-card.stat-danger i,
html:not([data-theme="dark"]) .stat-card.stat-danger .stat-value,
html:not([data-theme="dark"]) .stat-card.stat-warning h1,
html:not([data-theme="dark"]) .stat-card.stat-warning h2,
html:not([data-theme="dark"]) .stat-card.stat-warning h3,
html:not([data-theme="dark"]) .stat-card.stat-warning p,
html:not([data-theme="dark"]) .stat-card.stat-warning span,
html:not([data-theme="dark"]) .stat-card.stat-warning i,
html:not([data-theme="dark"]) .stat-card.stat-warning .stat-value,
html:not([data-theme="dark"]) .stat-card.text-white h1,
html:not([data-theme="dark"]) .stat-card.text-white h2,
html:not([data-theme="dark"]) .stat-card.text-white h3,
html:not([data-theme="dark"]) .stat-card.text-white p,
html:not([data-theme="dark"]) .stat-card.text-white span,
html:not([data-theme="dark"]) .stat-card.text-white i,
html:not([data-theme="dark"]) .stat-card.text-white .stat-value,
body:not(.dark-theme) .card.text-white h1,
body:not(.dark-theme) .card.text-white h2,
body:not(.dark-theme) .card.text-white h3,
body:not(.dark-theme) .card.text-white h4,
body:not(.dark-theme) .card.text-white h5,
body:not(.dark-theme) .card.text-white h6,
body:not(.dark-theme) .stat-card.stat-success h2,
body:not(.dark-theme) .stat-card.stat-success h3,
body:not(.dark-theme) .stat-card.stat-info h2,
body:not(.dark-theme) .stat-card.stat-info h3,
body:not(.dark-theme) .stat-card.stat-danger h2,
body:not(.dark-theme) .stat-card.stat-danger h3,
body:not(.dark-theme) .stat-card.stat-warning h2,
body:not(.dark-theme) .stat-card.stat-warning h3,
body:not(.dark-theme) .stat-card.text-white h2,
body:not(.dark-theme) .stat-card.text-white h3 {
    color: #ffffff !important;
}

html:not([data-theme="dark"]) .card.text-white .text-white-50,
body:not(.dark-theme) .card.text-white .text-white-50,
html:not([data-theme="dark"]) .stat-card .text-white-50,
body:not(.dark-theme) .stat-card .text-white-50,
html:not([data-theme="dark"]) .stat-card .stat-foot,
body:not(.dark-theme) .stat-card .stat-foot {
    color: rgba(255, 255, 255, 0.82) !important;
}

/* FORCE BACKGROUNDS FOR LIGHT MODE STAT CARDS & POPUPS */
html:not([data-theme="dark"]) .finance-dashboard-page .stat-success,
body:not(.dark-theme) .finance-dashboard-page .stat-success {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
}
html:not([data-theme="dark"]) .finance-dashboard-page .stat-info,
body:not(.dark-theme) .finance-dashboard-page .stat-info {
    background: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%) !important;
}
html:not([data-theme="dark"]) .finance-dashboard-page .stat-danger,
body:not(.dark-theme) .finance-dashboard-page .stat-danger {
    background: linear-gradient(135deg, #e11d48 0%, #f43f5e 100%) !important;
}
html:not([data-theme="dark"]) .finance-dashboard-page .stat-warning,
body:not(.dark-theme) .finance-dashboard-page .stat-warning {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
}

/* Force Popup Gradients */
html:not([data-theme="dark"]) .card[style*="#0f172a 0%, #1e293b"],
body:not(.dark-theme) .card[style*="#0f172a 0%, #1e293b"] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}
html:not([data-theme="dark"]) .card[style*="#00733B 0%, #0d5c31"],
body:not(.dark-theme) .card[style*="#00733B 0%, #0d5c31"] {
    background: linear-gradient(135deg, #00733B 0%, #0d5c31 100%) !important;
}
html:not([data-theme="dark"]) .card[style*="#2563eb 0%, #1d4ed8"],
body:not(.dark-theme) .card[style*="#2563eb 0%, #1d4ed8"] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}
html:not([data-theme="dark"]) .card[style*="#d97706 0%, #b45309"],
body:not(.dark-theme) .card[style*="#d97706 0%, #b45309"] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
}

/* Make sure text stays white inside these forced backgrounds */
html:not([data-theme="dark"]) .card.text-white:not(.bg-white):not(.card-white),
body:not(.dark-theme) .card.text-white:not(.bg-white):not(.card-white),
html:not([data-theme="dark"]) .card.text-white h1,
html:not([data-theme="dark"]) .card.text-white h2,
html:not([data-theme="dark"]) .card.text-white h3,
html:not([data-theme="dark"]) .card.text-white h4,
html:not([data-theme="dark"]) .card.text-white h5,
html:not([data-theme="dark"]) .card.text-white h6,
html:not([data-theme="dark"]) .card.text-white p,
html:not([data-theme="dark"]) .card.text-white .card-title,
html:not([data-theme="dark"]) .card.text-white .stat-value,
html:not([data-theme="dark"]) .card.text-white .stat-label,
body:not(.dark-theme) .card.text-white h1,
body:not(.dark-theme) .card.text-white h2,
body:not(.dark-theme) .card.text-white h3,
body:not(.dark-theme) .card.text-white h4,
body:not(.dark-theme) .card.text-white h5,
body:not(.dark-theme) .card.text-white h6,
body:not(.dark-theme) .card.text-white p,
body:not(.dark-theme) .card.text-white .card-title,
body:not(.dark-theme) .card.text-white .stat-value,
body:not(.dark-theme) .card.text-white .stat-label {
    color: #ffffff !important;
}


/* Force Admissions / General Dashboard Cards Gradients */
html:not([data-theme="dark"]) .card[style*="--primary-gradient"],
body:not(.dark-theme) .card[style*="--primary-gradient"] {
    background: var(--primary-gradient, linear-gradient(135deg, var(--primary-color, #00733B) 0%, var(--secondary-color, #059669) 100%)) !important;
}
html:not([data-theme="dark"]) .card[style*="--secondary-gradient"],
body:not(.dark-theme) .card[style*="--secondary-gradient"] {
    background: var(--secondary-gradient, linear-gradient(135deg, var(--secondary-color, #0084ff) 0%, #4DB8FF 100%)) !important;
}
html:not([data-theme="dark"]) .card[style*="#ea580c"],
body:not(.dark-theme) .card[style*="#ea580c"] {
    background: linear-gradient(135deg, #ea580c, #f97316) !important;
}
html:not([data-theme="dark"]) .card[style*="#475569"],
body:not(.dark-theme) .card[style*="#475569"] {
    background: linear-gradient(135deg, #475569, #64748b) !important;
}



/* Fix icons in light mode that have dark backgrounds */
html:not([data-theme="dark"]) .page-title-icon,
html:not([data-theme="dark"]) .page-title-icon i,
html:not([data-theme="dark"]) .stat-icon,
html:not([data-theme="dark"]) .stat-icon i {
    color: #ffffff !important;
}


/* Registration CTA Light Mode Fixes */
html:not([data-theme="dark"]) .registration-cta h2,
html:not([data-theme="dark"]) .registration-cta p,
html:not([data-theme="dark"]) .registration-cta .section-tag-badge {
    color: inherit !important;
}

/* Announcement Bar Action Pill ("Apply Online") & Controls in Dark Theme */
[data-theme="dark"] .notice-action-pill,
html[data-theme="dark"] .notice-action-pill,
body.dark-theme .notice-action-pill {
    background: linear-gradient(135deg, #00733B 0%, #059669 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 2px 10px rgba(0, 115, 59, 0.4) !important;
}

[data-theme="dark"] .notice-action-pill span,
html[data-theme="dark"] .notice-action-pill span,
body.dark-theme .notice-action-pill span {
    color: #ffffff !important;
    font-weight: 800 !important;
}

[data-theme="dark"] .notice-action-pill i,
html[data-theme="dark"] .notice-action-pill i,
body.dark-theme .notice-action-pill i {
    color: #ffffff !important;
}

[data-theme="dark"] .notice-action-pill:hover,
html[data-theme="dark"] .notice-action-pill:hover,
body.dark-theme .notice-action-pill:hover {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.45) !important;
    transform: translateY(-1px) !important;
}

[data-theme="dark"] .notice-action-pill:hover span,
html[data-theme="dark"] .notice-action-pill:hover span,
body.dark-theme .notice-action-pill:hover span,
[data-theme="dark"] .notice-action-pill:hover i,
html[data-theme="dark"] .notice-action-pill:hover i,
body.dark-theme .notice-action-pill:hover i {
    color: #ffffff !important;
}

[data-theme="dark"] .btn-close-notice,
html[data-theme="dark"] .btn-close-notice,
body.dark-theme .btn-close-notice {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .btn-close-notice:hover,
html[data-theme="dark"] .btn-close-notice:hover,
body.dark-theme .btn-close-notice:hover {
    background: rgba(239, 68, 68, 0.25) !important;
    border-color: rgba(239, 68, 68, 0.5) !important;
    color: #f87171 !important;
}

/* ==========================================================================
   LANDING PAGE COMPREHENSIVE DARK THEME POLISH
   ========================================================================== */

/* 1. Featured Video Showcase Section */
[data-theme="dark"] #featured-video-section,
[data-theme="dark"] .featured-video-section,
html[data-theme="dark"] #featured-video-section,
html[data-theme="dark"] .featured-video-section,
body.dark-theme #featured-video-section,
body.dark-theme .featured-video-section {
    background: transparent !important;
}

[data-theme="dark"] .featured-video-title,
html[data-theme="dark"] .featured-video-title,
body.dark-theme .featured-video-title,
[data-theme="dark"] .featured-video-section h2,
html[data-theme="dark"] .featured-video-section h2,
body.dark-theme .featured-video-section h2 {
    color: #ffffff !important;
}

[data-theme="dark"] .featured-video-desc,
html[data-theme="dark"] .featured-video-desc,
body.dark-theme .featured-video-desc,
[data-theme="dark"] .featured-video-section p.text-muted,
html[data-theme="dark"] .featured-video-section p.text-muted,
body.dark-theme .featured-video-section p.text-muted {
    color: #94a3b8 !important;
}

[data-theme="dark"] .featured-video-section .card,
html[data-theme="dark"] .featured-video-section .card,
body.dark-theme .featured-video-section .card {
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.75) !important;
    background: #020617 !important;
}

/* 2. Top Cards / Features Overlay Emblem Box */
[data-theme="dark"] .school-card-emblem-wrap,
html[data-theme="dark"] .school-card-emblem-wrap,
body.dark-theme .school-card-emblem-wrap {
    background: #162032 !important;
    border: 2.5px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6) !important;
}

/* 3. Specialized Campuses Section */
[data-theme="dark"] .campus-landing-card,
html[data-theme="dark"] .campus-landing-card,
body.dark-theme .campus-landing-card {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .campus-landing-card .bg-white,
html[data-theme="dark"] .campus-landing-card .bg-white,
body.dark-theme .campus-landing-card .bg-white {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .campus-landing-card h4,
html[data-theme="dark"] .campus-landing-card h4,
body.dark-theme .campus-landing-card h4 {
    color: #ffffff !important;
}

[data-theme="dark"] .campus-landing-card .text-secondary,
html[data-theme="dark"] .campus-landing-card .text-secondary,
body.dark-theme .campus-landing-card .text-secondary {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .campus-landing-card .text-muted,
html[data-theme="dark"] .campus-landing-card .text-muted,
body.dark-theme .campus-landing-card .text-muted {
    color: #94a3b8 !important;
}

[data-theme="dark"] .campus-landing-card .border-top,
html[data-theme="dark"] .campus-landing-card .border-top,
body.dark-theme .campus-landing-card .border-top {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .campus-landing-card .btn-outline-primary,
html[data-theme="dark"] .campus-landing-card .btn-outline-primary,
body.dark-theme .campus-landing-card .btn-outline-primary {
    color: #38bdf8 !important;
    border-color: #38bdf8 !important;
    background: transparent !important;
}

[data-theme="dark"] .campus-landing-card .btn-outline-primary:hover,
html[data-theme="dark"] .campus-landing-card .btn-outline-primary:hover,
body.dark-theme .campus-landing-card .btn-outline-primary:hover {
    background: #0284c7 !important;
    color: #ffffff !important;
}

/* 4. Degree Programmes & Course Cards */
[data-theme="dark"] .course-card-premium,
html[data-theme="dark"] .course-card-premium,
body.dark-theme .course-card-premium {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .course-card-premium .card-body,
html[data-theme="dark"] .course-card-premium .card-body,
body.dark-theme .course-card-premium .card-body {
    background: #0f172a !important;
}

[data-theme="dark"] .course-card-premium h5,
html[data-theme="dark"] .course-card-premium h5,
body.dark-theme .course-card-premium h5,
[data-theme="dark"] .course-card-premium .text-dark,
html[data-theme="dark"] .course-card-premium .text-dark,
body.dark-theme .course-card-premium .text-dark {
    color: #ffffff !important;
}

[data-theme="dark"] .course-card-premium .text-muted,
html[data-theme="dark"] .course-card-premium .text-muted,
body.dark-theme .course-card-premium .text-muted {
    color: #94a3b8 !important;
}

[data-theme="dark"] .course-card-premium .floating-course-emblem,
html[data-theme="dark"] .course-card-premium .floating-course-emblem,
body.dark-theme .course-card-premium .floating-course-emblem,
[data-theme="dark"] .floating-program-logo,
html[data-theme="dark"] .floating-program-logo,
body.dark-theme .floating-program-logo {
    background: rgba(22, 32, 50, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

/* 5. Educational Program Apply Button */
[data-theme="dark"] .btn-program-apply,
html[data-theme="dark"] .btn-program-apply,
body.dark-theme .btn-program-apply {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

[data-theme="dark"] .btn-program-apply span,
html[data-theme="dark"] .btn-program-apply span,
body.dark-theme .btn-program-apply span,
[data-theme="dark"] .btn-program-apply i,
html[data-theme="dark"] .btn-program-apply i,
body.dark-theme .btn-program-apply i {
    color: #ffffff !important;
}

[data-theme="dark"] .btn-program-apply:hover,
html[data-theme="dark"] .btn-program-apply:hover,
body.dark-theme .btn-program-apply:hover {
    background: var(--primary-color, #00733B) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
}

/* 6. Events & News Section */
[data-theme="dark"] .premium-event-card-item,
html[data-theme="dark"] .premium-event-card-item,
body.dark-theme .premium-event-card-item {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .premium-event-card-item h4,
html[data-theme="dark"] .premium-event-card-item h4,
body.dark-theme .premium-event-card-item h4,
[data-theme="dark"] .premium-event-card-item .text-dark,
html[data-theme="dark"] .premium-event-card-item .text-dark,
body.dark-theme .premium-event-card-item .text-dark {
    color: #ffffff !important;
}

[data-theme="dark"] .premium-event-card-item .eventDesc,
html[data-theme="dark"] .premium-event-card-item .eventDesc,
body.dark-theme .premium-event-card-item .eventDesc,
[data-theme="dark"] .premium-event-card-item .text-muted,
html[data-theme="dark"] .premium-event-card-item .text-muted,
body.dark-theme .premium-event-card-item .text-muted {
    color: #94a3b8 !important;
}

[data-theme="dark"] .premium-event-card-item .eventReadMoreBtn,
html[data-theme="dark"] .premium-event-card-item .eventReadMoreBtn,
body.dark-theme .premium-event-card-item .eventReadMoreBtn {
    color: var(--secondary-color, #38bdf8) !important;
    border-color: var(--secondary-color, #38bdf8) !important;
    background: transparent !important;
}

[data-theme="dark"] .premium-event-card-item .eventReadMoreBtn:hover,
html[data-theme="dark"] .premium-event-card-item .eventReadMoreBtn:hover,
body.dark-theme .premium-event-card-item .eventReadMoreBtn:hover {
    background: var(--primary-color, #1e293b) !important;
    border-color: var(--primary-color, #1e293b) !important;
    color: #ffffff !important;
}

/* 7. Video Vault & Photo Gallery Sections */
[data-theme="dark"] .ourVideos .card,
html[data-theme="dark"] .ourVideos .card,
body.dark-theme .ourVideos .card,
[data-theme="dark"] .ourPhotos .card,
html[data-theme="dark"] .ourPhotos .card,
body.dark-theme .ourPhotos .card {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .ourVideos .card-body,
html[data-theme="dark"] .ourVideos .card-body,
body.dark-theme .ourVideos .card-body,
[data-theme="dark"] .ourPhotos .card-body,
html[data-theme="dark"] .ourPhotos .card-body,
body.dark-theme .ourPhotos .card-body {
    background: #0f172a !important;
}

[data-theme="dark"] .ourVideos .text-dark,
html[data-theme="dark"] .ourVideos .text-dark,
body.dark-theme .ourVideos .text-dark,
[data-theme="dark"] .ourPhotos .text-dark,
html[data-theme="dark"] .ourPhotos .text-dark,
body.dark-theme .ourPhotos .text-dark {
    color: #f8fafc !important;
}

[data-theme="dark"] .ourVideos a.btn,
html[data-theme="dark"] .ourVideos a.btn,
body.dark-theme .ourVideos a.btn,
[data-theme="dark"] .ourPhotos a.btn,
html[data-theme="dark"] .ourPhotos a.btn,
body.dark-theme .ourPhotos a.btn {
    color: var(--secondary-color, #38bdf8) !important;
    border-color: var(--secondary-color, #38bdf8) !important;
    background: transparent !important;
}

[data-theme="dark"] .ourVideos a.btn:hover,
html[data-theme="dark"] .ourVideos a.btn:hover,
body.dark-theme .ourVideos a.btn:hover,
[data-theme="dark"] .ourPhotos a.btn:hover,
html[data-theme="dark"] .ourPhotos a.btn:hover,
body.dark-theme .ourPhotos a.btn:hover {
    background: var(--primary-color, #1e293b) !important;
    border-color: var(--primary-color, #1e293b) !important;
    color: #ffffff !important;
}

/* 8. FAQs Accordion */
[data-theme="dark"] #faqAccordion .accordion-item,
html[data-theme="dark"] #faqAccordion .accordion-item,
body.dark-theme #faqAccordion .accordion-item {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] #faqAccordion .accordion-button,
html[data-theme="dark"] #faqAccordion .accordion-button,
body.dark-theme #faqAccordion .accordion-button {
    background: #0f172a !important;
    color: #f8fafc !important;
}

[data-theme="dark"] #faqAccordion .accordion-button:not(.collapsed),
html[data-theme="dark"] #faqAccordion .accordion-button:not(.collapsed),
body.dark-theme #faqAccordion .accordion-button:not(.collapsed) {
    background: #162032 !important;
    color: var(--secondary-color, #38bdf8) !important;
    box-shadow: none !important;
}

[data-theme="dark"] #faqAccordion .accordion-button::after,
html[data-theme="dark"] #faqAccordion .accordion-button::after,
body.dark-theme #faqAccordion .accordion-button::after {
    filter: invert(1) brightness(150%) !important;
}

[data-theme="dark"] #faqAccordion .accordion-body,
html[data-theme="dark"] #faqAccordion .accordion-body,
body.dark-theme #faqAccordion .accordion-body {
    background: #0f172a !important;
    color: #cbd5e1 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* 9. Mobile App Showcase Cards */
[data-theme="dark"] .app-download-card,
html[data-theme="dark"] .app-download-card,
body.dark-theme .app-download-card {
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .app-download-card .app-name,
html[data-theme="dark"] .app-download-card .app-name,
body.dark-theme .app-download-card .app-name {
    color: #ffffff !important;
}

/* 10. Static Modern Hero Secondary Button & Floating Metrics */
[data-theme="dark"] .static-modern-hero .btn-hero-secondary-static,
html[data-theme="dark"] .static-modern-hero .btn-hero-secondary-static,
body.dark-theme .static-modern-hero .btn-hero-secondary-static {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .static-modern-hero .btn-hero-secondary-static:hover,
html[data-theme="dark"] .static-modern-hero .btn-hero-secondary-static:hover,
body.dark-theme .static-modern-hero .btn-hero-secondary-static:hover {
    background: var(--primary-color, #00733B) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .static-modern-hero .floating-metric-card,
html[data-theme="dark"] .static-modern-hero .floating-metric-card,
body.dark-theme .static-modern-hero .floating-metric-card {
    background: rgba(15, 23, 42, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .static-modern-hero .floating-metric-card .metric-label,
html[data-theme="dark"] .static-modern-hero .floating-metric-card .metric-label,
body.dark-theme .static-modern-hero .floating-metric-card .metric-label {
    color: #94a3b8 !important;
}

/* ==========================================================================
   ID CARD STUDIO & CR80 LIVE CARD PREVIEW IMMUNITY
   The ID card canvas is a physical PVC artifact simulation and MUST NOT have
   its background color, text colors, labels or images altered by dark mode.
   ========================================================================== */
[data-theme="dark"] #live_id_card,
html[data-theme="dark"] #live_id_card,
body.dark-theme #live_id_card,
[data-theme="dark"] .id-card-wrapper,
html[data-theme="dark"] .id-card-wrapper,
body.dark-theme .id-card-wrapper {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

[data-theme="dark"] #live_id_card #card_front_side,
html[data-theme="dark"] #live_id_card #card_front_side,
body.dark-theme #live_id_card #card_front_side {
    color: #0f172a !important;
}

[data-theme="dark"] #live_id_card .left-preview-panel,
html[data-theme="dark"] #live_id_card .left-preview-panel,
body.dark-theme #live_id_card .left-preview-panel {
    background-color: #141b4d !important;
}

[data-theme="dark"] #live_id_card .photo-box-preview,
html[data-theme="dark"] #live_id_card .photo-box-preview,
body.dark-theme #live_id_card .photo-box-preview {
    background-color: #ffffff !important;
    border-color: #0f143a !important;
}

[data-theme="dark"] #live_id_card #preview_student_photo,
html[data-theme="dark"] #live_id_card #preview_student_photo,
body.dark-theme #live_id_card #preview_student_photo {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    filter: none !important;
}

[data-theme="dark"] #live_id_card #preview_school_name,
html[data-theme="dark"] #live_id_card #preview_school_name,
body.dark-theme #live_id_card #preview_school_name {
    color: #141b4d !important;
}

[data-theme="dark"] #live_id_card #preview_school_address,
html[data-theme="dark"] #live_id_card #preview_school_address,
body.dark-theme #live_id_card #preview_school_address {
    color: #64748b !important;
}

[data-theme="dark"] #live_id_card .preview-label-text,
html[data-theme="dark"] #live_id_card .preview-label-text,
body.dark-theme #live_id_card .preview-label-text {
    color: #1e293b !important;
}

[data-theme="dark"] #live_id_card #preview_fields_container,
html[data-theme="dark"] #live_id_card #preview_fields_container,
body.dark-theme #live_id_card #preview_fields_container,
[data-theme="dark"] #live_id_card #preview_fields_container * {
    color: inherit;
}

[data-theme="dark"] #live_id_card #preview_round_logo_ring,
[data-theme="dark"] #live_id_card #preview_full_logo_box > div,
[data-theme="dark"] #live_id_card #preview_ribbon_badge,
[data-theme="dark"] #live_id_card #preview_square_logo_wrap,
[data-theme="dark"] #live_id_card #preview_hexagon_logo_wrap,
[data-theme="dark"] #live_id_card #preview_oval_logo_wrap,
[data-theme="dark"] #live_id_card #preview_stamp_logo_wrap {
    background-color: #ffffff !important;
}

/* ==========================================================================
   UNIVERSAL DARK THEME DATA-TABLE & CONTROL ELEVATION
   ========================================================================== */
html[data-theme="dark"] .table-responsive::-webkit-scrollbar-track,
html[data-theme="dark"] .bootstrap-table .fixed-table-container::-webkit-scrollbar-track,
html[data-theme="dark"] .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-track,
html[data-theme="dark"] .academic-table-scroll::-webkit-scrollbar-track,
[data-theme="dark"] .table-responsive::-webkit-scrollbar-track,
[data-theme="dark"] .bootstrap-table .fixed-table-container::-webkit-scrollbar-track,
[data-theme="dark"] .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-track,
[data-theme="dark"] .academic-table-scroll::-webkit-scrollbar-track {
    background: #0f172a !important;
}

html[data-theme="dark"] .table-responsive::-webkit-scrollbar-thumb,
html[data-theme="dark"] .bootstrap-table .fixed-table-container::-webkit-scrollbar-thumb,
html[data-theme="dark"] .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-thumb,
html[data-theme="dark"] .academic-table-scroll::-webkit-scrollbar-thumb,
[data-theme="dark"] .table-responsive::-webkit-scrollbar-thumb,
[data-theme="dark"] .bootstrap-table .fixed-table-container::-webkit-scrollbar-thumb,
[data-theme="dark"] .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-thumb,
[data-theme="dark"] .academic-table-scroll::-webkit-scrollbar-thumb {
    background: #334155 !important;
    background-clip: content-box !important;
}

html[data-theme="dark"] .table-responsive::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .bootstrap-table .fixed-table-container::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .academic-table-scroll::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] .table-responsive::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] .bootstrap-table .fixed-table-container::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] .bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] .academic-table-scroll::-webkit-scrollbar-thumb:hover {
    background: #475569 !important;
    background-clip: content-box !important;
}

html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .bootstrap-table .fixed-table-container,
html[data-theme="dark"] .bootstrap-table .fixed-table-container .fixed-table-body,
html[data-theme="dark"] .academic-table-scroll,
[data-theme="dark"] .table-responsive,
[data-theme="dark"] .bootstrap-table .fixed-table-container,
[data-theme="dark"] .bootstrap-table .fixed-table-container .fixed-table-body,
[data-theme="dark"] .academic-table-scroll {
    scrollbar-color: #334155 #0f172a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .table-responsive > .table,
html[data-theme="dark"] .bootstrap-table .table,
[data-theme="dark"] .table-responsive > .table,
[data-theme="dark"] .bootstrap-table .table {
    background-color: #111827 !important;
    color: #f1f5f9 !important;
}

html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table thead.thead-light th,
html[data-theme="dark"] .table thead.thead-dark th,
html[data-theme="dark"] .table thead.bg-light th,
[data-theme="dark"] .table thead th,
[data-theme="dark"] .table thead.thead-light th,
[data-theme="dark"] .table thead.thead-dark th,
[data-theme="dark"] .table thead.bg-light th {
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-top: none !important;
}

html[data-theme="dark"] .table tbody td,
[data-theme="dark"] .table tbody td {
    background-color: #111827 !important;
    color: #e2e8f0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .table tbody tr:hover td,
[data-theme="dark"] .table tbody tr:hover td {
    background-color: #1e293b !important;
    color: #ffffff !important;
}

/* Sticky Action Column in Dark Mode */
html[data-theme="dark"] .table-sticky-actions th:last-child,
html[data-theme="dark"] .academic-table th.col-actions,
[data-theme="dark"] .table-sticky-actions th:last-child,
[data-theme="dark"] .academic-table th.col-actions {
    background-color: #0f172a !important;
    box-shadow: -4px 0 8px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .table-sticky-actions td:last-child,
html[data-theme="dark"] .academic-table td.col-actions,
[data-theme="dark"] .table-sticky-actions td:last-child,
[data-theme="dark"] .academic-table td.col-actions {
    background-color: #111827 !important;
    box-shadow: -4px 0 8px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .table-sticky-actions tr:hover td:last-child,
html[data-theme="dark"] .academic-table tr:hover td.col-actions,
[data-theme="dark"] .table-sticky-actions tr:hover td:last-child,
[data-theme="dark"] .academic-table tr:hover td.col-actions {
    background-color: #1e293b !important;
}

/* Bootstrap-Table fixed columns plugin in Dark Mode */
html[data-theme="dark"] .fixed-columns,
html[data-theme="dark"] .fixed-columns-right,
[data-theme="dark"] .fixed-columns,
[data-theme="dark"] .fixed-columns-right {
    background-color: #111827 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .fixed-columns .table,
html[data-theme="dark"] .fixed-columns-right .table,
[data-theme="dark"] .fixed-columns .table,
[data-theme="dark"] .fixed-columns-right .table {
    background-color: #111827 !important;
    color: #f1f5f9 !important;
}

/* Pagination and Filter Toolbar in Dark Mode */
html[data-theme="dark"] .fixed-table-pagination,
html[data-theme="dark"] .fixed-table-toolbar,
[data-theme="dark"] .fixed-table-pagination,
[data-theme="dark"] .fixed-table-toolbar {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .fixed-table-pagination .pagination .page-link,
[data-theme="dark"] .fixed-table-pagination .pagination .page-link {
    background-color: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .fixed-table-pagination .pagination .page-item.active .page-link,
[data-theme="dark"] .fixed-table-pagination .pagination .page-item.active .page-link {
    background-color: var(--primary-color, #00733B) !important;
    border-color: var(--primary-color, #00733B) !important;
    color: #ffffff !important;
}