/* ═══════════════════════════════════════════════════════════════
   SmartCemic Light Mode — Targeted Accessibility Overrides
   WCAG 2.1 AA compliant: 4.5:1 contrast for text, 3:1 for icons
   Generated from 417 class audit — no generic overrides
   ═══════════════════════════════════════════════════════════════ */

/* ─── TEXT: #e2e8f0 / #f1f5f9 on dark → #0f172a on light ─── */
:root[data-theme="light"] .analyte-name,
:root[data-theme="light"] .analyte-pill,
:root[data-theme="light"] .analyte-tab,
:root[data-theme="light"] .api-nav,
:root[data-theme="light"] .biomarker-category,
:root[data-theme="light"] .bot,
:root[data-theme="light"] .card,
:root[data-theme="light"] .cat-action-btn,
:root[data-theme="light"] .category-tab,
:root[data-theme="light"] .change-section,
:root[data-theme="light"] .changelog-cta,
:root[data-theme="light"] .chart-title,
:root[data-theme="light"] .checkbox-option,
:root[data-theme="light"] .connection-status-bar,
:root[data-theme="light"] .control-label,
:root[data-theme="light"] .correction-display,
:root[data-theme="light"] .correction-item-value,
:root[data-theme="light"] .date-range-title,
:root[data-theme="light"] .demo-biomarker-item,
:root[data-theme="light"] .demo-biomarker-value,
:root[data-theme="light"] .demo-control-header,
:root[data-theme="light"] .demo-device,
:root[data-theme="light"] .demo-metric,
:root[data-theme="light"] .demo-metric-value,
:root[data-theme="light"] .demo-panel,
:root[data-theme="light"] .demo-panel-title,
:root[data-theme="light"] .endpoint,
:root[data-theme="light"] .endpoint-body,
:root[data-theme="light"] .endpoint-count,
:root[data-theme="light"] .endpoint-path,
:root[data-theme="light"] .faq-item-new,
:root[data-theme="light"] .faq-title,
:root[data-theme="light"] .filter-select,
:root[data-theme="light"] .form-label,
:root[data-theme="light"] .header,
:root[data-theme="light"] .hero-card,
:root[data-theme="light"] .how-title,
:root[data-theme="light"] .ios,
:root[data-theme="light"] .mobile-grid-link,
:root[data-theme="light"] .mobile-theme-toggle,
:root[data-theme="light"] .modal,
:root[data-theme="light"] .modal-footer,
:root[data-theme="light"] .modal-header,
:root[data-theme="light"] .modal-title,
:root[data-theme="light"] .module-header,
:root[data-theme="light"] .module-title,
:root[data-theme="light"] .multi-select-info,
:root[data-theme="light"] .pricing-title,
:root[data-theme="light"] .profile-option-name,
:root[data-theme="light"] .report-card,
:root[data-theme="light"] .result-biomarker-card,
:root[data-theme="light"] .sc-chat-input,
:root[data-theme="light"] .sdk-status,
:root[data-theme="light"] .section-header,
:root[data-theme="light"] .select-btn,
:root[data-theme="light"] .social-btn,
:root[data-theme="light"] .social-btn-full,
:root[data-theme="light"] .stat-card,
:root[data-theme="light"] .status-item,
:root[data-theme="light"] .testimonial-card,
:root[data-theme="light"] .try-it,
:root[data-theme="light"] .version-card,
:root[data-theme="light"] .version-number {
    color: #0f172a !important;
}

/* ─── TEXT: #94a3b8 on dark → #475569 on light ─── */
:root[data-theme="light"] .acc-last-updated,
:root[data-theme="light"] .analyte-desc,
:root[data-theme="light"] .annual-label,
:root[data-theme="light"] .auth-footer,
:root[data-theme="light"] .auth-subtitle,
:root[data-theme="light"] .badge-inactive,
:root[data-theme="light"] .compare-title,
:root[data-theme="light"] .cookie-btn-settings,
:root[data-theme="light"] .cookie-category-desc,
:root[data-theme="light"] .cookie-consent-text,
:root[data-theme="light"] .cookie-settings-close,
:root[data-theme="light"] .correction-factor,
:root[data-theme="light"] .correction-item-label,
:root[data-theme="light"] .cta-dismiss-btn,
:root[data-theme="light"] .demo-biomarker-name,
:root[data-theme="light"] .demo-metric-label,
:root[data-theme="light"] .demo-panel-tab,
:root[data-theme="light"] .demo-reading-label,
:root[data-theme="light"] .demo-reading-unit,
:root[data-theme="light"] .email,
:root[data-theme="light"] .filter-label,
:root[data-theme="light"] .flat,
:root[data-theme="light"] .footer,
:root[data-theme="light"] .footer-badge-new,
:root[data-theme="light"] .footer-disclaimer-text-new,
:root[data-theme="light"] .footer-tagline,
:root[data-theme="light"] .locked,
:root[data-theme="light"] .locked-indicator,
:root[data-theme="light"] .measure-cat-arrow,
:root[data-theme="light"] .measure-cat-count,
:root[data-theme="light"] .moon,
:root[data-theme="light"] .nav-app-section,
:root[data-theme="light"] .param-type,
:root[data-theme="light"] .plan-tagline,
:root[data-theme="light"] .platform-pill,
:root[data-theme="light"] .profile-option-desc,
:root[data-theme="light"] .quick-actions-close,
:root[data-theme="light"] .quick-range-btn,
:root[data-theme="light"] .remember-me,
:root[data-theme="light"] .social-icon-new,
:root[data-theme="light"] .social-label,
:root[data-theme="light"] .spectral-method,
:root[data-theme="light"] .stat-lbl,
:root[data-theme="light"] .stat-unit,
:root[data-theme="light"] .tab-btn,
:root[data-theme="light"] .terms-check,
:root[data-theme="light"] .toggle-label,
:root[data-theme="light"] .uncertainty-display,
:root[data-theme="light"] .usage-label,
:root[data-theme="light"] .version-summary,
:root[data-theme="light"] .chart-type-btn {
    color: #475569 !important;
}

/* ─── TEXT: #64748b on dark → #334155 on light ─── */
:root[data-theme="light"] .activity-log-time,
:root[data-theme="light"] .biomarker-range,
:root[data-theme="light"] .biomarker-total-label,
:root[data-theme="light"] .category-toggle,
:root[data-theme="light"] .comment,
:root[data-theme="light"] .correction-arrow,
:root[data-theme="light"] .data-display-label,
:root[data-theme="light"] .data-display-unit,
:root[data-theme="light"] .divider,
:root[data-theme="light"] .endpoint-desc,
:root[data-theme="light"] .faq-subtitle,
:root[data-theme="light"] .footer-copyright-new,
:root[data-theme="light"] .form-hint,
:root[data-theme="light"] .header-title-sub,
:root[data-theme="light"] .hero-stat-label,
:root[data-theme="light"] .how-subtitle,
:root[data-theme="light"] .label,
:root[data-theme="light"] .lock-icon,
:root[data-theme="light"] .locked-overlay,
:root[data-theme="light"] .module-desc,
:root[data-theme="light"] .nav-brand-subtitle,
:root[data-theme="light"] .per,
:root[data-theme="light"] .plan-card-tagline,
:root[data-theme="light"] .plan-desc-new,
:root[data-theme="light"] .plans-tier-label,
:root[data-theme="light"] .price-period-new,
:root[data-theme="light"] .pricing-subtitle,
:root[data-theme="light"] .progress-ring-label,
:root[data-theme="light"] .range,
:root[data-theme="light"] .readings-count,
:root[data-theme="light"] .result-label,
:root[data-theme="light"] .search-icon,
:root[data-theme="light"] .section-description,
:root[data-theme="light"] .section-subtitle,
:root[data-theme="light"] .serial,
:root[data-theme="light"] .setting-description,
:root[data-theme="light"] .sidebar-brand-sub,
:root[data-theme="light"] .stat-label,
:root[data-theme="light"] .status,
:root[data-theme="light"] .step-description,
:root[data-theme="light"] .testimonial-role,
:root[data-theme="light"] .value,
:root[data-theme="light"] .version,
:root[data-theme="light"] .version-date {
    color: #334155 !important;
}

/* ─── TEXT: white / #fff on dark → #0f172a on light (non-button context) ─── */
:root[data-theme="light"] .auth-logo,
:root[data-theme="light"] .header-brand,
:root[data-theme="light"] .mobile-menu-close,
:root[data-theme="light"] .mobile-toggle,
:root[data-theme="light"] .modal-close,
:root[data-theme="light"] .nav-brand-title,
:root[data-theme="light"] .mobile-link,
:root[data-theme="light"] .mode-name,
:root[data-theme="light"] .activity-log-msg {
    color: #0f172a !important;
}

/* ─── BACKGROUND: Dark containers → light on light ─── */
:root[data-theme="light"] .module-panel {
    color: #334155 !important;
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .dropdown-menu {
    color: #334155 !important;
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}
:root[data-theme="light"] .stat-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}
:root[data-theme="light"] .report-card,
:root[data-theme="light"] .result-biomarker-card,
:root[data-theme="light"] .testimonial-card,
:root[data-theme="light"] .version-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* ─── HERO SECTIONS: dark gradient → light gradient ─── */
:root[data-theme="light"] .about-hero,
:root[data-theme="light"] .accessibility-hero,
:root[data-theme="light"] .api-hero,
:root[data-theme="light"] .blog-hero,
:root[data-theme="light"] .careers-hero,
:root[data-theme="light"] .changelog-hero,
:root[data-theme="light"] .community-hero,
:root[data-theme="light"] .contact-hero,
:root[data-theme="light"] .dev-hero,
:root[data-theme="light"] .docs-hero,
:root[data-theme="light"] .help-hero,
:root[data-theme="light"] .hipaa-hero,
:root[data-theme="light"] .press-hero,
:root[data-theme="light"] .pricing-hero,
:root[data-theme="light"] .privacy-hero,
:root[data-theme="light"] .security-hero,
:root[data-theme="light"] .terms-hero,
:root[data-theme="light"] .tutorials-hero {
    background: linear-gradient(135deg, #e0f2fe 0%, #f0fdf4 50%, #fef3c7 100%) !important;
    color: #0f172a !important;
}
:root[data-theme="light"] .about-hero h1,
:root[data-theme="light"] .accessibility-hero h1,
:root[data-theme="light"] .api-hero h1,
:root[data-theme="light"] .blog-hero h1,
:root[data-theme="light"] .careers-hero h1,
:root[data-theme="light"] .changelog-hero h1,
:root[data-theme="light"] .community-hero h1,
:root[data-theme="light"] .contact-hero h1,
:root[data-theme="light"] .dev-hero h1,
:root[data-theme="light"] .docs-hero h1,
:root[data-theme="light"] .help-hero h1,
:root[data-theme="light"] .hipaa-hero h1,
:root[data-theme="light"] .press-hero h1,
:root[data-theme="light"] .pricing-hero h1,
:root[data-theme="light"] .privacy-hero h1,
:root[data-theme="light"] .security-hero h1,
:root[data-theme="light"] .terms-hero h1,
:root[data-theme="light"] .tutorials-hero h1 {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: none !important;
}
:root[data-theme="light"] .about-hero p,
:root[data-theme="light"] .accessibility-hero p,
:root[data-theme="light"] .api-hero p,
:root[data-theme="light"] .blog-hero p,
:root[data-theme="light"] .contact-hero p,
:root[data-theme="light"] .dev-hero p,
:root[data-theme="light"] .docs-hero p,
:root[data-theme="light"] .help-hero p,
:root[data-theme="light"] .hipaa-hero p,
:root[data-theme="light"] .press-hero p,
:root[data-theme="light"] .pricing-hero p,
:root[data-theme="light"] .privacy-hero p,
:root[data-theme="light"] .security-hero p,
:root[data-theme="light"] .terms-hero p,
:root[data-theme="light"] .tutorials-hero p {
    color: #334155 !important;
}

/* ─── ICONS: white on dark → #334155 on light (non-button) ─── */
:root[data-theme="light"] .section-icon,
:root[data-theme="light"] .highlight-icon,
:root[data-theme="light"] .mission-icon,
:root[data-theme="light"] .tech-card-icon,
:root[data-theme="light"] .company-header-icon,
:root[data-theme="light"] .contact-icon,
:root[data-theme="light"] .contact-card-icon,
:root[data-theme="light"] .contact-item-icon,
:root[data-theme="light"] .contact-cta-icon,
:root[data-theme="light"] .disclaimer-icon,
:root[data-theme="light"] .feature-icon,
:root[data-theme="light"] .faq-category-icon,
:root[data-theme="light"] .hero-icon,
:root[data-theme="light"] .key-terms-header-icon,
:root[data-theme="light"] .location-icon,
:root[data-theme="light"] .press-hero-icon,
:root[data-theme="light"] .press-section-icon,
:root[data-theme="light"] .quick-link-icon,
:root[data-theme="light"] .right-icon,
:root[data-theme="light"] .security-icon,
:root[data-theme="light"] .toc-icon,
:root[data-theme="light"] .trust-header-icon {
    color: #059669 !important;
}
:root[data-theme="light"] .toc-number {
    color: #ffffff !important;
    background: #059669 !important;
}

/* ─── STAT VALUES: #fff on dark → keep visible on light ─── */
:root[data-theme="light"] .hero-stat-value,
:root[data-theme="light"] .stat-value,
:root[data-theme="light"] .stats-grid,
:root[data-theme="light"] .step-number,
:root[data-theme="light"] .result-value,
:root[data-theme="light"] .result-bio-val {
    color: #0f172a !important;
}

/* ─── AUTH PAGES: login, register, forgot password ─── */
:root[data-theme="light"] .auth-container {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
:root[data-theme="light"] .auth-title {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: none !important;
}
:root[data-theme="light"] .form-input,
:root[data-theme="light"] .form-select {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .form-input:focus,
:root[data-theme="light"] .form-select:focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 3px rgba(5,150,105,0.15) !important;
}
:root[data-theme="light"] .social-btn,
:root[data-theme="light"] .social-btn-full {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .divider {
    border-color: #e2e8f0 !important;
}

/* ─── PROFILE PAGE ─── */
:root[data-theme="light"] .section-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .profile-tabs {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .tab-btn.active {
    background: #ffffff !important;
    color: #059669 !important;
}

/* ─── SUBSCRIPTION PAGE ─── */
:root[data-theme="light"] .plan-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .billing-card {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}
:root[data-theme="light"] .usage-bar {
    background: #e2e8f0 !important;
}
:root[data-theme="light"] .modal-box {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .modal-textarea {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

/* ─── BUTTONS: outline variants ─── */
:root[data-theme="light"] .btn-outline {
    color: #334155 !important;
    border-color: #cbd5e1 !important;
    background: transparent !important;
}
:root[data-theme="light"] .btn-outline:hover {
    background: #f1f5f9 !important;
    color: #059669 !important;
    border-color: #059669 !important;
}
:root[data-theme="light"] .filter-pill {
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .filter-pill.active,
:root[data-theme="light"] .filter-pill:hover {
    color: #ffffff !important;
    background: #059669 !important;
}
:root[data-theme="light"] .plan-meta-item {
    color: #334155 !important;
}

/* ─── CONTACT / CTA SECTIONS ─── */
:root[data-theme="light"] .cta-section,
:root[data-theme="light"] .contact-section,
:root[data-theme="light"] .location-section,
:root[data-theme="light"] .contact-cta {
    background: linear-gradient(135deg, #ecfdf5, #e0f2fe) !important;
    color: #0f172a !important;
}
:root[data-theme="light"] .contact-card {
    background: #ffffff !important;
    color: #334155 !important;
    border-color: #e2e8f0 !important;
}

/* ─── TIMELINE / CHANGELOG ─── */
:root[data-theme="light"] .timeline-item {
    color: #334155 !important;
}

/* ─── FOOTER ─── */
:root[data-theme="light"] .footer-enhanced,
:root[data-theme="light"] .footer-logo-text,
:root[data-theme="light"] .footer-logo-text-new {
    color: #0f172a !important;
}
:root[data-theme="light"] .newsletter-container,
:root[data-theme="light"] .newsletter-btn {
    color: #0f172a !important;
}

/* ─── DASHBOARD APP-SPECIFIC ─── */
:root[data-theme="light"] .measure-cat-name {
    color: #0f172a !important;
}

/* ─── DEVICE & BRAND ICONS (on colored bg = keep white) ─── */
/* These intentionally keep white because they're on colored circular icons */

/* ─── MFG HEADER ─── */
:root[data-theme="light"] .mfg-header {
    color: #334155 !important;
    background: #ffffff !important;
}

/* ─── CONFIDENCE BAR ─── */
:root[data-theme="light"] .confidence-bar {
    background: #e2e8f0 !important;
}

/* ─── COOKIE CONSENT ─── */
:root[data-theme="light"] .cookie-consent {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.08) !important;
}

/* ─── READING HISTORY ─── */
:root[data-theme="light"] .history-card,
:root[data-theme="light"] .history-item {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* ─── DIAGNOSTICS ─── */
:root[data-theme="light"] .console {
    background: #1e293b !important;
    color: #22c55e !important;
}

/* ─── CALIBRATION ─── */
:root[data-theme="light"] .cal-step-number {
    color: #ffffff !important;
}

/* ─── SEARCH ─── */
:root[data-theme="light"] .search-suggestion {
    background: #ffffff !important;
    color: #334155 !important;
    border-color: #e2e8f0 !important;
}

/* ─── FAQ ─── */
:root[data-theme="light"] .faq-toggle {
    color: #334155 !important;
}

/* ─── TOAST NOTIFICATIONS ─── */
:root[data-theme="light"] .toast,
:root[data-theme="light"] .profile-toast,
:root[data-theme="light"] .sub-toast {
    background: #ffffff !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* ─── HELP PAGE ─── */
:root[data-theme="light"] .faq-cta-btn {
    color: #ffffff !important;
}

/* ─── BIOMARKERS ─── */
:root[data-theme="light"] .biomarkers {
    background: #f8fafc !important;
    color: #0f172a !important;
}

/* ─── SPINNER ─── */
:root[data-theme="light"] .spinner {
    border-color: rgba(5,150,105,0.2) !important;
    border-top-color: #059669 !important;
}

/* ─── POPULAR BADGE (keep white on green bg) ─── */
/* .popular-badge, .popular-badge-new intentionally white on colored bg */

/* ─── CHATBOT ─── */
:root[data-theme="light"] .sc-chat-avatar,
:root[data-theme="light"] .sc-chat-title {
    color: #ffffff !important; /* intentionally white on dark header */
}

/* ─── SETTING ITEMS ─── */
:root[data-theme="light"] .setting-item {
    background: #ffffff !important;
    border-color: #f1f5f9 !important;
}
:root[data-theme="light"] .setting-info h4 {
    color: #0f172a !important;
}

/* ─── WELLNESS ─── */
:root[data-theme="light"] .wellness-card,
:root[data-theme="light"] .wellness-module {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* ─── ALERTS PAGE ─── */
:root[data-theme="light"] .alert-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* ─── GENERAL: dark rgba backgrounds → light ─── */
:root[data-theme="light"] [style*="background: rgba(15,23,42"],
:root[data-theme="light"] [style*="background:rgba(15,23,42"],
:root[data-theme="light"] [style*="background: rgba(30,41,59"],
:root[data-theme="light"] [style*="background:rgba(30,41,59"] {
    background: #ffffff !important;
}

/* ─── ENSURE TOGGLE SWITCH VISIBILITY ─── */
:root[data-theme="light"] .toggle-switch {
    background: #cbd5e1 !important;
}
:root[data-theme="light"] .toggle-switch.active,
:root[data-theme="light"] .toggle-switch:checked + .toggle-slider {
    background: #059669 !important;
}

/* ═══════════════════════════════════════════════════════════════
   MEASURE PAGE — Missing 99 text + 7 bg selectors
   ═══════════════════════════════════════════════════════════════ */

/* measure: dark text → readable on light */
:root[data-theme="light"] .analyte-checkbox.locked,
:root[data-theme="light"] .measure-btn:disabled,
:root[data-theme="light"] .search-input-wrapper input::placeholder {
    color: #64748b !important;
}
:root[data-theme="light"] .analyte-checkbox:hover,
:root[data-theme="light"] .category-tab:hover,
:root[data-theme="light"] .measure-category:hover,
:root[data-theme="light"] .select-actions button:hover {
    color: #0f172a !important;
}
:root[data-theme="light"] .analyte-name,
:root[data-theme="light"] .analyte-option .analyte-name,
:root[data-theme="light"] .measure-cat-name,
:root[data-theme="light"] .category-tab.active,
:root[data-theme="light"] .chart-type-btn.active,
:root[data-theme="light"] .range-btn.active,
:root[data-theme="light"] .result-bio-val,
:root[data-theme="light"] .footer-links-col h4,
:root[data-theme="light"] .mobile-grid-link:hover,
:root[data-theme="light"] .mobile-grid-link.active,
:root[data-theme="light"] .sensor-tab.active,
:root[data-theme="light"] .sensor-tab.active i,
:root[data-theme="light"] .history-table th,
:root[data-theme="light"] .history-table td {
    color: #0f172a !important;
}
:root[data-theme="light"] .analyte-option .analyte-desc,
:root[data-theme="light"] .mobile-grid-link i,
:root[data-theme="light"] .sc-quick-btn {
    color: #475569 !important;
}
:root[data-theme="light"] .analyte-option.locked .lock-icon,
:root[data-theme="light"] .biomarker-category .count,
:root[data-theme="light"] .biomarker-category svg,
:root[data-theme="light"] .measure-category .count,
:root[data-theme="light"] .measure-category .range,
:root[data-theme="light"] .analyte-tile .range,
:root[data-theme="light"] .device-info-box .label,
:root[data-theme="light"] .device-info-card .serial,
:root[data-theme="light"] .footer-links a,
:root[data-theme="light"] .metric-box .label,
:root[data-theme="light"] .nav-link i,
:root[data-theme="light"] .result-bio-unit,
:root[data-theme="light"] .search-input-wrapper .search-icon,
:root[data-theme="light"] .selected-count,
:root[data-theme="light"] .sensor-item .value,
:root[data-theme="light"] .stats-grid .stat-label,
:root[data-theme="light"] .vital-card .label,
:root[data-theme="light"] .sc-chat-input::placeholder {
    color: #334155 !important;
}

/* measure: dark backgrounds → light */
:root[data-theme="light"] .analyte-option {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}
:root[data-theme="light"] .analyte-option:hover,
:root[data-theme="light"] .measure-cat-grid .analyte-option:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .analyte-option.selected {
    background: rgba(5,150,105,0.08) !important;
    border-color: #059669 !important;
}
:root[data-theme="light"] .sc-chatbot-window {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}
:root[data-theme="light"] .sc-chat-input {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .sc-message.bot {
    color: #334155 !important;
    background: #f1f5f9 !important;
}
:root[data-theme="light"] .sc-message.user {
    color: #ffffff !important;
}

/* measure: page-level containers */
:root[data-theme="light"] .measure-container {
    background: #f8fafc !important;
}
:root[data-theme="light"] .smartcemic-sensor-section {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .sensor-mode-btn {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}
:root[data-theme="light"] .sensor-mode-btn.active {
    border-color: #059669 !important;
    background: rgba(5,150,105,0.06) !important;
    color: #059669 !important;
}
:root[data-theme="light"] .mode-name {
    color: #0f172a !important;
}
:root[data-theme="light"] .mode-desc {
    color: #475569 !important;
}
:root[data-theme="light"] .measure-category {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .measure-cat-header {
    color: #0f172a !important;
}
:root[data-theme="light"] .measure-cat-content {
    background: #f8fafc !important;
}
:root[data-theme="light"] .sticky-measure-bar {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.06) !important;
}
:root[data-theme="light"] .sticky-measure-label,
:root[data-theme="light"] .sticky-measure-count {
    color: #334155 !important;
}
:root[data-theme="light"] .status-card,
:root[data-theme="light"] .device-status-bar {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}
:root[data-theme="light"] .connection-indicator {
    color: #334155 !important;
}
:root[data-theme="light"] .pipeline-status {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}
:root[data-theme="light"] .results-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .search-section {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .start-section {
    background: #ffffff !important;
}
:root[data-theme="light"] .analyte-panel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .settings-section {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* measure: dropdown menu */
:root[data-theme="light"] .dropdown-menu a,
:root[data-theme="light"] .dropdown-menu button {
    color: #334155 !important;
}
:root[data-theme="light"] .dropdown-menu a:hover,
:root[data-theme="light"] .dropdown-menu button:hover {
    background: #f1f5f9 !important;
    color: #059669 !important;
}

/* measure: footer */
:root[data-theme="light"] .footer-enhanced {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
}
:root[data-theme="light"] .footer-container-new {
    background: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════
   LOGIN / REGISTER / AUTH PAGES — 0 overrides → full fix
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] .auth-page,
:root[data-theme="light"] .login-page,
:root[data-theme="light"] .register-page {
    background: #f1f5f9 !important;
}
:root[data-theme="light"] .auth-container,
:root[data-theme="light"] .login-card,
:root[data-theme="light"] .register-card {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}
:root[data-theme="light"] .auth-title,
:root[data-theme="light"] .login-title,
:root[data-theme="light"] .register-title {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: none !important;
}
:root[data-theme="light"] .auth-subtitle,
:root[data-theme="light"] .auth-footer,
:root[data-theme="light"] .remember-me,
:root[data-theme="light"] .terms-check {
    color: #475569 !important;
}
:root[data-theme="light"] .auth-logo {
    color: #0f172a !important;
}
:root[data-theme="light"] .form-label {
    color: #334155 !important;
}
:root[data-theme="light"] .form-input,
:root[data-theme="light"] .form-select,
:root[data-theme="light"] .form-control {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .form-input:focus,
:root[data-theme="light"] .form-select:focus,
:root[data-theme="light"] .form-control:focus {
    background: #ffffff !important;
    border-color: #059669 !important;
    box-shadow: 0 0 0 3px rgba(5,150,105,0.12) !important;
}
:root[data-theme="light"] .form-hint {
    color: #64748b !important;
}
:root[data-theme="light"] .social-btn,
:root[data-theme="light"] .social-btn-full {
    background: #f8fafc !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .social-btn:hover,
:root[data-theme="light"] .social-btn-full:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
}
:root[data-theme="light"] .divider {
    color: #94a3b8 !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .divider::before,
:root[data-theme="light"] .divider::after {
    background: #e2e8f0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   PROFILE PAGE — 0 overrides → full fix
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] .profile-container {
    background: #f8fafc !important;
}
:root[data-theme="light"] .profile-card,
:root[data-theme="light"] .section-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
:root[data-theme="light"] .profile-name {
    color: #0f172a !important;
}
:root[data-theme="light"] .profile-desc,
:root[data-theme="light"] .profile-meta .email {
    color: #475569 !important;
}
:root[data-theme="light"] .profile-option-name {
    color: #0f172a !important;
}
:root[data-theme="light"] .profile-option-desc {
    color: #64748b !important;
}
:root[data-theme="light"] .profile-icon {
    color: #059669 !important;
}
:root[data-theme="light"] .avatar-edit-btn {
    background: #ffffff !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}
:root[data-theme="light"] .profile-tabs,
:root[data-theme="light"] .tab-bar {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .tab-btn {
    color: #64748b !important;
}
:root[data-theme="light"] .tab-btn.active {
    color: #059669 !important;
    background: #ffffff !important;
    border-color: #059669 !important;
}
:root[data-theme="light"] .badge-plan {
    color: #ffffff !important; /* badge stays white on colored bg */
}
:root[data-theme="light"] .stat-card .stat-lbl {
    color: #64748b !important;
}

/* ═══════════════════════════════════════════════════════════════
   SUBSCRIPTION PAGE — 0 overrides → full fix
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] .subscription-container {
    background: #f8fafc !important;
}
:root[data-theme="light"] .plan-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
:root[data-theme="light"] .plan-card:hover {
    border-color: #059669 !important;
    box-shadow: 0 4px 16px rgba(5,150,105,0.1) !important;
}
:root[data-theme="light"] .plan-card-tagline,
:root[data-theme="light"] .plan-desc-new,
:root[data-theme="light"] .plans-tier-label,
:root[data-theme="light"] .price-period-new {
    color: #64748b !important;
}
:root[data-theme="light"] .plan-tagline,
:root[data-theme="light"] .platform-pill {
    color: #475569 !important;
}
:root[data-theme="light"] .plan-meta-item {
    color: #334155 !important;
}
:root[data-theme="light"] .billing-card {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}
:root[data-theme="light"] .usage-bar {
    background: #e2e8f0 !important;
}
:root[data-theme="light"] .usage-label {
    color: #64748b !important;
}
:root[data-theme="light"] .badge-current {
    color: #ffffff !important; /* on colored bg */
}
:root[data-theme="light"] .badge-inactive {
    color: #64748b !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}
:root[data-theme="light"] .badge-quantum {
    color: #ffffff !important; /* on gradient bg */
}
:root[data-theme="light"] .modal-box,
:root[data-theme="light"] .modal-content {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}
:root[data-theme="light"] .modal-textarea {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] .ios {
    color: #334155 !important;
}

/* ═══════════════════════════════════════════════════════════════
   ALERTS PAGE — 0 overrides → full fix
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] .alerts-container {
    background: #f8fafc !important;
}
:root[data-theme="light"] .alert-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}
:root[data-theme="light"] .alert-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
:root[data-theme="light"] .alert-title {
    color: #0f172a !important;
}
:root[data-theme="light"] .alert-message,
:root[data-theme="light"] .alert-time {
    color: #64748b !important;
}
:root[data-theme="light"] .alert-btn-view {
    color: #059669 !important;
    background: rgba(5,150,105,0.08) !important;
    border-color: rgba(5,150,105,0.2) !important;
}
:root[data-theme="light"] .alert-btn-dismiss {
    color: #64748b !important;
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .alert-filter-btn {
    color: #475569 !important;
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .alert-filter-btn.active {
    color: #ffffff !important;
    background: #059669 !important;
}

/* ═══════════════════════════════════════════════════════════════
   WELLNESS PAGE — 57 overrides but missing 8
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] .wellness-container {
    background: #f8fafc !important;
}
:root[data-theme="light"] .wellness-card,
:root[data-theme="light"] .wellness-module,
:root[data-theme="light"] .wellness-panel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .wellness-title {
    color: #0f172a !important;
}
:root[data-theme="light"] .wellness-desc {
    color: #64748b !important;
}
:root[data-theme="light"] .log-symptoms-btn {
    color: #ffffff !important; /* on colored bg */
}
:root[data-theme="light"] .amh-learn-btn,
:root[data-theme="light"] .amh-test-btn,
:root[data-theme="light"] .mh-learn-btn {
    color: #ffffff !important; /* on colored bg */
}

/* ═══════════════════════════════════════════════════════════════
   CALIBRATION PAGE — missing overrides
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] .cal-container {
    background: #f8fafc !important;
}
:root[data-theme="light"] .cal-card,
:root[data-theme="light"] .cal-step {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .cal-step-number {
    color: #ffffff !important; /* on colored circle */
}
:root[data-theme="light"] .cal-period {
    color: #ffffff !important; /* on colored bg */
}
:root[data-theme="light"] .cal-today {
    color: #ffffff !important; /* on colored bg */
}

/* ═══════════════════════════════════════════════════════════════
   SETUP 2FA PAGE
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] .setup-2fa-container,
:root[data-theme="light"] .twofa-container {
    background: #f8fafc !important;
}
:root[data-theme="light"] .setup-2fa-card,
:root[data-theme="light"] .twofa-card {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}
:root[data-theme="light"] .setup-2fa-title,
:root[data-theme="light"] .twofa-title {
    color: #0f172a !important;
}
:root[data-theme="light"] .setup-2fa-desc,
:root[data-theme="light"] .twofa-desc {
    color: #475569 !important;
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE NAVIGATION
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] .mobile-menu,
:root[data-theme="light"] .mobile-nav,
:root[data-theme="light"] .mobile-section {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .mobile-section-header {
    color: #0f172a !important;
}
:root[data-theme="light"] .mobile-grid-link {
    color: #334155 !important;
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .mobile-grid-link:hover,
:root[data-theme="light"] .mobile-grid-link.active {
    color: #059669 !important;
    background: rgba(5,150,105,0.06) !important;
    border-color: #059669 !important;
}
:root[data-theme="light"] .mobile-toggle {
    color: #334155 !important;
}
:root[data-theme="light"] .mobile-menu-close {
    color: #334155 !important;
}

/* ═══════════════════════════════════════════════════════════════
   GLOBAL INLINE STYLE OVERRIDES
   Catch-all for elements using style= with dark colors
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] [style*="color: #e2e8f0"],
:root[data-theme="light"] [style*="color:#e2e8f0"] {
    color: #0f172a !important;
}
:root[data-theme="light"] [style*="color: #f1f5f9"],
:root[data-theme="light"] [style*="color:#f1f5f9"] {
    color: #0f172a !important;
}
:root[data-theme="light"] [style*="color: #cbd5e1"],
:root[data-theme="light"] [style*="color:#cbd5e1"] {
    color: #334155 !important;
}
:root[data-theme="light"] [style*="color: #94a3b8"],
:root[data-theme="light"] [style*="color:#94a3b8"] {
    color: #475569 !important;
}
:root[data-theme="light"] [style*="color: #64748b"],
:root[data-theme="light"] [style*="color:#64748b"] {
    color: #334155 !important;
}
:root[data-theme="light"] [style*="background: #0f172a"],
:root[data-theme="light"] [style*="background:#0f172a"],
:root[data-theme="light"] [style*="background: #1e293b"],
:root[data-theme="light"] [style*="background:#1e293b"],
:root[data-theme="light"] [style*="background: #020617"],
:root[data-theme="light"] [style*="background:#020617"] {
    background: #ffffff !important;
}
:root[data-theme="light"] [style*="background: #334155"],
:root[data-theme="light"] [style*="background:#334155"] {
    background: #f1f5f9 !important;
}
:root[data-theme="light"] [style*="border-color: #334155"],
:root[data-theme="light"] [style*="border-color:#334155"],
:root[data-theme="light"] [style*="border: 1px solid #334155"],
:root[data-theme="light"] [style*="border:1px solid #334155"] {
    border-color: #cbd5e1 !important;
}
:root[data-theme="light"] [style*="background: linear-gradient(180deg, #0f172a"],
:root[data-theme="light"] [style*="background:linear-gradient(180deg, #0f172a"],
:root[data-theme="light"] [style*="background: linear-gradient(180deg,#0f172a"] {
    background: linear-gradient(180deg, #f8fafc, #f1f5f9) !important;
}

/* ═══════════════════════════════════════════════════════════════
   ADMIN PANEL — light mode (admin_base.html)
   ═══════════════════════════════════════════════════════════════ */

:root[data-theme="light"] .admin-nav-bar {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}
:root[data-theme="light"] .admin-nav-link {
    color: #475569 !important;
}
:root[data-theme="light"] .admin-nav-link:hover {
    color: #059669 !important;
    background: rgba(5,150,105,0.06) !important;
}
:root[data-theme="light"] .admin-nav-link.active {
    color: #ffffff !important;
    background: #059669 !important;
}
:root[data-theme="light"] .admin-page-header h2 {
    color: #0f172a !important;
}
:root[data-theme="light"] .admin-page-header p {
    color: #64748b !important;
}
:root[data-theme="light"] .admin-section {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .admin-section h3 {
    color: #0f172a !important;
}
:root[data-theme="light"] .admin-stat-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .admin-stat-label {
    color: #64748b !important;
}
:root[data-theme="light"] .admin-table {
    background: #ffffff !important;
}
:root[data-theme="light"] .admin-table th {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .admin-table td {
    color: #334155 !important;
    border-color: #f1f5f9 !important;
}
:root[data-theme="light"] .admin-table tr:hover {
    background: #f8fafc !important;
}
:root[data-theme="light"] .admin-empty {
    color: #94a3b8 !important;
}
:root[data-theme="light"] .admin-btn-outline {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    background: transparent !important;
}
:root[data-theme="light"] .admin-btn-outline:hover {
    background: #f1f5f9 !important;
    color: #059669 !important;
    border-color: #059669 !important;
}
:root[data-theme="light"] .admin-muted {
    color: #64748b !important;
}
:root[data-theme="light"] .admin-mono {
    color: #475569 !important;
}
:root[data-theme="light"] .admin-header {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .admin-brand {
    color: #0f172a !important;
}
:root[data-theme="light"] .admin-container {
    background: transparent !important;
}
:root[data-theme="light"] .admin-content {
    background: #f8fafc !important;
}
:root[data-theme="light"] .admin-mobile-nav {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .admin-mobile-nav a {
    color: #475569 !important;
}
:root[data-theme="light"] .admin-mobile-nav a.active {
    color: #059669 !important;
}

/* Security page detail panels */
:root[data-theme="light"] .sec-detail {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
:root[data-theme="light"] .sec-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}

/* Admin badges */
:root[data-theme="light"] .badge-super_admin,
:root[data-theme="light"] .badge-admin,
:root[data-theme="light"] .badge-active,
:root[data-theme="light"] .badge-success,
:root[data-theme="light"] .badge-danger,
:root[data-theme="light"] .badge-warning,
:root[data-theme="light"] .badge-info {
    color: #ffffff !important; /* white on colored bg — intentional */
}

/* Role select in admin */
:root[data-theme="light"] .role-select-form select {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

/* ═══════════════════════════════════════════════════════════
   CHATBOT WIDGET — Light Mode + Responsive
   ═══════════════════════════════════════════════════════════ */

:root[data-theme="light"] #smartcemic-chatbot-container .sc-chatbot-trigger {
    background: linear-gradient(135deg, #059669, #0d9488) !important;
    box-shadow: 0 4px 16px rgba(5,150,105,0.3) !important;
    animation: none !important;
}
:root[data-theme="light"] #smartcemic-chatbot-container .sc-chatbot-trigger:hover {
    box-shadow: 0 6px 24px rgba(5,150,105,0.4) !important;
}
:root[data-theme="light"] .sc-chatbot-trigger i {
    color: #ffffff !important;
}
:root[data-theme="light"] .sc-chat-pulse {
    display: none !important;
}
:root[data-theme="light"] .sc-chatbot-window {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.12) !important;
}
:root[data-theme="light"] .sc-chat-header {
    background: linear-gradient(135deg, #059669, #0d9488) !important;
}
:root[data-theme="light"] .sc-chat-header-left * {
    color: #ffffff !important;
}
:root[data-theme="light"] .sc-chat-title {
    color: #ffffff !important;
}
:root[data-theme="light"] .sc-chat-subtitle {
    color: rgba(255,255,255,0.8) !important;
}
:root[data-theme="light"] .sc-chat-status {
    color: rgba(255,255,255,0.7) !important;
}
:root[data-theme="light"] .sc-chat-status-dot {
    background: #86efac !important;
}
:root[data-theme="light"] .sc-chat-close {
    color: #ffffff !important;
    background: rgba(255,255,255,0.15) !important;
}
:root[data-theme="light"] .sc-chat-close:hover {
    background: rgba(255,255,255,0.25) !important;
}
:root[data-theme="light"] .sc-chat-body {
    background: #f8fafc !important;
}
:root[data-theme="light"] .sc-chat-msg {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
:root[data-theme="light"] .sc-chat-msg.user {
    background: #059669 !important;
    color: #ffffff !important;
}
:root[data-theme="light"] .sc-chat-msg.bot {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}
:root[data-theme="light"] .sc-chat-msg-text {
    color: inherit !important;
}
:root[data-theme="light"] .sc-chat-footer {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
}
:root[data-theme="light"] .sc-chat-input {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}
:root[data-theme="light"] .sc-chat-input:focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 2px rgba(5,150,105,0.1) !important;
}
:root[data-theme="light"] .sc-chat-input::placeholder {
    color: #94a3b8 !important;
}
:root[data-theme="light"] .sc-chat-send {
    background: #059669 !important;
    color: #ffffff !important;
}
:root[data-theme="light"] .sc-chat-send:hover {
    background: #047857 !important;
}
:root[data-theme="light"] .sc-chat-quick-btn {
    background: #f0fdf4 !important;
    border: 1px solid #a7f3d0 !important;
    color: #059669 !important;
}
:root[data-theme="light"] .sc-chat-quick-btn:hover {
    background: #ecfdf5 !important;
    border-color: #059669 !important;
}
:root[data-theme="light"] .sc-chat-avatar {
    background: #059669 !important;
    color: #ffffff !important;
}
:root[data-theme="light"] .sc-chat-time {
    color: #94a3b8 !important;
}


/* ═══ Merged from dashboard.html ═══ */
:root[data-theme="light"] body { background: var(--bg-dark); color: var(--text-primary); }
:root[data-theme="light"] .card { 
            background: var(--bg-card); 
            border-color: var(--border-color); 
            box-shadow: 0 1px 3px rgba(0,0,0,0.08); 
        }
:root[data-theme="light"] .header { 
            background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); 
            border-bottom: 1px solid var(--border-color);
        }
:root[data-theme="light"] .header-brand { color: var(--text-primary); }
:root[data-theme="light"] .header-title-main { line-height: 1.1; margin-bottom: -1px; color: var(--text-primary); }
:root[data-theme="light"] .header-title-sub { line-height: 1; margin-top: 0; margin-top: -2px; color: var(--text-secondary); }
:root[data-theme="light"] .nav-link { color: var(--text-secondary); }
:root[data-theme="light"] .nav-link:hover { color: var(--text-primary); background: rgba(0,0,0,0.05); }
:root[data-theme="light"] .nav-link.active { 
            background: linear-gradient(135deg, #3b82f6, #2563eb); 
            color: white;
        }
:root[data-theme="light"] .user-menu { background: rgba(0,0,0,0.05); }
:root[data-theme="light"] .connection-status-bar { 
            background: linear-gradient(135deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.98)); 
            border-color: var(--border-color); 
        }
:root[data-theme="light"] .analyte-bar { background: var(--bg-card); border-color: var(--border-color); }
:root[data-theme="light"] .analyte-pill { border-color: var(--border-color); color: var(--text-secondary); }
:root[data-theme="light"] .theme-toggle-btn { 
            background: linear-gradient(135deg, #e0f2fe, #bae6fd); 
            border-color: #7dd3fc; 
        }
:root[data-theme="light"] .theme-toggle-btn::before { 
            transform: translateX(26px); 
            background: linear-gradient(135deg, #fbbf24, #f59e0b); 
        }
:root[data-theme="light"] .theme-icon.moon { opacity: 0.5; color: #94a3b8; }
:root[data-theme="light"] .theme-icon.sun { opacity: 1; color: #f59e0b; }
:root[data-theme="light"] .modal { background: var(--bg-card); }
:root[data-theme="light"] .mobile-menu { background: rgba(255,255,255,0.98); }
:root[data-theme="light"] .user-dropdown { background: var(--bg-card); border-color: var(--border-color); }
:root[data-theme="light"] .user-dropdown a { color: var(--text-primary); border-color: var(--border-color); }
:root[data-theme="light"] .user-dropdown a:hover { background: var(--bg-dark); }
:root[data-theme="light"] .hero-card .reading-value-number { 
            background: linear-gradient(135deg, var(--text-primary), var(--primary)); 
            -webkit-background-clip: text;
            background-clip: text;
        }
:root[data-theme="light"] .stat-box { background: var(--bg-card); border-color: var(--border-color); }
:root[data-theme="light"] .analyte-card { background: rgba(0,0,0,0.03); }
:root[data-theme="light"] .analyte-card:hover { background: rgba(0,0,0,0.05); }
:root[data-theme="light"] .alert-item { background: rgba(0,0,0,0.03); }
:root[data-theme="light"] .device-box { background: rgba(0,0,0,0.03); border-color: var(--border-color); }
:root[data-theme="light"] .reference-box { background: rgba(0,0,0,0.03); border-color: var(--border-color); }
:root[data-theme="light"] .meta-item { background: rgba(0,0,0,0.03); }
:root[data-theme="light"] .bio-item { background: rgba(0,0,0,0.03); }
:root[data-theme="light"] .toast-box .toast { box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
:root[data-theme="light"] .quick-action-btn { box-shadow: 0 4px 15px rgba(0,0,0,0.15); }
:root[data-theme="light"] .quick-action-btn .tooltip { background: var(--bg-card); border-color: var(--border-color); }
:root[data-theme="light"] .analyte-card.active {
        border-color: #3b82f6 !important;
        background: #eff6ff !important;
    }
:root[data-theme="light"] .analyte-name {
        color: #0f172a !important;
    }
:root[data-theme="light"] .analyte-value {
        color: #0f172a !important;
    }
:root[data-theme="light"] .analyte-unit {
        color: #64748b !important;
    }
:root[data-theme="light"] .quick-actions-panel {
        background: rgba(255, 255, 255, 0.95) !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
        backdrop-filter: blur(10px) !important;
    }
:root[data-theme="light"] .quick-actions-close {
        background: rgba(0,0,0,0.05) !important;
        color: #64748b !important;
    }
:root[data-theme="light"] .alert-item:hover {
        background: #f8fafc !important;
    }
:root[data-theme="light"] .alert-time {
        color: #64748b !important;
    }
:root[data-theme="light"] .device-name {
        color: #0f172a !important;
    }
:root[data-theme="light"] .device-serial {
        color: #64748b !important;
    }
:root[data-theme="light"] .device-status {
        color: #059669 !important;
    }
:root[data-theme="light"] .stats-row .stat-item {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
    }
:root[data-theme="light"] .stat-value {
        color: #0f172a !important;
    }
:root[data-theme="light"] .stat-label {
        color: #64748b !important;
    }
:root[data-theme="light"] .stat-icon {
        color: #059669 !important;
    }
:root[data-theme="light"] .stat-change.positive {
        color: #059669 !important;
    }
:root[data-theme="light"] .stat-change.negative {
        color: #ef4444 !important;
    }
:root[data-theme="light"] .hero-card {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
    }
:root[data-theme="light"] .reading-label {
        color: #64748b !important;
    }
:root[data-theme="light"] .reading-value-number {
        color: #0f172a !important;
        -webkit-text-fill-color: #0f172a !important;
        background: none !important;
    }
:root[data-theme="light"] .reading-unit {
        color: #64748b !important;
    }
:root[data-theme="light"] .status-item {
        color: #334155 !important;
    }
:root[data-theme="light"] .score-card {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
    }
:root[data-theme="light"] .score-label {
        color: #64748b !important;
    }
:root[data-theme="light"] .chart-wrap {
        background: transparent !important;
    }
:root[data-theme="light"] .chart-btn {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        color: #64748b !important;
    }
:root[data-theme="light"] .chart-btn.active {
        background: #059669 !important;
        border-color: #059669 !important;
        color: #ffffff !important;
    }
:root[data-theme="light"] .mobile-grid-link:hover {
        background: #f0fdf4 !important;
        border-color: #059669 !important;
    }
:root[data-theme="light"] .footer-enhanced * {
        color: #64748b !important;
    }
:root[data-theme="light"] .footer-enhanced a:hover {
        color: #059669 !important;
    }
:root[data-theme="light"] .card-title {
        color: #0f172a !important;
    }
:root[data-theme="light"] .card-header {
        border-bottom-color: #e2e8f0 !important;
    }
:root[data-theme="light"] .footer-logo-text-new { color: var(--text-primary); }
:root[data-theme="light"] .footer-tagline { color: var(--text-secondary); }
:root[data-theme="light"] .footer-links-col h4 { color: var(--text-primary); }
:root[data-theme="light"] .footer-links-col a { color: var(--text-secondary); }
:root[data-theme="light"] .footer-copyright-new { color: var(--text-secondary); }
:root[data-theme="light"] .footer-badge-new { background: rgba(0,0,0,0.05); border-color: var(--border-color); color: var(--text-secondary); }
:root[data-theme="light"] .footer-disclaimer-new { background: rgba(0,0,0,0.03); }
:root[data-theme="light"] .footer-disclaimer-text-new { color: var(--text-secondary); }
:root[data-theme="light"] .analyte-card .analyte-name {
        color: #0f172a !important;
    }
:root[data-theme="light"] .analyte-card .analyte-value {
        color: #1e293b !important;
    }
:root[data-theme="light"] .analyte-card .analyte-value small {
        color: #64748b !important;
    }
:root[data-theme="light"] .analyte-card .analyte-status {
        font-weight: 600 !important;
    }
:root[data-theme="light"] .analyte-card .analyte-status.status-normal {
        color: #059669 !important;
        background: #ecfdf5 !important;
    }
:root[data-theme="light"] .analyte-card .analyte-status.status-high {
        color: #dc2626 !important;
        background: #fef2f2 !important;
    }
:root[data-theme="light"] .analyte-card .analyte-status.status-low {
        color: #d97706 !important;
        background: #fffbeb !important;
    }
:root[data-theme="light"] .analyte-card.locked {
        background: #f8fafc !important;
        opacity: 0.6 !important;
    }
:root[data-theme="light"] .alert-text {
        color: #64748b !important;
    }
:root[data-theme="light"] .device-meta {
        color: #64748b !important;
    }
:root[data-theme="light"] .chart-btn:hover {
        background: #f0fdf4 !important;
        border-color: #059669 !important;
        color: #059669 !important;
    }
:root[data-theme="light"] .footer-enhanced *:not(a:hover) {
        color: #64748b !important;
    }


/* ═══ Merged from settings.html ═══ */
:root[data-theme="light"] .card, :root[data-theme="light"] .panel, :root[data-theme="light"] .module-panel { background: #ffffff !important; border-color: #cbd5e1 !important; }
:root[data-theme="light"] .header, :root[data-theme="light"] header, :root[data-theme="light"] nav, :root[data-theme="light"] .mfg-header { background: #ffffff !important; border-color: #cbd5e1 !important; }
:root[data-theme="light"] .nav-link, :root[data-theme="light"] nav a { color: #475569 !important; }
:root[data-theme="light"] .nav-link:hover, :root[data-theme="light"] .nav-link.active { color: #059669 !important; }
:root[data-theme="light"] h1, :root[data-theme="light"] h2, :root[data-theme="light"] h3, :root[data-theme="light"] h4 { color: #0f172a !important; }
:root[data-theme="light"] p, :root[data-theme="light"] li, :root[data-theme="light"] label { color: #334155 !important; }
:root[data-theme="light"] input, :root[data-theme="light"] select, :root[data-theme="light"] textarea { background: #ffffff !important; color: #0f172a !important; border-color: #cbd5e1 !important; }
:root[data-theme="light"] input::placeholder { color: #94a3b8 !important; }
:root[data-theme="light"] table { background: #ffffff !important; }
:root[data-theme="light"] th { background: #f8fafc !important; color: #0f172a !important; }
:root[data-theme="light"] td { color: #334155 !important; border-color: #e2e8f0 !important; }
:root[data-theme="light"] .modal-content, :root[data-theme="light"] .dropdown-menu { background: #ffffff !important; border-color: #cbd5e1 !important; }
:root[data-theme="light"] footer, :root[data-theme="light"] .mfg-footer { background: #ffffff !important; border-top: 1px solid #e2e8f0 !important; }
:root[data-theme="light"] footer p, :root[data-theme="light"] footer span { color: #64748b !important; }
:root[data-theme="light"] footer strong { color: #ea580c !important; }
:root[data-theme="light"] .input-group { background: #f8fafc !important; }
:root[data-theme="light"] .input-group input { background: #ffffff !important; }
:root[data-theme="light"] .input-group label { color: #334155 !important; }
:root[data-theme="light"] .reading-entry-container { background: #f8fafc !important; }
:root[data-theme="light"] .reading-entry { background: #ffffff !important; color: #334155 !important; }
:root[data-theme="light"] .batch-controls { background: rgba(5,150,105,0.06) !important; }
:root[data-theme="light"] a:not(.btn):not(.nav-link) { color: #059669 !important; }
:root[data-theme="light"] .header i, :root[data-theme="light"] .nav-link i { color: #64748b !important; }
:root[data-theme="light"] .status-normal { color: #059669 !important; }
:root[data-theme="light"] .status-elevated { color: #d97706 !important; }
:root[data-theme="light"] .status-high { color: #dc2626 !important; }
:root[data-theme="light"] .biomarkers-container { background: transparent !important; }
:root[data-theme="light"] .marker-card {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
        }
:root[data-theme="light"] .analyte-tile:hover {
            border-color: #10b981 !important;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
        }
:root[data-theme="light"] .analyte-tile.selected {
            border-color: #10b981 !important;
            background: linear-gradient(135deg, rgba(16,185,129,0.05), rgba(6,182,212,0.05)) !important;
        }
:root[data-theme="light"] .analyte-tile span { color: #334155 !important; }
:root[data-theme="light"] .category-section { 
            background: #f8fafc !important; 
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .biomarker-category .title { color: #0f172a !important; }
:root[data-theme="light"] .category-toggle { color: #64748b !important; }
:root[data-theme="light"] .config-panel {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
        }
:root[data-theme="light"] .measurement-settings h3 { color: #0f172a !important; }
:root[data-theme="light"] .setting-description { color: #475569 !important; }
:root[data-theme="light"] .sidebar-panel {
            background: #f8fafc !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .status-item span { color: #334155 !important; }
:root[data-theme="light"] .compare-container { background: transparent !important; }
:root[data-theme="light"] .compare-checkbox-item {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .analyte-row:hover {
            background: #f8fafc !important;
        }
:root[data-theme="light"] .analyte-row span { color: #334155 !important; }
:root[data-theme="light"] .trend-chart {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .overview-stat {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
        }
:root[data-theme="light"] .metric-box .value { color: #0f172a !important; }
:root[data-theme="light"] .metric-box .label { color: #64748b !important; }
:root[data-theme="light"] .reading-compare {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .reading-compare span { color: #475569 !important; }
:root[data-theme="light"] .comparison-card .value { color: #059669 !important; }
:root[data-theme="light"] .device-panel {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .device-info-box {
            background: #f8fafc !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .device-info-box .label { color: #64748b !important; }
:root[data-theme="light"] .device-info-box .value { color: #0f172a !important; }
:root[data-theme="light"] .vital-card {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .vital-card .label { color: #64748b !important; }
:root[data-theme="light"] .vital-card .value { color: #0f172a !important; }
:root[data-theme="light"] .quick-action {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .quick-action:hover {
            background: #f8fafc !important;
            border-color: #10b981 !important;
        }
:root[data-theme="light"] .quick-action span { color: #334155 !important; }
:root[data-theme="light"] .quick-action i { color: #059669 !important; }
:root[data-theme="light"] .category-tabs { background: transparent !important; }
:root[data-theme="light"] .filter-pill:not(.active) {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            color: #475569 !important;
        }
:root[data-theme="light"] .category-tab:hover {
            background: #f1f5f9 !important;
            border-color: #cbd5e1 !important;
        }
:root[data-theme="light"] .category-tab.active {
            background: linear-gradient(135deg, #059669, #047857) !important;
            color: #ffffff !important;
            border-color: transparent !important;
        }
:root[data-theme="light"] .wellness-overview {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .health-score-item {
            background: #f8fafc !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .test-panel { background: #f1f5f9 !important; }
:root[data-theme="light"] .result-card {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .result-label { color: #64748b !important; }
:root[data-theme="light"] .result-value { color: #0f172a !important; }
:root[data-theme="light"] [style*="rgba(30"] {
            background: #f8fafc !important;
        }
:root[data-theme="light"] .switch-track {
            background: #e2e8f0 !important;
        }
:root[data-theme="light"] .switch-track.active {
            background: #10b981 !important;
        }
:root[data-theme="light"] .main-footer {
            background: #ffffff !important;
            border-top: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .footer-links a { color: #64748b !important; }
:root[data-theme="light"] .footer-links a:hover { color: #059669 !important; }
:root[data-theme="light"] input[type="datetime-local"] {
            background: #ffffff !important;
            color: #0f172a !important;
            border: 1px solid #cbd5e1 !important;
        }
:root[data-theme="light"] .scroll-area {
            background: #f8fafc !important;
        }
:root[data-theme="light"] [style*="background:#3"] {
            background: #ffffff !important;
        }
:root[data-theme="light"] [style*="color: #f"] {
            color: #334155 !important;
        }
:root[data-theme="light"] .nav-brand-title { color: #0f172a !important; }
:root[data-theme="light"] .nav-brand-title span { color: #ea580c !important; }
:root[data-theme="light"] .nav-brand-subtitle { color: #64748b !important; }


/* ═══ Merged from wellness.html ═══ */
:root[data-theme="light"] .sdk-status {
            background: #ffffff;
            border-color: #e2e8f0;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
        }
:root[data-theme="light"] .modal-content { background: #ffffff; }
:root[data-theme="light"] .hr-zone { background: #f8fafc; }
:root[data-theme="light"] .log-card {
            background: #ffffff !important;
            border-color: #e2e8f0 !important;
        }
:root[data-theme="light"] .wellness-card:hover {
            background: #f8fafc !important;
        }
:root[data-theme="light"] .info-text {
            color: #334155 !important;
        }
:root[data-theme="light"] .helper-text {
            color: #64748b !important;
        }
:root[data-theme="light"] .phase-indicator {
            background: #ffffff !important;
            border-color: #e2e8f0 !important;
        }
:root[data-theme="light"] .phase-name {
            color: #0f172a !important;
        }
:root[data-theme="light"] .symptom-option {
            background: #f8fafc !important;
            border-color: #e2e8f0 !important;
            color: #334155 !important;
        }
:root[data-theme="light"] .symptom-option:hover {
            background: #f1f5f9 !important;
            border-color: #cbd5e1 !important;
        }
:root[data-theme="light"] .symptom-option.active {
            background: rgba(5,150,105,0.08) !important;
            border-color: #059669 !important;
            color: #059669 !important;
        }
:root[data-theme="light"] .modal-header {
            border-color: #e2e8f0 !important;
        }
:root[data-theme="light"] .modal-body {
            color: #334155 !important;
        }
:root[data-theme="light"] .wellness-tab {
            background: #f8fafc !important;
            color: #475569 !important;
            border-color: #e2e8f0 !important;
        }
:root[data-theme="light"] .wellness-tab.active {
            background: #ffffff !important;
            color: #059669 !important;
            border-color: #059669 !important;
        }
:root[data-theme="light"] textarea {
            background: #ffffff !important;
            color: #0f172a !important;
            border-color: #cbd5e1 !important;
        }
:root[data-theme="light"] textarea::placeholder {
            color: #94a3b8 !important;
        }
:root[data-theme="light"] .footer {
            background: linear-gradient(180deg, #f8fafc, #e2e8f0) !important;
        }
:root[data-theme="light"] .toast {
            background: #ffffff !important;
            color: #334155 !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
        }


/* ═══ Merged from measure.html ═══ */
:root[data-theme="light"] .cat-svg-icon {
            filter: brightness(0);
            opacity: 0.7;
        }
:root[data-theme="light"] .analyte-icon img.tile-svg-icon {
            filter: brightness(0);
            opacity: 0.7;
        }
:root[data-theme="light"] .device-card, :root[data-theme="light"] .sensor-card { background: #ffffff !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.06) !important; }
:root[data-theme="light"] .device-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; }
:root[data-theme="light"] .reading-card, :root[data-theme="light"] .value-display { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; }
:root[data-theme="light"] .biomarker-card, :root[data-theme="light"] .analyte-card { background: #ffffff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important; }
:root[data-theme="light"] .biomarker-card.selected, :root[data-theme="light"] .analyte-card.selected { border-color: #059669 !important; box-shadow: 0 0 0 2px rgba(5,150,105,0.2) !important; }
:root[data-theme="light"] .status-panel, :root[data-theme="light"] .device-status { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; }
:root[data-theme="light"] .battery-bar, :root[data-theme="light"] .signal-bar { background: #e2e8f0 !important; }
:root[data-theme="light"] .category-header, :root[data-theme="light"] .section-header { background: #f8fafc !important; border-color: #e2e8f0 !important; }
:root[data-theme="light"] .search-input, :root[data-theme="light"] .search-box input { background: #ffffff !important; border: 1px solid #cbd5e1 !important; }
:root[data-theme="light"] .search-input:focus { box-shadow: 0 0 0 3px rgba(5,150,105,0.12) !important; }
:root[data-theme="light"] .pill, :root[data-theme="light"] .tag, :root[data-theme="light"] .badge { box-shadow: none !important; }
:root[data-theme="light"] .chart-container { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }
:root[data-theme="light"] .date-picker input, :root[data-theme="light"] .date-range input { background: #ffffff !important; }
:root[data-theme="light"] .biomarker-categories-wrapper {
            background: transparent !important;
        }
:root[data-theme="light"] .measure-category .cat-name {
            color: #0f172a !important;
        }
:root[data-theme="light"] .measure-category .count {
            color: #64748b !important;
        }
:root[data-theme="light"] .measure-category .analyte-item {
            background: #f8fafc !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .measure-category .biomarker-tile:hover {
            background: #f1f5f9 !important;
            border-color: #10b981 !important;
        }
:root[data-theme="light"] .measure-category .biomarker-tile.selected {
            background: rgba(16,185,129,0.08) !important;
            border-color: #10b981 !important;
        }
:root[data-theme="light"] .measure-category .name {
            color: #0f172a !important;
        }
:root[data-theme="light"] .measure-category .range {
            color: #64748b !important;
        }
:root[data-theme="light"] .settings-section h4 {
            color: #0f172a !important;
        }
:root[data-theme="light"] .setting-row {
            background: transparent !important;
            border-bottom: 1px solid #f1f5f9 !important;
        }
:root[data-theme="light"] .setting-label {
            color: #0f172a !important;
        }
:root[data-theme="light"] .selected-count {
            color: #64748b !important;
        }
:root[data-theme="light"] .measure-btn:disabled {
            background: #e2e8f0 !important;
            color: #94a3b8 !important;
        }
:root[data-theme="light"] .stats-grid {
            background: transparent !important;
        }
:root[data-theme="light"] .stats-grid .stat-item {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .stats-grid .stat-label {
            color: #64748b !important;
        }
:root[data-theme="light"] .stats-grid .stat-value {
            color: #0f172a !important;
        }
:root[data-theme="light"] .compare-section {
            background: transparent !important;
        }
:root[data-theme="light"] .compare-title {
            color: #0f172a !important;
        }
:root[data-theme="light"] .analyte-checkboxes {
            background: transparent !important;
        }
:root[data-theme="light"] .analyte-checkbox {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            color: #334155 !important;
        }
:root[data-theme="light"] .analyte-checkbox:hover {
            background: #f8fafc !important;
            border-color: #cbd5e1 !important;
        }
:root[data-theme="light"] .analyte-checkbox.locked {
            background: #f1f5f9 !important;
            color: #94a3b8 !important;
        }
:root[data-theme="light"] .analyte-checkbox input[type="checkbox"] {
            accent-color: #10b981 !important;
        }
:root[data-theme="light"] .analyte-checkbox span {
            color: #334155 !important;
        }
:root[data-theme="light"] .chart-header {
            background: transparent !important;
        }
:root[data-theme="light"] .chart-title {
            color: #0f172a !important;
        }
:root[data-theme="light"] .chart-type-btn {
            background: #f1f5f9 !important;
            border: 1px solid #e2e8f0 !important;
            color: #475569 !important;
        }
:root[data-theme="light"] .chart-type-btn:hover {
            background: #e2e8f0 !important;
        }
:root[data-theme="light"] .chart-type-btn.active {
            background: #10b981 !important;
            color: #ffffff !important;
            border-color: #10b981 !important;
        }
:root[data-theme="light"] .date-range-section {
            background: transparent !important;
        }
:root[data-theme="light"] .date-label {
            color: #0f172a !important;
        }
:root[data-theme="light"] .range-btn {
            background: #f1f5f9 !important;
            border: 1px solid #e2e8f0 !important;
            color: #475569 !important;
        }
:root[data-theme="light"] .range-btn:hover {
            background: #e2e8f0 !important;
        }
:root[data-theme="light"] .range-btn.active {
            background: #10b981 !important;
            color: #ffffff !important;
            border-color: #10b981 !important;
        }
:root[data-theme="light"] .history-table {
            background: #ffffff !important;
        }
:root[data-theme="light"] .history-table th {
            background: #f8fafc !important;
            color: #0f172a !important;
            border-color: #e2e8f0 !important;
        }
:root[data-theme="light"] .history-table td {
            color: #334155 !important;
            border-color: #e2e8f0 !important;
        }
:root[data-theme="light"] .trend-icon {
            color: inherit !important;
        }
:root[data-theme="light"] [style*="background: rgb(51"] {
            background: #ffffff !important;
        }
:root[data-theme="light"] [style*="color: rgb(148"] {
            color: #334155 !important;
        }
:root[data-theme="light"] .search-input-wrapper input {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            color: #0f172a !important;
            box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
        }
:root[data-theme="light"] .search-input-wrapper input::placeholder {
            color: #94a3b8 !important;
        }
:root[data-theme="light"] .search-input-wrapper .search-icon {
            color: #64748b !important;
        }
:root[data-theme="light"] button.common-biomarkers {
            background: #f1f5f9 !important;
            border: 1px solid #e2e8f0 !important;
            color: #475569 !important;
        }
:root[data-theme="light"] .select-actions button:hover {
            background: #e2e8f0 !important;
            border-color: #cbd5e1 !important;
            color: #0f172a !important;
        }
:root[data-theme="light"] .category-accordion {
            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
        }
:root[data-theme="light"] .measure-category:hover {
            border-color: #cbd5e1 !important;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
        }
:root[data-theme="light"] .biomarker-category .count {
            color: #64748b !important;
            background: transparent !important;
        }
:root[data-theme="light"] .status-indicator {
            opacity: 0.9 !important;
        }
:root[data-theme="light"] .biomarker-category svg {
            color: #64748b !important;
        }
:root[data-theme="light"] .marker-item {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
        }
:root[data-theme="light"] .biomarker-card:hover {
            border-color: #10b981 !important;
            box-shadow: 0 4px 12px rgba(16,185,129,0.12) !important;
            transform: translateY(-1px);
        }
:root[data-theme="light"] .biomarker-card.selected {
            background: linear-gradient(135deg, rgba(16,185,129,0.06) 0%, rgba(6,182,212,0.04) 100%) !important;
            border-color: #10b981 !important;
            box-shadow: 0 0 0 3px rgba(16,185,129,0.1) !important;
        }
:root[data-theme="light"] .analyte-tile .name {
            color: #0f172a !important;
            font-weight: 500 !important;
        }
:root[data-theme="light"] .analyte-tile .range {
            color: #64748b !important;
        }
:root[data-theme="light"] .analyte-tile .icon {
            opacity: 0.85 !important;
        }
:root[data-theme="light"] .biomarker-card.locked {
            background: #f8fafc !important;
            border: 1px dashed #cbd5e1 !important;
            opacity: 0.75 !important;
        }
:root[data-theme="light"] .locked-indicator {
            color: #94a3b8 !important;
        }
:root[data-theme="light"] .status-panel {
            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
            border: 1px solid #e2e8f0 !important;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
        }
:root[data-theme="light"] .status-panel-header {
            color: #0f172a !important;
        }
:root[data-theme="light"] .device-info-card {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .device-info-card .name {
            color: #0f172a !important;
        }
:root[data-theme="light"] .device-info-card .serial {
            color: #64748b !important;
        }
:root[data-theme="light"] .sensor-item {
            background: rgba(241,245,249,0.6) !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .sensor-item .name {
            color: #0f172a !important;
        }
:root[data-theme="light"] .sensor-item .value {
            color: #64748b !important;
        }
:root[data-theme="light"] .results-panel {
            background: #ffffff !important;
            border: 1px solid #e2e8f0 !important;
        }
:root[data-theme="light"] .results-panel .title {
            color: #0f172a !important;
        }
:root[data-theme="light"] .category-content {
            background: transparent !important;
        }
:root[data-theme="light"] .category-content::-webkit-scrollbar {
            width: 6px;
        }
:root[data-theme="light"] .biomarker-list::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
:root[data-theme="light"] .biomarker-list::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 3px;
        }
:root[data-theme="light"] .biomarker-list::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }
:root[data-theme="light"] .result-biomarker-card {
        background: #f8fafc;
        border-color: #e2e8f0;
    }
:root[data-theme="light"] .result-bio-name { color: #1e293b; }
:root[data-theme="light"] .result-bio-val { color: #0f172a; }
:root[data-theme="light"] .result-bio-unit { color: #64748b; }
:root[data-theme="light"] .page-header {
        background: linear-gradient(135deg, #ecfdf5, #e0f2fe, #fef3c7) !important;
    }
:root[data-theme="light"] .page-header h1 {
        color: #059669 !important;
        -webkit-text-fill-color: #059669 !important;
        background: none !important;
    }
:root[data-theme="light"] .page-header p {
        color: #475569 !important;
    }
:root[data-theme="light"] .device-status-bar {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    }
:root[data-theme="light"] .device-status-bar .status-item {
        color: #334155 !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 8px !important;
    }
:root[data-theme="light"] .device-status-bar .status-item i {
        color: #059669 !important;
    }
:root[data-theme="light"] .device-status-bar .status-item span {
        color: #334155 !important;
    }
:root[data-theme="light"] .status-dot {
        background: #22c55e !important;
    }
:root[data-theme="light"] .biomarkers-container h2 {
        color: #0f172a !important;
    }
:root[data-theme="light"] .search-input {
        background: #ffffff !important;
        border-color: #e2e8f0 !important;
        color: #0f172a !important;
    }
:root[data-theme="light"] .device-status-panel {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
    }
:root[data-theme="light"] .device-status-panel h3 {
        color: #0f172a !important;
    }
:root[data-theme="light"] .device-info {
        color: #334155 !important;
    }
:root[data-theme="light"] .device-icon {
        color: #059669 !important;
    }
:root[data-theme="light"] .biomarker-search {
        background: #ffffff !important;
        border-color: #e2e8f0 !important;
    }
:root[data-theme="light"] .biomarker-search input {
        background: #f8fafc !important;
        color: #0f172a !important;
    }
:root[data-theme="light"] .measure-grid {
        background: transparent !important;
    }
:root[data-theme="light"] [style*="rgba(255,255,255,0.7)"] {
        color: #475569 !important;
    }
:root[data-theme="light"] [style*="rgba(255,255,255,0.5)"] {
        color: #64748b !important;
    }
:root[data-theme="light"] [style*="rgba(255,255,255,0.4)"] {
        color: #94a3b8 !important;
    }
:root[data-theme="light"] [style*="background:linear-gradient(145deg, #1e293b"] {
        background: #ffffff !important;
    }
:root[data-theme="light"] header {
        background: #ffffff !important;
        border-bottom: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    }
:root[data-theme="light"] .nav-link i {
        color: #64748b !important;
    }
:root[data-theme="light"] .measure-header {
        background: linear-gradient(135deg, #ecfdf5, #e0f2fe) !important;
    }
:root[data-theme="light"] .measure-header h1 {
        color: #059669 !important;
        -webkit-text-fill-color: #059669 !important;
        background: none !important;
    }
:root[data-theme="light"] .section-subtitle {
        color: #475569 !important;
    }
:root[data-theme="light"] .smartcemic-sensor-section h2 {
        color: #059669 !important;
    }
:root[data-theme="light"] .smartcemic-sensor-section p {
        color: #475569 !important;
    }
:root[data-theme="light"] .sensor-mode-btn:hover {
        border-color: #059669 !important;
        background: #f0fdf4 !important;
    }
:root[data-theme="light"] .sensor-mode-btn .mode-icon {
        opacity: 1 !important;
    }
:root[data-theme="light"] .category-name {
        color: #0f172a !important;
    }
:root[data-theme="light"] .category-count {
        color: #475569 !important;
    }
:root[data-theme="light"] .category-chevron {
        color: #94a3b8 !important;
    }
:root[data-theme="light"] .measure-cat-grid .analyte-option {
        background: #ffffff !important;
        border: 2px solid #e2e8f0 !important;
        color: #334155 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    }
:root[data-theme="light"] .measure-cat-grid .analyte-option:hover {
        background: #f0fdf4 !important;
        border-color: #059669 !important;
        box-shadow: 0 2px 8px rgba(5,150,105,0.1) !important;
    }
:root[data-theme="light"] .measure-cat-grid .analyte-option.selected {
        background: rgba(5,150,105,0.06) !important;
        border-color: #059669 !important;
        box-shadow: 0 0 0 2px rgba(5,150,105,0.15) !important;
    }
:root[data-theme="light"] .analyte-option.locked {
        background: #f8fafc !important;
        border-color: #e2e8f0 !important;
        opacity: 0.7 !important;
    }
:root[data-theme="light"] .analyte-desc {
        color: #64748b !important;
    }
:root[data-theme="light"] .analyte-option .check-mark {
        color: #059669 !important;
    }
:root[data-theme="light"] .lock-icon {
        color: #94a3b8 !important;
    }
:root[data-theme="light"] .lock-badge {
        color: #64748b !important;
        background: #f1f5f9 !important;
    }
:root[data-theme="light"] .analyte-pill:hover {
        color: #ffffff !important;
        background: #059669 !important;
    }
:root[data-theme="light"] .category-tab {
        color: #475569 !important;
        background: #f8fafc !important;
        border-color: #e2e8f0 !important;
    }
:root[data-theme="light"] .search-input-wrapper {
        background: #ffffff !important;
        border-color: #e2e8f0 !important;
    }
:root[data-theme="light"] .select-actions {
        background: #f8fafc !important;
        border-color: #e2e8f0 !important;
    }
:root[data-theme="light"] .select-btn {
        color: #334155 !important;
        background: #ffffff !important;
        border-color: #cbd5e1 !important;
    }
:root[data-theme="light"] .select-btn:hover {
        color: #059669 !important;
        border-color: #059669 !important;
    }
:root[data-theme="light"] .sticky-measure-label {
        color: #334155 !important;
    }
:root[data-theme="light"] .sticky-measure-count {
        color: #334155 !important;
    }
:root[data-theme="light"] .latest-results-card {
        background: #ffffff !important;
        border-color: #e2e8f0 !important;
    }
:root[data-theme="light"] .sensor-card {
        background: #ffffff !important;
        border-color: #e2e8f0 !important;
        color: #334155 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    }
:root[data-theme="light"] .section-header {
        color: #0f172a !important;
    }
:root[data-theme="light"] .spectral-method {
        color: #64748b !important;
    }
:root[data-theme="light"] .uncertainty-display {
        color: #94a3b8 !important;
    }
:root[data-theme="light"] [style*="background:#1e293b"] {
        background: #ffffff !important;
        border-color: #cbd5e1 !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
    }
:root[data-theme="light"] .mobile-grid-link i {
        color: #64748b !important;
    }
:root[data-theme="light"] .mobile-grid-link.active {
        color: #059669 !important;
        background: #f0fdf4 !important;
        border-color: #059669 !important;
    }
:root[data-theme="light"] .sc-quick-btn {
        color: #059669 !important;
        border-color: #059669 !important;
        background: rgba(5,150,105,0.06) !important;
    }
:root[data-theme="light"] .cat-action-btn {
        color: #334155 !important;
    }
:root[data-theme="light"] .cat-action-btn:hover {
        color: #059669 !important;
    }
:root[data-theme="light"] .input-group select {
        background: #ffffff !important;
        color: #0f172a !important;
        border-color: #e2e8f0 !important;
    }
:root[data-theme="light"] .filter-pill.active {
        color: #ffffff !important;
        background: #059669 !important;
        border-color: #059669 !important;
    }
:root[data-theme="light"] [style*="background:#334155"] {
        background: #f1f5f9 !important;
    }
:root[data-theme="light"] [style*="color:#e2e8f0"] {
        color: #0f172a !important;
    }
:root[data-theme="light"] [style*="color:#94a3b8"] {
        color: #475569 !important;
    }
:root[data-theme="light"] [style*="color:#64748b"] {
        color: #334155 !important;
    }
:root[data-theme="light"] [style*="color:#f1f5f9"] {
        color: #0f172a !important;
    }
:root[data-theme="light"] [style*="border-color:#334155"] {
        border-color: #cbd5e1 !important;
    }
:root[data-theme="light"] [style*="border:1px solid rgba(255"] {
        border-color: #e2e8f0 !important;
    }
:root[data-theme="light"] .analyte-option:not(.selected):not(:hover) {
        background: #ffffff !important;
        border: 2px solid #e2e8f0 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    }
:root[data-theme="light"] .analyte-option::before {
        display: none !important;
    }
:root[data-theme="light"] .analyte-option:hover {
        background: #f0fdf4 !important;
        border-color: #059669 !important;
        box-shadow: 0 2px 8px rgba(5,150,105,0.12) !important;
    }
:root[data-theme="light"] .analyte-option .analyte-icon-name {
        color: #0f172a !important;
    }
:root[data-theme="light"] .analyte-option .analyte-range {
        color: #64748b !important;
    }
:root[data-theme="light"] .analyte-option .analyte-icon {
        filter: none !important;
    }
:root[data-theme="light"] .pipeline-item {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 10px !important;
        box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
    }
:root[data-theme="light"] .pipeline-item:hover {
        border-color: #cbd5e1 !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
    }
:root[data-theme="light"] .pipeline-name {
        color: #0f172a !important;
    }
:root[data-theme="light"] .pipeline-info {
        color: #334155 !important;
    }
:root[data-theme="light"] .pipeline-value {
        color: #64748b !important;
    }
:root[data-theme="light"] .pipeline-icon {
        border-color: #e2e8f0 !important;
    }
:root[data-theme="light"] .pipeline-icon.ready {
        background: #ecfdf5 !important;
        color: #059669 !important;
        border-color: #a7f3d0 !important;
    }
:root[data-theme="light"] #latest-results {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
    }
:root[data-theme="light"] .results-panel h3 {
        color: #0f172a !important;
    }
:root[data-theme="light"] .result-card:hover {
        border-color: #cbd5e1 !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
    }
:root[data-theme="light"] .measure-cat-icon {
        color: #059669 !important;
    }
:root[data-theme="light"] .measure-cat-count {
        color: #059669 !important;
        background: #ecfdf5 !important;
        border-radius: 20px !important;
        padding: 2px 8px !important;
    }
:root[data-theme="light"] .measure-cat-selected {
        color: #059669 !important;
    }
:root[data-theme="light"] .measure-cat-arrow {
        color: #94a3b8 !important;
    }
:root[data-theme="light"] .measure-cat-grid {
        background: transparent !important;
    }
:root[data-theme="light"] .settings-section h3 {
        color: #0f172a !important;
    }
:root[data-theme="light"] .device-status-card {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
    }
:root[data-theme="light"] .device-info h4 {
        color: #0f172a !important;
    }
:root[data-theme="light"] .device-info p {
        color: #64748b !important;
    }
:root[data-theme="light"] .scroll-area::-webkit-scrollbar-track {
        background: #f1f5f9 !important;
    }
:root[data-theme="light"] .scroll-area::-webkit-scrollbar-thumb {
        background: #cbd5e1 !important;
    }
:root[data-theme="light"] .progress-overlay {
        background: rgba(0, 0, 0, 0.5) !important;
    }
:root[data-theme="light"] .progress-modal {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 25px 80px rgba(0,0,0,0.2) !important;
    }
:root[data-theme="light"] .progress-ring {
        background: conic-gradient(#059669 calc(var(--progress, 0) * 1%), #e2e8f0 0) !important;
    }
:root[data-theme="light"] .progress-ring::before {
        background: #ffffff !important;
    }
:root[data-theme="light"] .progress-percent {
        color: #059669 !important;
        -webkit-text-fill-color: #059669 !important;
        background: none !important;
    }
:root[data-theme="light"] .progress-title {
        color: #0f172a !important;
    }
:root[data-theme="light"] .progress-subtitle {
        color: #64748b !important;
    }
:root[data-theme="light"] .step-text.done {
        color: #059669 !important;
    }
:root[data-theme="light"] .step-text.active {
        color: #0f172a !important;
        font-weight: 600 !important;
    }
:root[data-theme="light"] .step-text.pending {
        color: #94a3b8 !important;
    }
:root[data-theme="light"] .step-icon.done {
        color: #059669 !important;
    }
:root[data-theme="light"] .step-icon.active {
        color: #0f172a !important;
    }
:root[data-theme="light"] .step-icon.pending {
        color: #cbd5e1 !important;
    }
:root[data-theme="light"] .cancel-btn {
        border: 2px solid #cbd5e1 !important;
        color: #64748b !important;
        background: transparent !important;
    }
:root[data-theme="light"] .cancel-btn:hover {
        border-color: #ef4444 !important;
        color: #ef4444 !important;
        background: #fef2f2 !important;
    }
:root[data-theme="light"] .progress-animation {
        background: transparent !important;
    }
:root[data-theme="light"] main {
        background: #f1f5f9 !important;
    }
:root[data-theme="light"] header + * {
        background-color: transparent !important;
    }
:root[data-theme="light"] .measure-grid > * {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        color: #334155 !important;
    }
:root[data-theme="light"] .measure-grid h3 {
        color: #0f172a !important;
    }


/* ═══ Merged from devices.html ═══ */
:root[data-theme="light"] .reading-card {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
        color: #334155 !important;
    }
:root[data-theme="light"] .stat-unit {
        color: #94a3b8 !important;
    }
:root[data-theme="light"] .stat-change.up {
        color: #059669 !important;
    }
:root[data-theme="light"] .stat-change.down {
        color: #ef4444 !important;
    }
:root[data-theme="light"] tr:hover td {
        background: #f8fafc !important;
    }
:root[data-theme="light"] .history-table-header {
        background: transparent !important;
    }
:root[data-theme="light"] .filter-btn.active {
        background: #059669 !important;
        border-color: #059669 !important;
        color: #ffffff !important;
    }
:root[data-theme="light"] .table-filters input {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        color: #0f172a !important;
    }
:root[data-theme="light"] .device-details {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
    }
:root[data-theme="light"] .device-status-text {
        color: #64748b !important;
    }
:root[data-theme="light"] .analyte-pill.active {
        background: #059669 !important;
        border-color: #059669 !important;
        color: #ffffff !important;
    }
:root[data-theme="light"] .badge-normal {
        color: #059669 !important;
        background: #ecfdf5 !important;
    }
:root[data-theme="light"] .badge-high {
        color: #dc2626 !important;
        background: #fef2f2 !important;
    }
:root[data-theme="light"] .badge-low {
        color: #d97706 !important;
        background: #fffbeb !important;
    }
:root[data-theme="light"] .report-panel {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
    }
:root[data-theme="light"] .report-title {
        color: #0f172a !important;
    }
:root[data-theme="light"] .report-meta {
        color: #64748b !important;
    }
:root[data-theme="light"] .category-tab .count {
        background: rgba(5,150,105,0.1) !important;
        color: #059669 !important;
    }
:root[data-theme="light"] .category-tab.active .count {
        background: rgba(255,255,255,0.2) !important;
        color: #ffffff !important;
    }
:root[data-theme="light"] ::-webkit-scrollbar-track {
        background: #f1f5f9 !important;
    }
:root[data-theme="light"] ::-webkit-scrollbar-thumb {
        background: #cbd5e1 !important;
    }
:root[data-theme="light"] [style*="color: #e2e8f0"] {
        color: #334155 !important;
    }
:root[data-theme="light"] [style*="color: #94a3b8"] {
        color: #64748b !important;
    }
:root[data-theme="light"] [style*="border-bottom: 1px solid #334155"] {
        border-bottom-color: #e2e8f0 !important;
    }


/* ═══ Merged from reports.html ═══ */
:root[data-theme="light"] .card, :root[data-theme="light"] .panel, :root[data-theme="light"] .module-panel, :root[data-theme="light"] .stat-card, :root[data-theme="light"] .metric-card, :root[data-theme="light"] .report-card { background: #ffffff !important; border-color: #cbd5e1 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important; }
:root[data-theme="light"] .header, :root[data-theme="light"] header, :root[data-theme="light"] nav { background: #ffffff !important; border-color: #cbd5e1 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; }
:root[data-theme="light"] h1, :root[data-theme="light"] h2, :root[data-theme="light"] h3, :root[data-theme="light"] h4, :root[data-theme="light"] h5 { color: #0f172a !important; }
:root[data-theme="light"] p, :root[data-theme="light"] li, :root[data-theme="light"] label, :root[data-theme="light"] span:not(.theme-icon):not(.badge) { color: #334155 !important; }
:root[data-theme="light"] .text-muted, :root[data-theme="light"] small { color: #64748b !important; }
:root[data-theme="light"] footer { background: #ffffff !important; border-top: 1px solid #e2e8f0 !important; }
:root[data-theme="light"] .wellness-score, :root[data-theme="light"] .score-value { color: #059669 !important; }
:root[data-theme="light"] .category-pill, :root[data-theme="light"] .filter-pill { background: #f1f5f9 !important; border-color: #cbd5e1 !important; color: #475569 !important; }
:root[data-theme="light"] .category-pill.active, :root[data-theme="light"] .filter-pill.active { background: linear-gradient(135deg, #059669, #047857) !important; color: #ffffff !important; }
:root[data-theme="light"] .report-card {
            background: #ffffff;
            border-color: #e2e8f0;
        }
:root[data-theme="light"] .report-card .select-checkbox {
            background: rgba(241, 245, 249, 0.95);
            border-color: #cbd5e1;
        }
:root[data-theme="light"] .report-card.selected {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.06), rgba(6, 182, 212, 0.04));
        }
:root[data-theme="light"] .category-tab::before {
            border-color: #cbd5e1;
        }
:root[data-theme="light"] .multi-select-bar {
            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
        }
:root[data-theme="light"] .multi-select-info {
            color: #1e293b;
        }
:root[data-theme="light"] .modal-header h2 {
            color: white;
        }
:root[data-theme="light"] .modal-footer {
            background: #f8fafc;
            border-top-color: #e2e8f0;
        }
:root[data-theme="light"] .search-box input {
            background: #f8fafc;
            border-color: #e2e8f0;
            color: #1e293b;
        }
:root[data-theme="light"] .checkbox-option {
            background: #f8fafc;
            border-color: #e2e8f0;
        }
:root[data-theme="light"] .progress-steps {
            background: #f8fafc;
        }