/* ============================================================
   HEALTHLAB DARK MODE
============================================================ */

body.dark-mode {

    /* Brand */
    --brand-navy: #f0f8ff;
    --brand-deep: #061a2c;
    --brand-blue: #35b9ef;
    --brand-cyan: #2bd7c7;

    /* Accent */
    --accent-primary: #35b9ef;
    --accent-secondary: #2bd7c7;
    --accent-soft: rgba(53, 185, 239, .11);

    /* Background */
    --bg-primary: #071b2d;
    --bg-secondary: #0b2439;
    --bg-tertiary: #102e45;
    --bg-elevated: #0d2941;

    /* Text */
    --text-primary: #f1f8fd;
    --text-secondary: #a9bfce;
    --text-muted: #7891a3;
    --text-light: #ffffff;

    /* Border */
    --border-light: rgba(163, 199, 220, .13);
    --border-medium: rgba(163, 199, 220, .22);
    --border-accent: rgba(53, 185, 239, .30);

    /* Header */
    --header-top-bg: #08243c;
    --header-bg: rgba(7, 27, 45, .97);

    --header-shadow:
        0 16px 45px rgba(0, 0, 0, .28);

    /* Dropdown */
    --dropdown-bg: #0d2941;

    --dropdown-shadow:
        0 25px 70px rgba(0, 0, 0, .40);

    /* Button */
    --button-primary: #159fcf;
    --button-primary-hover: #23afd9;
}


/* ============================================================
   DARK MODE THEME SWITCH
============================================================ */

body.dark-mode .theme-toggle::before {
    transform: translateX(28px);
}

body.dark-mode .light-icon {
    opacity: .45;
}

body.dark-mode .dark-icon {
    opacity: 1;
    color: var(--accent-secondary);
}


/* ============================================================
   DARK MODE BRAND
============================================================ */

body.dark-mode .brand-copy strong {
    color: #f2f9ff;
}

body.dark-mode .brand-copy strong span {
    color: var(--brand-cyan);
}


/* ============================================================
   DARK MODE NAV
============================================================ */

body.dark-mode .dropdown-link:hover, body.dark-mode .dropdown-link.active {
    background: rgba(53, 185, 239, .09);
}


/* ============================================================
   DARK MODE SEARCH
============================================================ */

body.dark-mode .search-field-wrap input {
    background: #071f33;
}

body.dark-mode .search-field-wrap input::placeholder {
    color: #6f899b;
}


/* ============================================================
   DARK MOBILE OVERLAY
============================================================ */

body.dark-mode .mobile-menu-overlay {
    background: rgba(0, 0, 0, .68);
}


/* ============================================================
   DARK SCROLLBAR
============================================================ */

body.dark-mode ::-webkit-scrollbar {
    width: 8px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #071b2d;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #1a4664;
    border-radius: 10px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #25627f;
}

/* ============================================================ HEALTHLAB HERO DARK MODE ============================================================ */
html[data-theme="dark"] .hero-banner { background: #041b2d; }
html[data-theme="dark"] .hero-overlay { background: linear-gradient(90deg, rgba(1,15,28,.95) 0%, rgba(3,27,45,.86) 40%, rgba(3,24,40,.60) 75%, rgba(3,24,40,.40) 100%); }
html[data-theme="dark"] .hero-glow-one { opacity: .38; }
html[data-theme="dark"] .hero-glow-two { opacity: .42; }
html[data-theme="dark"] .hero-secondary-button { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.24); }
html[data-theme="dark"] .hero-secondary-button:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.45); }
@media (max-width: 766px) {
html[data-theme="dark"] .hero-overlay { background: linear-gradient(180deg, rgba(1,15,28,.95) 0%, rgba(3,27,45,.82) 52%, rgba(3,24,40,.94) 100%); }
}

/* ============================================================
   QUICK TEST SEARCH DARK MODE
============================================================ */
html[data-theme="dark"] .quick-test-section, body.dark-mode .quick-test-section { background: var(--bg-secondary); }
html[data-theme="dark"] .quick-test-section::before, body.dark-mode .quick-test-section::before { opacity: .3; }
html[data-theme="dark"] .quick-test-form, body.dark-mode .quick-test-form { box-shadow: 0 18px 50px rgba(0,0,0,.18); }
html[data-theme="dark"] .quick-test-form:focus-within, body.dark-mode .quick-test-form:focus-within { box-shadow: 0 20px 55px rgba(20,155,215,.12); }
html[data-theme="dark"] .quick-test-links a, body.dark-mode .quick-test-links a { color: var(--text-secondary); }
html[data-theme="dark"] .quick-test-links a:hover, body.dark-mode .quick-test-links a:hover { color: var(--accent-primary); }
html[data-theme="dark"] .quick-test-view-all:hover, body.dark-mode .quick-test-view-all:hover { color: #fff; }



/* ============================================================
   WHY CHOOSE OUR LAB DARK MODE
============================================================ */
html[data-theme="dark"] .why-lab-section, body.dark-mode .why-lab-section { background: var(--bg-primary); }
html[data-theme="dark"] .why-lab-decor-one, body.dark-mode .why-lab-decor-one { background: radial-gradient(circle,rgba(20,155,215,.12) 0%,rgba(20,155,215,0) 70%); }
html[data-theme="dark"] .why-lab-decor-two, body.dark-mode .why-lab-decor-two { background: radial-gradient(circle,rgba(25,199,181,.09) 0%,rgba(25,199,181,0) 70%); }
html[data-theme="dark"] .why-lab-image-wrap, body.dark-mode .why-lab-image-wrap { box-shadow: 25px 25px 70px rgba(0,0,0,.28); }
html[data-theme="dark"] .why-lab-floating-note, body.dark-mode .why-lab-floating-note { background: rgba(10,32,48,.9); border-color: rgba(255,255,255,.08); box-shadow: 0 18px 45px rgba(0,0,0,.3); }
html[data-theme="dark"] .why-lab-benefit:hover, body.dark-mode .why-lab-benefit:hover { background: linear-gradient(90deg,rgba(20,155,215,.07),transparent); }
html[data-theme="dark"] .why-lab-button, body.dark-mode .why-lab-button { color: #fff; }

/* ============================ HOME SAMPLE COLLECTION — DARK MODE ============================ */
body.dark-mode .home-collection-section { background: #0b1c24; }
body.dark-mode .home-collection-title { color: #eef8ff; }
body.dark-mode .home-collection-title em { color: #5eead4; }
body.dark-mode .home-collection-description { color: #9aafbd; }
body.dark-mode .home-collection-meta { border-color: rgba(255,255,255,.1); }
body.dark-mode .hsc-meta-item { color: #a5b7c3; }
body.dark-mode .hsc-meta-item i { background: rgba(94,234,212,.1); color: #5eead4; }
body.dark-mode .hsc-text-btn { color: #dceaf1; }
body.dark-mode .hsc-text-btn:hover { color: #5eead4; }
body.dark-mode .hsc-floating-badge { border-color: rgba(255,255,255,.12); background: rgba(16,35,44,.94); }
body.dark-mode .hsc-floating-badge strong { color: #edf8fc; }
body.dark-mode .hsc-floating-badge small { color: #91a6b3; }
body.dark-mode .hsc-badge-icon { background: rgba(94,234,212,.1); color: #5eead4; }
body.dark-mode .hsc-process-heading strong { color: #eaf6fb; }
body.dark-mode .hsc-process-line { background: linear-gradient(180deg,#5eead4,rgba(94,234,212,.05)); }
body.dark-mode .hsc-step-number { border-color: rgba(94,234,212,.2); background: #0b1c24; color: #8299a7; }
body.dark-mode .hsc-step-active .hsc-step-number { border-color: #5eead4; background: #159b91; color: #fff; }
body.dark-mode .hsc-step-content strong { color: #e5f3f8; }
body.dark-mode .hsc-step-content p { color: #8fa5b3; }
body.dark-mode .home-collection-bottom { border-color: rgba(255,255,255,.08); background: rgba(4,18,24,.45); }
body.dark-mode .hsc-bottom-label { color: #718896; }
body.dark-mode .hsc-bottom-points span { color: #9aadb8; }
/* ============================================================
POPULAR BLOOD TESTS — DARK MODE
============================================================ */

html[data-theme="dark"] .test-spectrum-section, body.dark-mode .test-spectrum-section { background: var(--bg-secondary); }
html[data-theme="dark"] .spectrum-orbit, body.dark-mode .spectrum-orbit { border-color: rgba(20,155,215,.14); }
html[data-theme="dark"] .spectrum-center-ring, body.dark-mode .spectrum-center-ring { background: var(--bg-primary); border-color: rgba(255,255,255,.14); box-shadow: 0 35px 100px rgba(0,0,0,.35); }
html[data-theme="dark"] .spectrum-center::before, body.dark-mode .spectrum-center::before { border-color: rgba(255,255,255,.08); }
html[data-theme="dark"] .spectrum-center::after, body.dark-mode .spectrum-center::after { border-color: rgba(20,155,215,.2); }
html[data-theme="dark"] .spectrum-test:hover, body.dark-mode .spectrum-test:hover { background: var(--bg-primary); }
html[data-theme="dark"] .spectrum-image-overlay, body.dark-mode .spectrum-image-overlay { background: linear-gradient(180deg,rgba(3,20,35,.05) 15%,rgba(3,20,35,.88) 100%); }

/* ============================================================ HOW IT WORKS — DARK MODE ============================================================ */
html[data-theme="dark"] .how-it-works-section, body.dark-mode .how-it-works-section { background: #071c30; color: #fff; }
html[data-theme="dark"] .how-it-works-noise, body.dark-mode .how-it-works-noise { opacity: .1; background-image: radial-gradient(rgba(255,255,255,.2) .6px,transparent .6px); }
html[data-theme="dark"] .how-it-works-watermark, body.dark-mode .how-it-works-watermark { color: rgba(255,255,255,.018); }
html[data-theme="dark"] .how-it-works-header, body.dark-mode .how-it-works-header { border-color: rgba(255,255,255,.1); }
html[data-theme="dark"] .how-it-works-title-wrap h2, body.dark-mode .how-it-works-title-wrap h2 { color: #fff; }
html[data-theme="dark"] .how-it-works-description p, body.dark-mode .how-it-works-description p { color: rgba(255,255,255,.58); }
html[data-theme="dark"] .how-description-rule, body.dark-mode .how-description-rule { background: rgba(255,255,255,.12); }
html[data-theme="dark"] .how-process-item, body.dark-mode .how-process-item { border-color: rgba(255,255,255,.1); }
html[data-theme="dark"] .how-process-item:hover, html[data-theme="dark"] .how-process-item.active, body.dark-mode .how-process-item:hover, body.dark-mode .how-process-item.active { border-color: rgba(20,155,215,.35); }
html[data-theme="dark"] .how-process-number span, body.dark-mode .how-process-number span { color: rgba(255,255,255,.4); }
html[data-theme="dark"] .how-process-main h3, body.dark-mode .how-process-main h3 { color: #fff; }
html[data-theme="dark"] .how-process-main p, body.dark-mode .how-process-main p { color: rgba(255,255,255,.5); }
html[data-theme="dark"] .how-process-link, body.dark-mode .how-process-link { color: rgba(255,255,255,.8); border-color: rgba(255,255,255,.18); }
html[data-theme="dark"] .how-process-link:hover, body.dark-mode .how-process-link:hover { color: #35b9e5; border-color: #35b9e5; }
html[data-theme="dark"] .how-it-works-bottom p, html[data-theme="dark"] .how-bottom-end, body.dark-mode .how-it-works-bottom p, body.dark-mode .how-bottom-end { color: rgba(255,255,255,.35); }

/* ============================================================ QUALITY WALL — DARK MODE ============================================================ */
html[data-theme="dark"] .quality-wall-section, body.dark-mode .quality-wall-section { background: var(--bg-secondary); }
html[data-theme="dark"] .quality-wall-word, body.dark-mode .quality-wall-word { color: rgba(20,155,215,.025); }
html[data-theme="dark"] .quality-marker:hover, body.dark-mode .quality-marker:hover { background: var(--bg-elevated); }
html[data-theme="dark"] .quality-wall-section .quality-standard, body.dark-mode .quality-wall-section .quality-standard { background: transparent; }

/* ============================ REPORTS & TURNAROUND TIME — DARK MODE ============================ */
body.dark-mode .reports-time-section { background: #0b1821; }
body.dark-mode .reports-time-title { color: #edf7fb; }
body.dark-mode .reports-time-title em { color: #5eead4; }
body.dark-mode .reports-time-description { color: #94a9b7; }
body.dark-mode .reports-assurance { border-color: rgba(255,255,255,.09); }
body.dark-mode .reports-assurance-icon { background: rgba(94,234,212,.08); color: #5eead4; }
body.dark-mode .reports-assurance strong { color: #e5f2f6; }
body.dark-mode .reports-assurance span { color: #8399a7; }
body.dark-mode .reports-info-link { color: #b8cbd5; }
body.dark-mode .reports-info-link:hover { color: #5eead4; }
body.dark-mode .reports-status-panel { border-color: rgba(255,255,255,.08); background: rgba(16,34,43,.88); box-shadow: 0 30px 80px rgba(0,0,0,.28); }
body.dark-mode .reports-panel-top { border-color: rgba(255,255,255,.08); }
body.dark-mode .reports-panel-label { color: #718795; }
body.dark-mode .reports-panel-top h3 { color: #e8f4f8; }
body.dark-mode .reports-progress-line { background: #263c48; }
body.dark-mode .reports-stage-marker { border-color: #2a424f; background: #122832; color: #718996; }
body.dark-mode .reports-stage-complete .reports-stage-marker { border-color: rgba(94,234,212,.25); background: rgba(94,234,212,.08); color: #5eead4; }
body.dark-mode .reports-stage-active .reports-stage-marker { border-color: #159b91; background: #159b91; color: #fff; }
body.dark-mode .reports-stage-content span { color: #708795; }
body.dark-mode .reports-stage-active .reports-stage-content span { color: #5eead4; }
body.dark-mode .reports-stage-content strong { color: #e1eff4; }
body.dark-mode .reports-stage-content small { color: #8197a5; }
body.dark-mode .reports-stage time { color: #718794; }
body.dark-mode .reports-stage-complete time { color: #5eead4; }
body.dark-mode .reports-panel-footer { background: #10252f; }
body.dark-mode .reports-panel-footer div span { color: #8096a3; }
body.dark-mode .reports-panel-footer div strong { color: #e1eff4; }
body.dark-mode .turnaround-strip { border-color: rgba(255,255,255,.07); background: rgba(5,18,24,.55); }
body.dark-mode .turnaround-intro strong { color: #bdcfd8; }
body.dark-mode .turnaround-item { border-color: rgba(255,255,255,.08); }
body.dark-mode .turnaround-item strong { color: #c5d7df; }
body.dark-mode .turnaround-item small { color: #7d929f; }

/* ============================ FEATURED PACKAGES — DARK MODE ============================ */
body.dark-mode .packages-showcase-section { background: #0a1821; }
body.dark-mode .packages-showcase-intro h2 { color: #e9f4f7; }
body.dark-mode .packages-showcase-intro p { color: #8fa5b2; }
body.dark-mode .packages-all-link { color: #5eead4; }
body.dark-mode .packages-selector { border-color: rgba(255,255,255,.08); background: #10242f; box-shadow: 0 25px 70px rgba(0,0,0,.25); }
body.dark-mode .packages-menu { background: #0d202a; border-color: rgba(255,255,255,.07); }
body.dark-mode .package-menu-item { border-color: rgba(255,255,255,.07); }
body.dark-mode .package-menu-item:hover { background: rgba(255,255,255,.035); }
body.dark-mode .package-menu-item.active { background: #142d38; box-shadow: 0 8px 25px rgba(0,0,0,.12); }
body.dark-mode .package-menu-content strong { color: #dcecf1; }
body.dark-mode .package-menu-content small { color: #78919f; }
body.dark-mode .package-menu-number { color: #607b89; }
body.dark-mode .package-menu-item > i { color: #607b89; }
body.dark-mode .package-menu-item.active > i { color: #5eead4; }
body.dark-mode .package-feature-panel { background: linear-gradient(135deg,#102630 0%,#0d2029 100%); }
body.dark-mode .package-feature-label { color: #728b99; }
body.dark-mode .package-feature-tag { border-color: rgba(94,234,212,.15); background: rgba(94,234,212,.05); color: #5eead4; }
body.dark-mode .package-feature-icon { border-color: rgba(94,234,212,.13); background: rgba(94,234,212,.07); color: #5eead4; }
body.dark-mode .package-feature-body h3 { color: #eaf5f7; }
body.dark-mode .package-feature-body p { color: #8da3af; }
body.dark-mode .package-feature-meta { border-color: rgba(255,255,255,.08); }
body.dark-mode .package-feature-meta div { border-color: rgba(255,255,255,.08); }
body.dark-mode .package-feature-meta span { color: #708894; }
body.dark-mode .package-feature-meta strong { color: #c5d9e0; }
body.dark-mode .package-book-btn { background: #e7f7f8; color: #102f43; }
body.dark-mode .package-book-btn:hover { background: #5eead4; color: #09232c; }
body.dark-mode .package-feature-decor { border-color: rgba(94,234,212,.08); }
body.dark-mode .package-feature-decor::before { border-color: rgba(94,234,212,.06); }
body.dark-mode .package-feature-decor::after { border-color: rgba(94,234,212,.05); }
body.dark-mode .package-feature-decor span { background: #5eead4; }

/* ============================ FOOTER — DARK MODE ============================ */
body.dark-mode .site-footer { background: #07161e; }
/* ============================================================
   ALL-TEST & CONTACT PAGES — DARK MODE FINE-TUNING
   (Most colors already flip automatically via root variables;
   these cover the few places using fixed rgba/hex values.)
============================================================ */
body.dark-mode .page-hero-section { background: linear-gradient(135deg, #04121f 0%, #071b2d 55%, #0a2338 100%); }
body.dark-mode .at-collection-section { background: linear-gradient(135deg, #04121f, #071b2d); }
body.dark-mode .at-collection-step { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.08); }
body.dark-mode .at-cta-section { background: linear-gradient(120deg, var(--button-primary), var(--accent-secondary)); }
body.dark-mode .at-fpackage-badge { box-shadow: 0 6px 14px rgba(0,0,0,.35); }
body.dark-mode .ct-side-card.dark { background: linear-gradient(150deg, #04121f, #0a2338); }
body.dark-mode .ct-map-frame iframe { filter: grayscale(.3) invert(.9) contrast(.88) brightness(.95) hue-rotate(180deg); }
body.dark-mode .at-test-price del, body.dark-mode .at-fpackage-price del { color: #7891a3; }

/* ============================================================
   HEALTH PACKAGES & CERTIFICATIONS — DARK MODE
============================================================ */
body.dark-mode .pp-arch, body.dark-mode .pp-leaf { box-shadow: 0 34px 80px rgba(0, 0, 0, .45); }

body.dark-mode .pp-float { background: rgba(13, 41, 65, .92); border-color: rgba(163, 199, 220, .16); box-shadow: 0 22px 50px rgba(0, 0, 0, .45); }
body.dark-mode .pp-float strong { color: var(--text-primary); }
body.dark-mode .pp-btn.ghost { border-color: var(--border-medium); }
body.dark-mode .pp-num { background: var(--bg-primary); }

/* HP 2 — finder */
body.dark-mode .hp-search-bar { background: var(--bg-secondary); border-color: var(--border-light); box-shadow: 0 20px 55px rgba(0, 0, 0, .34); }
body.dark-mode .hp-search-bar:focus-within { box-shadow: 0 24px 60px rgba(53, 185, 239, .18); }
body.dark-mode .hp-search-select option { background: var(--bg-elevated); color: var(--text-primary); }
body.dark-mode .hp-cat-chip { background: var(--bg-elevated); }
body.dark-mode .hp-cat-chip.active { box-shadow: 0 16px 36px rgba(0, 0, 0, .4); }

/* HP 3 — featured */
body.dark-mode .hp-panel-media::after { background: linear-gradient(180deg, rgba(4, 18, 31, .2) 0%, rgba(4, 18, 31, .85) 100%); }
body.dark-mode .hp-panel-tag { background: rgba(13, 41, 65, .95); color: var(--text-primary); }
body.dark-mode .hp-panel-includes li { background: rgba(53, 185, 239, .12); }
body.dark-mode .hp-panel-price del { color: var(--text-muted); }

/* HP 4 — health need rows */
body.dark-mode .hp-need-row::before { background: linear-gradient(90deg, rgba(53, 185, 239, .10), transparent 65%); }
body.dark-mode .hp-need-medallion { box-shadow: 0 18px 40px rgba(0, 0, 0, .4); }

/* HP 5 — parameters */
body.dark-mode .hp-param-chips span { background: var(--bg-elevated); }
body.dark-mode .hp-params-aside-note i { background: rgba(53, 185, 239, .12); }

/* HP 7 — home collection */
body.dark-mode .hp-collect-section { background: linear-gradient(140deg, #04121f 0%, #071b2d 58%, #0a2338 100%); }
body.dark-mode .hp-collect-step::before { background: #04121f; }

/* HP 8 — booking flow */
body.dark-mode .hp-book-dial { background: var(--bg-primary); }

/* HP 9 — reports */
body.dark-mode .hp-reports-name i { background: rgba(53, 185, 239, .12); }
body.dark-mode .hp-reports-time { background: linear-gradient(120deg, rgba(53, 185, 239, .16), rgba(43, 215, 199, .16)); }

/* HP 10 — CTA */
body.dark-mode .hp-cta-section { background: linear-gradient(120deg, var(--button-primary), var(--accent-secondary)); }

/* CF 2 — accreditations */
body.dark-mode .cf-seal-ring::after { background: rgba(53, 185, 239, .12); }
body.dark-mode .cf-accred-copy .cf-accred-id { background: rgba(53, 185, 239, .12); }

/* CF 4 — safety */
body.dark-mode .cf-safety-section { background: linear-gradient(140deg, #04121f 0%, #071b2d 58%, #0a2338 100%); }

/* CF 6 — quality control */
body.dark-mode .cf-qc-dot { background: var(--bg-secondary); }

/* ============================================================
   REPORTS & TURNAROUND + PACKAGE DETAILS — DARK MODE
============================================================ */
body.dark-mode .pp-ring::after { background: var(--bg-primary); }

/* RT 2 */
body.dark-mode .rt-times-section .pp-ring::after { background: var(--bg-primary); }

/* RT 3 */
body.dark-mode .rt-filter-chip { background: var(--bg-elevated); }
body.dark-mode .rt-filter-chip.active { box-shadow: 0 16px 34px rgba(0,0,0,.4); }
body.dark-mode .rt-band-head::before { background: var(--bg-secondary); }
body.dark-mode .rt-test-time { background: linear-gradient(120deg, rgba(53,185,239,.16), rgba(43,215,199,.16)); }

/* RT 4 */
body.dark-mode .rt-track-section { background: linear-gradient(140deg, #04121f 0%, #071b2d 58%, #0a2338 100%); }
body.dark-mode .rt-track-form { background: rgba(255,255,255,.06); }
body.dark-mode .rt-stage-dot { background: #04121f; }

/* RT 6 */
body.dark-mode .rt-process-dial { background: var(--bg-secondary); }

/* RT 7 */
body.dark-mode .rt-help-panel { box-shadow: 0 30px 70px rgba(0,0,0,.38); }

/* RT 8 */
body.dark-mode .rt-cta-section { background: linear-gradient(120deg, var(--button-primary), var(--accent-secondary)); }

/* ============================================================
   PACKAGE DETAILS (REDESIGN) + HOME COLLECTION — DARK MODE
============================================================ */

/* PK hero */
body.dark-mode .pk-hero { background: linear-gradient(155deg, #04121f 0%, #071b2d 52%, #0a2338 100%); }
body.dark-mode .pk-hero-disc.two { border-color: #04121f; }
body.dark-mode .pk-hero-disc { box-shadow: 0 34px 70px rgba(0,0,0,.5); }

/* PK nav */
body.dark-mode .pk-nav { background: var(--bg-primary); }

/* PK orbit */
body.dark-mode .pk-orbit-node button { background: var(--bg-elevated); }
body.dark-mode .pk-orbit-values span { background: var(--bg-elevated); }
body.dark-mode .pk-orbit-core { box-shadow: 0 26px 60px rgba(0,0,0,.4); }

/* PK ticket */
body.dark-mode .pk-ticket { background: var(--bg-secondary); box-shadow: 0 34px 80px rgba(0,0,0,.4); }
body.dark-mode .pk-ticket::before, body.dark-mode .pk-ticket::after { background: var(--bg-primary); }
body.dark-mode .pk-ticket-code { background: rgba(53,185,239,.12); }

/* PK ruler */
body.dark-mode .pk-ruler-mark { background: var(--bg-secondary); }

/* PK zig + deck */
body.dark-mode .pk-zig-media, body.dark-mode .pk-deck-media { box-shadow: 0 28px 64px rgba(0,0,0,.45); }
body.dark-mode .pk-zig-index { background: rgba(13,41,65,.92); color: var(--text-primary); }
body.dark-mode .pk-deck-media::after { background: linear-gradient(180deg, transparent 40%, rgba(4,18,31,.88)); }

/* PK close */
body.dark-mode .pk-close-section::before { background: linear-gradient(120deg, rgba(4,18,31,.95) 0%, rgba(4,18,31,.82) 55%, rgba(10,35,56,.78) 100%); }

/* HC intro */
body.dark-mode .hc-intro-frame { box-shadow: 0 40px 90px rgba(0,0,0,.48); }
body.dark-mode .hc-intro-badge { background: var(--bg-elevated); box-shadow: 0 24px 52px rgba(0,0,0,.42); }

/* HC book */
body.dark-mode .hc-book-section { background: linear-gradient(145deg, #04121f 0%, #071b2d 58%, #0a2338 100%); }
body.dark-mode .hc-book-panel { background: rgba(255,255,255,.05); }
body.dark-mode .hc-field input, body.dark-mode .hc-field select { background: rgba(255,255,255,.05); }
body.dark-mode .hc-field select option { background: #0d2941; }

/* HC areas */
body.dark-mode .hc-pin-form { background: var(--bg-secondary); }
body.dark-mode .hc-areas-map { box-shadow: 0 34px 78px rgba(0,0,0,.45); }

/* HC prep */
body.dark-mode .hc-prep-check i { background: rgba(53,185,239,.12); }
body.dark-mode .hc-prep-check.avoid i { background: rgba(120,145,163,.16); }

/* HC CTA */
body.dark-mode .hc-cta-section { background: linear-gradient(120deg, var(--button-primary), var(--accent-secondary)); }

/* ============================================================
   HEALTHLAB DARK MODE - USER DASHBOARD
============================================================ */
body.dark-mode .dashboard-sidebar { background: #071b2d; border-color: rgba(163, 199, 220, 0.13); }
body.dark-mode .sidebar-patient-card { background: rgba(53, 185, 239, 0.08); border-color: rgba(53, 185, 239, 0.22); }
body.dark-mode .sidebar-link:hover { background: #0d2941; }
body.dark-mode .sidebar-link.active { background: rgba(53, 185, 239, 0.14); }
body.dark-mode .dash-logout-btn { border-color: rgba(163, 199, 220, 0.2); color: rgba(163, 199, 220, 0.7); }
body.dark-mode .dash-logout-btn:hover { color: #ff7b7b; border-color: #ff7b7b; background: rgba(255, 123, 123, 0.08); }
body.dark-mode .dash-section { background: #071b2d; border-color: rgba(163, 199, 220, 0.13); }
body.dark-mode .test-book-card, body.dark-mode .biomarker-card, body.dark-mode .collection-card, body.dark-mode .family-card, body.dark-mode .consult-card, body.dark-mode .prescription-dropzone, body.dark-mode .pipeline-card { background: #0b2439; border-color: rgba(163, 199, 220, 0.13); }
body.dark-mode .reports-table th { background: #092033; border-color: rgba(163, 199, 220, 0.13); }
body.dark-mode .reports-table td { border-color: rgba(163, 199, 220, 0.13); }
body.dark-mode .sidebar-mobile-bar { background: #071b2d; border-color: rgba(163, 199, 220, 0.13); }
body.dark-mode .btn-book-test { background: #071b2d; color: #35b9ef; border-color: rgba(53, 185, 239, 0.35); }
body.dark-mode .btn-book-test:hover { background: #149bd7; color: #ffffff; }

/* ============================================================
   HEALTHLAB DARK MODE - ADMIN DASHBOARD
============================================================ */
body.dark-mode .admin-sidebar,
body.dark-mode .admin-topbar,
body.dark-mode .admin-section {
    background: #071b2d;
    border-color: rgba(163, 199, 220, 0.13);
}

body.dark-mode .admin-kpi-card,
body.dark-mode .analyzer-card,
body.dark-mode .fleet-agent-card,
body.dark-mode .admin-user-card {
    background: #0b2439;
    border-color: rgba(163, 199, 220, 0.13);
}

body.dark-mode .admin-data-table th {
    background: #092033;
    border-color: rgba(163, 199, 220, 0.13);
}

body.dark-mode .admin-data-table td {
    border-color: rgba(163, 199, 220, 0.13);
}

body.dark-mode .admin-search-wrap input {
    background: #0b2439;
    border-color: rgba(163, 199, 220, 0.2);
}

/* ================= HOME 2 LIGHT & DARK HARMONY ================= */
body:not(.dark-mode).home2-page {
    background-color: #f8fafc;
    color: #1e293b;
}

body:not(.dark-mode) .h2-title,
body:not(.dark-mode) .pipeline-body h3,
body:not(.dark-mode) .overview-info h3,
body:not(.dark-mode) .param-col strong,
body:not(.dark-mode) .hud-apparatus-info h3,
body:not(.dark-mode) .node-age,
body:not(.dark-mode) .stage-narrative h3,
body:not(.dark-mode) .rx-benefit-item strong,
body:not(.dark-mode) .dropzone-content h4,
body:not(.dark-mode) .row-label,
body:not(.dark-mode) .output-package-info h3,
body:not(.dark-mode) .output-price,
body:not(.dark-mode) .prep-details h4,
body:not(.dark-mode) .corp-booking-form h3,
body:not(.dark-mode) .channel-body h4,
body:not(.dark-mode) .faq-question {
    color: #0f172a;
}

body:not(.dark-mode) .h2-matrix-console,
body:not(.dark-mode) .h2-lifespan-console,
body:not(.dark-mode) .h2-recommender-console,
body:not(.dark-mode) .dropzone-scanner-box,
body:not(.dark-mode) .prep-stage-item,
body:not(.dark-mode) .corp-booking-form,
body:not(.dark-mode) .support-channel-item,
body:not(.dark-mode) .faq-row {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

body:not(.dark-mode) .h2-telemetry-ribbon {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #475569;
}

body:not(.dark-mode) .form-inputs-grid input,
body:not(.dark-mode) .form-inputs-grid select {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #0f172a;
}

body:not(.dark-mode) .rec-pill {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #475569;
}

/* ============================================================
   ABOUT PAGE (about.html) — ab- SECTIONS — DARK MODE
============================================================ */

/* Hero gradient already handled by the shared .page-hero-section override above. */

body.dark-mode .ab-cta { background: linear-gradient(120deg, #04121f 0%, #071b2d 60%, #0a2338 100%); }

body.dark-mode .ab-story-media img { box-shadow: 0 30px 70px rgba(0,0,0,.35); }
body.dark-mode .ab-story-pullquote { box-shadow: 0 24px 60px rgba(0,0,0,.4); }

body.dark-mode .ab-process-icon { box-shadow: 0 14px 34px rgba(0,0,0,.24); }
body.dark-mode .ab-process-step:hover .ab-process-icon { box-shadow: 0 18px 40px rgba(53,185,239,.22); }

body.dark-mode .ab-value-card:hover { box-shadow: 0 22px 50px rgba(0,0,0,.3); }

body.dark-mode .ab-team-front { box-shadow: 0 16px 40px rgba(0,0,0,.28); }
body.dark-mode .ab-team-back { background: linear-gradient(150deg, #04121f, #08243c); }

body.dark-mode .ab-accred-card:hover, body.dark-mode .ab-accred-card.is-active { box-shadow: 0 18px 44px rgba(0,0,0,.3); }
/* ============================================================================================
   HEALTHLAB — HOME 2 (home2.html) — DARK MODE OVERRIDES
============================================================================================ */
body:not(.dark-mode).home2-page,
body:not(.dark-mode).hx-page {
    /* Override the dark-by-default local tokens back to light mode variants */
    --hx-glow-a: rgba(20, 155, 215, .08);
    --hx-glow-b: rgba(25, 199, 181, .08);
    --hx-glass: rgba(255, 255, 255, .85);
    --hx-glass-line: rgba(255, 255, 255, .9);
    --hx-shadow: 0 16px 40px rgba(12, 52, 82, .06);
    --hx-deep-1: #e0f2fe;
    --hx-deep-2: #f0fdfa;
}

body:not(.dark-mode).home2-page .hx-hero,
body:not(.dark-mode).hx-page .hx-hero {
    background: #ffffff;
}

body:not(.dark-mode).home2-page .hx-finder,
body:not(.dark-mode).hx-page .hx-finder {
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(12, 52, 82, .08);
}

body:not(.dark-mode).home2-page .hx-glass,
body:not(.dark-mode).hx-page .hx-glass {
    box-shadow: 0 16px 40px rgba(12, 52, 82, .08);
}

body:not(.dark-mode).home2-page .hx-slat,
body:not(.dark-mode).hx-page .hx-slat {
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(12, 52, 82, .04);
}

body:not(.dark-mode).home2-page .hx-slat.is-active,
body:not(.dark-mode).hx-page .hx-slat.is-active {
    box-shadow: 0 16px 40px rgba(12, 52, 82, .08);
}

body:not(.dark-mode).home2-page .hx-day,
body:not(.dark-mode).hx-page .hx-day {
    background: #ffffff;
    border-color: var(--border-medium);
}

body:not(.dark-mode).home2-page .hx-stage::before,
body:not(.dark-mode).hx-page .hx-stage::before {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

body:not(.dark-mode).home2-page .hx-seg,
body:not(.dark-mode).hx-page .hx-seg {
    background: #f1f5f9;
}

body:not(.dark-mode).home2-page .hx-seg-btn.is-on,
body:not(.dark-mode).hx-page .hx-seg-btn.is-on {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
}

body:not(.dark-mode).home2-page .hx-quote,
body:not(.dark-mode).hx-page .hx-quote {
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(12, 52, 82, .04);
}

body:not(.dark-mode).home2-page .hx-faq-row,
body:not(.dark-mode).hx-page .hx-faq-row,
body:not(.dark-mode).home2-page .hx-faq-item,
body:not(.dark-mode).hx-page .hx-faq-item {
    background: #ffffff;
    border-color: var(--border-medium);
}



/* ============================================================
   HOME 2 — DARK MODE ENHANCEMENTS
   ============================================================ */

body.dark-mode .h2-status-pill {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .18);
    color: #a9bfce;
}

body.dark-mode .h2-quicksearch-bar {
    background: #071f33;
    border-color: rgba(163, 199, 220, .18);
}

body.dark-mode .h2-quicksearch-bar input {
    color: #f1f8fd;
}

body.dark-mode .h2-quicksearch-bar input::placeholder {
    color: #617b8f;
}

body.dark-mode .h2-search-chip {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .15);
    color: #a9bfce;
}

body.dark-mode .h2-btn-ghost {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .22);
    color: #f1f8fd;
}

body.dark-mode .h2-btn-ghost:hover {
    border-color: var(--accent-primary);
    color: var(--accent-primary);
}

body.dark-mode .h2-hud-console {
    border-color: rgba(163, 199, 220, .18);
}

body.dark-mode .h2-orbit-node {
    background: #0f324f;
    border-color: rgba(163, 199, 220, .2);
    color: #f1f8fd;
}

body.dark-mode .h2-floating-ticket {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .18);
}

body.dark-mode .h2-milestone-marker {
    background: #0b2439;
    border-color: rgba(163, 199, 220, .2);
    color: #a9bfce;
}

body.dark-mode .h2-milestone-card {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-compare-console {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .18);
}

body.dark-mode .h2-compare-switcher {
    background: #071b2d;
    border-bottom-color: rgba(163, 199, 220, .14);
}

body.dark-mode .h2-switch-btn {
    background: #0b2439;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-switch-btn strong {
    color: #f1f8fd;
}

body.dark-mode .h2-switch-btn.active {
    background: rgba(53, 185, 239, .14);
    border-color: var(--accent-primary);
}

body.dark-mode .h2-organ-pill {
    background: #0b2439;
    border-color: rgba(163, 199, 220, .14);
    color: #a9bfce;
}

body.dark-mode .h2-tech-tab {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-tech-tab strong {
    color: #f1f8fd;
}

body.dark-mode .h2-screen-glass {
    background: linear-gradient(150deg, #0d2941, #081e33);
    border-color: rgba(163, 199, 220, .18);
}

body.dark-mode .h2-calibration-pill {
    background: #0b2439;
    border-color: rgba(163, 199, 220, .16);
    color: #a9bfce;
}

body.dark-mode .h2-time-content {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-time-tags span {
    background: #082136;
    color: #a9bfce;
}

body.dark-mode .h2-filter-pill {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
    color: #a9bfce;
}

body.dark-mode .h2-rec-card-heroic {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .18);
}

body.dark-mode .h2-rec-badge-wrap {
    background: #071b2d;
    border-bottom-color: rgba(163, 199, 220, .14);
}

body.dark-mode .h2-test-pill {
    background: #071f33;
    border-color: rgba(163, 199, 220, .14);
    color: #a9bfce;
}

body.dark-mode .h2-chrono-track {
    stroke: #071f33;
}

body.dark-mode .h2-chrono-caption {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
    color: #a9bfce;
}

body.dark-mode .h2-prep-item {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-prep-text strong {
    color: #f1f8fd;
}

body.dark-mode .h2-lattice-node {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-node-num {
    color: #071f33;
}

body.dark-mode .h2-age-tab {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-age-tab span {
    color: #f1f8fd;
}

body.dark-mode .h2-age-display {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .18);
}

body.dark-mode .h2-bio-tag {
    background: #071f33;
    border-color: rgba(163, 199, 220, .14);
    color: #a9bfce;
}

body.dark-mode .h2-ins-ticker-wrap {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .18);
}

body.dark-mode .h2-tpa-badge {
    background: #071f33;
    border-color: rgba(163, 199, 220, .14);
    color: #a9bfce;
}

body.dark-mode .h2-ins-step {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-faq-item {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-dispatch-item {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-dispatch-date {
    background: #071f33;
    border-color: rgba(163, 199, 220, .14);
}

body.dark-mode .h2-dispatch-arrow {
    background: #071f33;
    border-color: rgba(163, 199, 220, .14);
}

body.dark-mode .h2-support-channel {
    background: #0d2941;
    border-color: rgba(163, 199, 220, .16);
}

body.dark-mode .h2-express-form {
    background: #0d2941;
    border: 1px solid rgba(163, 199, 220, .2);
    box-shadow: 0 25px 70px rgba(0,0,0,.5);
}

body.dark-mode .h2-form-title {
    color: #f1f8fd;
}

body.dark-mode .h2-form-row label {
    color: #a9bfce;
}

body.dark-mode .h2-form-row input,
body.dark-mode .h2-form-row select {
    background: #071f33;
    border-color: rgba(163, 199, 220, .18);
    color: #f1f8fd;
}

body.dark-mode .h2-form-row input:focus,
body.dark-mode .h2-form-row select:focus {
    background: #082640;
    border-color: var(--accent-primary);
}