/* ═══════════════════════════════════════════════════════════════════
   NutriTrack — Theme.css (v3.0 Flagship Edition)
   Flawless Dark & Light Mode Overrides for the Entire Application.
   When [data-theme="light"] or .theme-light is active, ALL backgrounds,
   surfaces, cards, typography, sidebars, and widgets transform into a
   pristine Apple Health / Linear-style porcelain aesthetic.
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. CSS VARIABLES (Light Mode) ── */
[data-theme="light"],
html.theme-light,
body.theme-light {
  --kiwi: #2D9E6B;
  --kiwi-deep: #21774F;
  --kiwi-light: rgba(45, 158, 107, 0.12);
  --citrus: #C97F00;
  --citrus-deep: #9C6300;
  --citrus-light: rgba(201, 127, 0, 0.12);
  --berry: #C23E7B;
  --berry-deep: #99315F;
  --berry-light: rgba(194, 62, 123, 0.12);
  --coral: #D14A26;
  --coral-light: rgba(209, 74, 38, 0.12);
  --grape: #7C56B0;
  --grape-light: rgba(124, 86, 176, 0.12);
  --mango: #DB7328;

  /* Typography & Text */
  --ink: #0F172A;
  --ink-80: rgba(15, 23, 42, 0.88);
  --ink-50: rgba(15, 23, 42, 0.65);
  --ink-30: rgba(15, 23, 42, 0.45);
  --ink-10: rgba(15, 23, 42, 0.12);
  --mist: #475569;

  /* Canvas & Surfaces */
  --smoke: #FFFFFF;
  --parchment: #F8FAFC;
  --white: #FFFFFF;
  --surface: #FFFFFF;
  --border: rgba(15, 23, 42, 0.08);
  --border-soft: rgba(15, 23, 42, 0.05);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 10px 32px rgba(15, 23, 42, 0.08);
  --shadow-xl: 0 20px 48px rgba(15, 23, 42, 0.10);
}

/* ── 2. ROOT CANVAS & GLOBAL BACKGROUNDS ── */
[data-theme="light"] body,
body.theme-light {
  background: linear-gradient(180deg, #F8FAFC 0%, #EEF2F6 100%) fixed !important;
  color: #0F172A !important;
}

[data-theme="light"] #mainApp,
[data-theme="light"] .main-content-wrap,
[data-theme="light"] #mainContent,
[data-theme="light"] .page,
html.theme-light #mainApp,
html.theme-light .main-content-wrap,
html.theme-light #mainContent,
html.theme-light .page {
  background: transparent !important;
  color: #0F172A !important;
}

/* ── 3. SIDEBAR NAVIGATION (Light Mode) ── */
[data-theme="light"] .sidebar-nav,
html.theme-light .sidebar-nav {
  background: #FFFFFF !important;
  border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 4px 0 24px rgba(15, 23, 42, 0.03) !important;
}

[data-theme="light"] .sidebar-title,
html.theme-light .sidebar-title {
  color: #0F172A !important;
}

[data-theme="light"] .sidebar-link,
html.theme-light .sidebar-link {
  color: #475569 !important;
}

[data-theme="light"] .sidebar-link:hover,
html.theme-light .sidebar-link:hover {
  background: rgba(45, 158, 107, 0.08) !important;
  color: #21774F !important;
}

[data-theme="light"] .sidebar-link.active,
html.theme-light .sidebar-link.active {
  background: rgba(45, 158, 107, 0.14) !important;
  color: #21774F !important;
  font-weight: 700 !important;
}

[data-theme="light"] .sidebar-section-label,
html.theme-light .sidebar-section-label {
  color: #94A3B8 !important;
}

[data-theme="light"] .sidebar-widget-btn,
[data-theme="light"] .diet-widget,
html.theme-light .sidebar-widget-btn,
html.theme-light .diet-widget {
  background: #F8FAFC !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  color: #0F172A !important;
}

[data-theme="light"] .diet-widget-label,
html.theme-light .diet-widget-label {
  color: #0F172A !important;
}

[data-theme="light"] .diet-widget-tag,
html.theme-light .diet-widget-tag {
  color: #64748B !important;
}

[data-theme="light"] .sidebar-username,
html.theme-light .sidebar-username {
  color: #0F172A !important;
}

[data-theme="light"] .sidebar-user-role,
html.theme-light .sidebar-user-role {
  color: #64748B !important;
}

[data-theme="light"] .sidebar-lang-select,
html.theme-light .sidebar-lang-select {
  background: #F1F5F9 !important;
  color: #0F172A !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}

[data-theme="light"] .sidebar-logout-btn,
html.theme-light .sidebar-logout-btn {
  background: rgba(209, 74, 38, 0.08) !important;
  color: #D14A26 !important;
}

/* ── 4. MOBILE TOPBAR (Light Mode) ── */
[data-theme="light"] .mobile-topbar,
html.theme-light .mobile-topbar {
  background: #FFFFFF !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .mobile-topbar span,
html.theme-light .mobile-topbar span {
  color: #0F172A !important;
}

/* ── 5. ALL CARDS & SURFACES (Light Mode) ── */
[data-theme="light"] .glass-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .hero-nutrition-card,
[data-theme="light"] .meal-timeline-card,
[data-theme="light"] .micronutrient-scorecard,
[data-theme="light"] .macro-3d-card,
html.theme-light .glass-card,
html.theme-light .stat-card,
html.theme-light .hero-nutrition-card,
html.theme-light .meal-timeline-card,
html.theme-light .micronutrient-scorecard,
html.theme-light .macro-3d-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.07) !important;
  box-shadow: 0 8px 24px -4px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  color: #0F172A !important;
}

[data-theme="light"] .card-title,
[data-theme="light"] .greeting h2,
[data-theme="light"] .hero-nutrition-title,
html.theme-light .card-title,
html.theme-light .greeting h2,
html.theme-light .hero-nutrition-title {
  color: #0F172A !important;
}

[data-theme="light"] .greeting p,
html.theme-light .greeting p {
  color: #64748B !important;
}

/* ── 6. HERO NUTRITION COMMAND CENTER (Light Mode) ── */
[data-theme="light"] .hero-calorie-hub,
html.theme-light .hero-calorie-hub {
  background: #F8FAFC !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .hero-dial-val,
html.theme-light .hero-dial-val {
  color: #0F172A !important;
}

[data-theme="light"] .hero-dial-unit,
html.theme-light .hero-dial-unit {
  color: #64748B !important;
}

[data-theme="light"] .hero-rem-pill,
html.theme-light .hero-rem-pill {
  background: rgba(45, 158, 107, 0.12) !important;
  border: 1px solid rgba(45, 158, 107, 0.25) !important;
  color: #21774F !important;
}

[data-theme="light"] .hero-rem-num,
html.theme-light .hero-rem-num {
  color: #21774F !important;
}

[data-theme="light"] .hero-ledger-stat,
html.theme-light .hero-ledger-stat {
  color: #475569 !important;
}

[data-theme="light"] .hero-ledger-stat b,
html.theme-light .hero-ledger-stat b {
  color: #0F172A !important;
}

[data-theme="light"] .macro-pillar-card,
html.theme-light .macro-pillar-card {
  background: #F8FAFC !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .macro-pillar-val,
html.theme-light .macro-pillar-val {
  color: #0F172A !important;
}

[data-theme="light"] .macro-pillar-goal,
html.theme-light .macro-pillar-goal {
  color: #64748B !important;
}

/* ── 7. MEALS TIMELINE (Light Mode) ── */
[data-theme="light"] .meal-timeline-card,
html.theme-light .meal-timeline-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .meal-timeline-label,
html.theme-light .meal-timeline-label {
  color: #0F172A !important;
}

[data-theme="light"] .meal-timeline-cals,
html.theme-light .meal-timeline-cals {
  background: rgba(45, 158, 107, 0.1) !important;
  color: #21774F !important;
}

[data-theme="light"] .meal-empty-hint,
html.theme-light .meal-empty-hint {
  color: #94A3B8 !important;
}

[data-theme="light"] .meal-add-btn,
html.theme-light .meal-add-btn {
  background: #F1F5F9 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  color: #334155 !important;
}

[data-theme="light"] .meal-add-btn:hover,
html.theme-light .meal-add-btn:hover {
  background: rgba(45, 158, 107, 0.12) !important;
  color: #21774F !important;
  border-color: rgba(45, 158, 107, 0.3) !important;
}

/* ── 8. MICRONUTRIENTS & 85+ SPECTRUM (Light Mode) ── */
[data-theme="light"] .micro-stat-tile,
html.theme-light .micro-stat-tile {
  background: #F8FAFC !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .micro-stat-name,
html.theme-light .micro-stat-name {
  color: #0F172A !important;
}

[data-theme="light"] .micro-stat-numbers,
html.theme-light .micro-stat-numbers {
  color: #475569 !important;
}

[data-theme="light"] .micro-stat-numbers b,
html.theme-light .micro-stat-numbers b {
  color: #0F172A !important;
}

/* ── 9. HYDRATION, WORKOUT & CONTROLS (Light Mode) ── */
[data-theme="light"] #waterTotal,
html.theme-light #waterTotal {
  color: #0F172A !important;
}

[data-theme="light"] .water-quick-btn,
html.theme-light .water-quick-btn {
  background: #F1F5F9 !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  color: #334155 !important;
}

[data-theme="light"] .water-quick-btn:hover,
html.theme-light .water-quick-btn:hover {
  background: rgba(45, 158, 107, 0.12) !important;
  color: #21774F !important;
  border-color: rgba(45, 158, 107, 0.3) !important;
}

[data-theme="light"] .dash-theme-btn,
html.theme-light .dash-theme-btn {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: #0F172A !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .dash-theme-btn:hover,
html.theme-light .dash-theme-btn:hover {
  background: rgba(45, 158, 107, 0.1) !important;
  border-color: rgba(45, 158, 107, 0.3) !important;
  color: #21774F !important;
}

[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="number"],
[data-theme="light"] select,
html.theme-light input[type="text"],
html.theme-light input[type="number"],
html.theme-light select {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.15) !important;
  color: #0F172A !important;
}

/* ── 10. FLOATING ASSISTANT & NUTRIBOT (Light Mode) ── */
[data-theme="light"] .floating-assistant-bar,
html.theme-light .floating-assistant-bar {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.12), 0 0 20px rgba(45, 158, 107, 0.15) !important;
}

[data-theme="light"] .assistant-bar-btn,
html.theme-light .assistant-bar-btn {
  background: #F1F5F9 !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #0F172A !important;
}

[data-theme="light"] .nutribot-panel,
html.theme-light .nutribot-panel {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(45, 158, 107, 0.4) !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15), 0 0 30px rgba(45, 158, 107, 0.12) !important;
  color: #0F172A !important;
}

[data-theme="light"] .nutribot-header,
html.theme-light .nutribot-header {
  background: linear-gradient(135deg, #2D9E6B, #21774F) !important;
  color: #FFFFFF !important;
}

[data-theme="light"] .nutribot-chip,
html.theme-light .nutribot-chip {
  background: #F1F5F9 !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #334155 !important;
}

[data-theme="light"] .nutribot-input,
html.theme-light .nutribot-input {
  background: #F8FAFC !important;
  border-color: rgba(15, 23, 42, 0.15) !important;
  color: #0F172A !important;
}

/* ── 11. PROFILE THEME SWITCH CARD ── */
.theme-toggle-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.3rem;
  margin: 1.2rem 0;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  backdrop-filter: blur(15px);
}

[data-theme="light"] .theme-toggle-card,
html.theme-light .theme-toggle-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

.theme-toggle-card .ttc-label {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--ink);
}

.theme-toggle-switch {
  display: flex;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  padding: 4px;
  gap: 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme="light"] .theme-toggle-switch,
html.theme-light .theme-toggle-switch {
  background: #F1F5F9 !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

.theme-toggle-switch button {
  border: none;
  background: transparent;
  padding: 6px 14px;
  border-radius: 9px;
  font-size: 0.8rem;
  font-family: inherit;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.65);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="light"] .theme-toggle-switch button,
html.theme-light .theme-toggle-switch button {
  color: #64748B !important;
}

.theme-toggle-switch button.active {
  background: #3ECF8E !important;
  color: #0A0F0D !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 10px rgba(62, 207, 142, 0.35) !important;
}

[data-theme="light"] .theme-toggle-switch button.active,
html.theme-light .theme-toggle-switch button.active {
  background: #2D9E6B !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(45, 158, 107, 0.3) !important;
}

/* ── 12. COMPREHENSIVE LIGHT MODE EXTENSIONS (Hydration, Workout, Track & Profile) ── */
[data-theme="light"] .hydration-card,
[data-theme="light"] .workout-hub-card,
[data-theme="light"] .profile-card,
html.theme-light .hydration-card,
html.theme-light .workout-hub-card,
html.theme-light .profile-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 8px 24px -4px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  color: #0F172A !important;
}

[data-theme="light"] .hydration-total,
html.theme-light .hydration-total {
  color: #0284C7 !important;
}

[data-theme="light"] .hydration-unit,
[data-theme="light"] .hydration-goal,
html.theme-light .hydration-unit,
html.theme-light .hydration-goal {
  color: #64748B !important;
}

[data-theme="light"] .hydration-track-wrap,
html.theme-light .hydration-track-wrap {
  background: #F1F5F9 !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .workout-input,
html.theme-light .workout-input {
  background: #F8FAFC !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: #0F172A !important;
}

[data-theme="light"] .workout-burn-pill,
html.theme-light .workout-burn-pill {
  background: rgba(45, 158, 107, 0.1) !important;
  border-color: rgba(45, 158, 107, 0.25) !important;
  color: #21774F !important;
}

[data-theme="light"] .meal-chip,
html.theme-light .meal-chip {
  background: #F1F5F9 !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  color: #475569 !important;
}

[data-theme="light"] .meal-chip:hover,
html.theme-light .meal-chip:hover {
  background: #E2E8F0 !important;
  color: #0F172A !important;
}

[data-theme="light"] .meal-chip.active,
html.theme-light .meal-chip.active {
  background: rgba(45, 158, 107, 0.14) !important;
  border-color: #2D9E6B !important;
  color: #21774F !important;
}

[data-theme="light"] .cam-area,
html.theme-light .cam-area {
  background: #F8FAFC !important;
  border-color: rgba(45, 158, 107, 0.35) !important;
  box-shadow: inset 0 0 20px rgba(15, 23, 42, 0.05) !important;
}

[data-theme="light"] .search-wrap input,
html.theme-light .search-wrap input {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(15, 23, 42, 0.14) !important;
  color: #0F172A !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .food-item,
html.theme-light .food-item {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
  color: #0F172A !important;
}

[data-theme="light"] .profile-stat,
html.theme-light .profile-stat {
  background: #F8FAFC !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .profile-stat .n,
html.theme-light .profile-stat .n {
  color: #21774F !important;
}

[data-theme="light"] .goal-row,
html.theme-light .goal-row {
  background: #F8FAFC !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .goal-label,
html.theme-light .goal-label {
  color: #0F172A !important;
}

[data-theme="light"] .goal-sub,
html.theme-light .goal-sub {
  color: #64748B !important;
}

[data-theme="light"] .goal-input,
html.theme-light .goal-input {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  color: #0F172A !important;
}

/* Light Theme Overrides for AR HUD, Holographic Scan Card & Profile Wearable Suite */
[data-theme="light"] .ar-hud-overlay .ar-badge-live,
html.theme-light .ar-hud-overlay .ar-badge-live {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #21774F !important;
  border-color: rgba(45, 158, 107, 0.4) !important;
}

[data-theme="light"] .ar-hud-overlay .ar-badge-info,
[data-theme="light"] .ar-hud-overlay .ar-badge-status,
html.theme-light .ar-hud-overlay .ar-badge-info,
html.theme-light .ar-hud-overlay .ar-badge-status {
  background: rgba(255, 255, 255, 0.85) !important;
  color: #475569 !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

[data-theme="light"] .scan-result-placeholder,
html.theme-light .scan-result-placeholder {
  background: #F8FAFC !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
}

[data-theme="light"] .scan-placeholder-title,
html.theme-light .scan-placeholder-title {
  color: #0F172A !important;
}

[data-theme="light"] .scan-result-card,
html.theme-light .scan-result-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .scan-food-name,
html.theme-light .scan-food-name {
  color: #0F172A !important;
}

[data-theme="light"] .scan-nutrient-cell,
html.theme-light .scan-nutrient-cell {
  background: #F8FAFC !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .scan-n-val,
html.theme-light .scan-n-val {
  color: #0F172A !important;
}

[data-theme="light"] .profile-name,
html.theme-light .profile-name {
  color: #0F172A !important;
}

[data-theme="light"] .profile-stat,
html.theme-light .profile-stat {
  background: #FFFFFF !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .wearable-suite-pill-card,
html.theme-light .wearable-suite-pill-card {
  background: #FFFFFF !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] .w-brand-name,
html.theme-light .w-brand-name {
  color: #0F172A !important;
}

[data-theme="light"] .w-pill-telemetry,
html.theme-light .w-pill-telemetry {
  color: #64748B !important;
}

[data-theme="light"] .ecosystem-sync-pill,
html.theme-light .ecosystem-sync-pill {
  background: #F1F5F9 !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  color: #334155 !important;
}

/* ── 13. AUTH, HISTORY TABLE & MODALS (Light Mode) ── */
[data-theme="light"] .auth-split-wrapper,
html.theme-light .auth-split-wrapper {
  background: linear-gradient(180deg, #F8FAFC 0%, #EEF2F6 100%) fixed !important;
}

[data-theme="light"] .auth-split-left,
html.theme-light .auth-split-left {
  background: radial-gradient(circle at center, rgba(45, 158, 107, 0.08) 0%, #FFFFFF 80%) !important;
  border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .auth-card,
html.theme-light .auth-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08) !important;
  color: #0F172A !important;
}

[data-theme="light"] .auth-headline,
[data-theme="light"] .auth-subhead,
html.theme-light .auth-headline,
html.theme-light .auth-subhead {
  color: #0F172A !important;
}

[data-theme="light"] .auth-tabs,
html.theme-light .auth-tabs {
  background: #F1F5F9 !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .auth-tab,
html.theme-light .auth-tab {
  color: #64748B !important;
}

[data-theme="light"] .auth-tab.active,
html.theme-light .auth-tab.active {
  background: #2D9E6B !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(45, 158, 107, 0.3) !important;
}

[data-theme="light"] .field-group input,
html.theme-light .field-group input {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  color: #0F172A !important;
}

[data-theme="light"] .history-table th,
html.theme-light .history-table th {
  color: #64748B !important;
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .history-table td,
html.theme-light .history-table td {
  background: #F8FAFC !important;
  color: #0F172A !important;
  border-color: rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .history-table tr td:first-child,
html.theme-light .history-table tr td:first-child {
  color: #0F172A !important;
  font-weight: 700 !important;
}

[data-theme="light"] .dp-panel,
html.theme-light .dp-panel {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15) !important;
  color: #0F172A !important;
}

[data-theme="light"] .dp-title,
html.theme-light .dp-title {
  color: #0F172A !important;
}

/* ══════════════════════════════════════════════════════════
   14. LIGHT MODE ELEVATED FOOD CARDS, SCAN DOCK & WIDGETS
   ══════════════════════════════════════════════════════════ */
[data-theme="light"] .food-result-card,
html.theme-light .food-result-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .food-result-card:hover,
html.theme-light .food-result-card:hover {
  background: #FFFFFF !important;
  border-color: rgba(33, 119, 79, 0.4) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12), 0 0 14px rgba(33, 119, 79, 0.1) !important;
}

[data-theme="light"] .food-emoji-badge,
html.theme-light .food-emoji-badge {
  background: rgba(15, 23, 42, 0.04) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .food-result-card .cals,
html.theme-light .food-result-card .cals {
  color: #0F172A !important;
}

[data-theme="light"] .food-result-card .name,
html.theme-light .food-result-card .name {
  color: #0F172A !important;
}

[data-theme="light"] .food-badge-source,
html.theme-light .food-badge-source {
  color: #64748B !important;
}

[data-theme="light"] .food-desc-text,
html.theme-light .food-desc-text {
  color: #64748B !important;
}

[data-theme="light"] .scan-btn,
html.theme-light .scan-btn {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  color: #0F172A !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

[data-theme="light"] .scan-btn:hover,
html.theme-light .scan-btn:hover {
  background: #F8FAFC !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1) !important;
}

[data-theme="light"] .scan-btn.green,
html.theme-light .scan-btn.green {
  color: #15803D !important;
}
[data-theme="light"] .scan-btn.orange,
html.theme-light .scan-btn.orange {
  color: #D97706 !important;
}
[data-theme="light"] .scan-btn.blue,
html.theme-light .scan-btn.blue {
  color: #0284C7 !important;
}
[data-theme="light"] .scan-btn.purple,
html.theme-light .scan-btn.purple {
  color: #7E22CE !important;
}

[data-theme="light"] .share-btn-side,
html.theme-light .share-btn-side {
  background: rgba(245, 166, 35, 0.08) !important;
  color: #B45309 !important;
  border: 1px solid rgba(245, 166, 35, 0.35) !important;
}

[data-theme="light"] .empty-log-state,
html.theme-light .empty-log-state {
  background: #FFFFFF !important;
  border: 1px dashed rgba(15, 23, 42, 0.14) !important;
}

[data-theme="light"] .empty-log-title,
html.theme-light .empty-log-title {
  color: #0F172A !important;
}

[data-theme="light"] .starter-chip,
html.theme-light .starter-chip {
  background: #FFFFFF !important;
  color: #0F172A !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
}

[data-theme="light"] .starter-chip:hover,
html.theme-light .starter-chip:hover {
  background: rgba(33, 119, 79, 0.1) !important;
  border-color: rgba(33, 119, 79, 0.4) !important;
  color: #15803D !important;
}

[data-theme="light"] .workout-input,
html.theme-light .workout-input {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  color: #0F172A !important;
}