/* =====================================================================
   Appearance Settings, Dynamic Accent Colors & Full Light Theme
   ===================================================================== */

/* ── Appearance card layout (Sleek Project Dark Neon Style) ───────── */
.st-appearance-card {
  background: #080c14 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  overflow: hidden;
  padding: 4px 0 16px 0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.st-appearance-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  gap: 12px;
}

.st-appearance-row + .st-appearance-row {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.st-appearance-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-shrink: 0;
}

.st-appearance-icon.is-purple {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
}

.st-appearance-icon.is-cyan {
  background: linear-gradient(135deg, #06b6d4, #0891b2);
}

.st-appearance-label {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  margin-right: auto;
  padding-left: 4px;
}

/* ── Segmented Control Pill ───────────────────────────────────────── */
.st-appearance-seg {
  display: inline-flex;
  align-items: center;
  background: #000000;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 3px;
  gap: 2px;
  flex-shrink: 0;
}

.st-appearance-seg .st-seg-btn {
  background: transparent;
  border: none;
  border-radius: 9px;
  padding: 6px 11px;
  font-size: 12.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.st-appearance-seg .st-seg-btn.is-active {
  background: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 700;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

/* High contrast text for dark accents */
html[data-accent="blue"] .st-appearance-seg .st-seg-btn.is-active,
html[data-accent="purple"] .st-appearance-seg .st-seg-btn.is-active,
html[data-accent="red"] .st-appearance-seg .st-seg-btn.is-active,
html[data-accent="pink"] .st-appearance-seg .st-seg-btn.is-active,
body[data-accent="blue"] .st-appearance-seg .st-seg-btn.is-active,
body[data-accent="purple"] .st-appearance-seg .st-seg-btn.is-active,
body[data-accent="red"] .st-appearance-seg .st-seg-btn.is-active,
body[data-accent="pink"] .st-appearance-seg .st-seg-btn.is-active {
  color: #ffffff !important;
}

/* ── Accent Color Swatches ────────────────────────────────────────── */
.st-appearance-colors-section {
  padding: 16px 16px 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.st-appearance-colors-title {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 14px;
}

.st-color-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.st-color-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: var(--swatch-color);
  cursor: pointer;
  position: relative;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;
  outline: none;
  flex-shrink: 0;
}

.st-color-circle:hover {
  transform: scale(1.1);
}

.st-color-circle.is-selected {
  outline: 3px solid #ffffff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 16px var(--swatch-color) !important;
  transform: scale(1.15) !important;
}

/* Swatch buttons must ALWAYS maintain their own authentic color */
.st-color-circle[data-accent-color="green"] { background: #00f076 !important; --swatch-color: #00f076 !important; }
.st-color-circle[data-accent-color="blue"] { background: #2563eb !important; --swatch-color: #2563eb !important; }
.st-color-circle[data-accent-color="orange"] { background: #f97316 !important; --swatch-color: #f97316 !important; }
.st-color-circle[data-accent-color="purple"] { background: #a855f7 !important; --swatch-color: #a855f7 !important; }
.st-color-circle[data-accent-color="pink"] { background: #ec4899 !important; --swatch-color: #ec4899 !important; }
.st-color-circle[data-accent-color="red"] { background: #ef4444 !important; --swatch-color: #ef4444 !important; }
.st-color-circle[data-accent-color="cyan"] { background: #06b6d4 !important; --swatch-color: #06b6d4 !important; }
.st-color-circle[data-accent-color="yellow"] { background: #eab308 !important; --swatch-color: #eab308 !important; }

/* ── 8 Accent Colors (High Specificity Overrides) ──────────────────── */
html[data-accent="green"], body[data-accent="green"] {
  --primary: #00f076 !important;
  --primary-hover: #00d96a !important;
  --primary-soft: rgba(0, 240, 118, 0.14) !important;
  --primary-glow: rgba(0, 240, 118, 0.35) !important;
  --primary-text: #000000 !important;
  --text-on-accent: #000000 !important;
  --ds-accent: #00f076 !important;
  --ds-accent-hover: #00d96a !important;
  --ds-accent-soft: rgba(0, 240, 118, 0.14) !important;
  --ds-accent-grad: linear-gradient(135deg, #00f076 0%, #00d96a 100%) !important;
  --ds-positive: #00f076 !important;
  --ds-gold: #00f076 !important;
  --ds-kicker: #00f076 !important;
  --nav-active: #00f076 !important;
  --nav-active-color: #00f076 !important;
  --color-primary: #00f076 !important;
  --accent: #00f076 !important;
  --workout-primary: #00f076 !important;
  --st-accent: #00f076 !important;
  --gd-brand-primary: #00f076 !important;
  --gd-brand-accent: #00f076 !important;
  --gd-brand-gradient: linear-gradient(135deg, #00f076 0%, #00d96a 100%) !important;
  --gd-success: #00f076 !important;
  --gd-success-bg: rgba(0, 240, 118, 0.14) !important;
  --gd-dashboard-ring-fill-start: #00f076 !important;
  --gd-dashboard-ring-fill-end: #00d96a !important;
  --color-neon-green: #00f076 !important;
  --neon-green: #00f076 !important;
  --neon-green-glow: rgba(0, 240, 118, 0.35) !important;
  --neon-green-soft: rgba(0, 240, 118, 0.14) !important;
  --neon-primary: #00f076 !important;
  --brand-primary: #00f076 !important;
  --progress-fill-water: linear-gradient(90deg, #00f076, #00d96a) !important;
}

html[data-theme="light"][data-accent="green"],
html[data-theme="light"] [data-accent="green"],
body[data-theme="light"][data-accent="green"],
body.light-theme[data-accent="green"] {
  --primary: #047857 !important;
  --primary-hover: #065f46 !important;
  --primary-soft: rgba(4, 120, 87, 0.12) !important;
  --primary-glow: rgba(4, 120, 87, 0.3) !important;
  --primary-text: #ffffff !important;
  --text-on-accent: #ffffff !important;
  --ds-accent: #047857 !important;
  --ds-accent-hover: #065f46 !important;
  --ds-accent-soft: rgba(4, 120, 87, 0.12) !important;
  --color-primary: #047857 !important;
  --color-neon-green: #047857 !important;
  --neon-green: #047857 !important;
  --neon-green-glow: rgba(4, 120, 87, 0.3) !important;
  --neon-green-soft: rgba(4, 120, 87, 0.12) !important;
  --neon-primary: #047857 !important;
  --brand-primary: #047857 !important;
  --accent: #047857 !important;
  --workout-primary: #047857 !important;
  --st-accent: #047857 !important;
}

html[data-accent="blue"], body[data-accent="blue"] {
  --primary: #2563eb !important;
  --primary-hover: #1d4ed8 !important;
  --primary-soft: rgba(37, 99, 235, 0.16) !important;
  --primary-glow: rgba(37, 99, 235, 0.35) !important;
  --primary-text: #ffffff !important;
  --text-on-accent: #ffffff !important;
  --ds-accent: #2563eb !important;
  --ds-accent-hover: #1d4ed8 !important;
  --ds-accent-soft: rgba(37, 99, 235, 0.16) !important;
  --ds-accent-grad: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  --ds-positive: #2563eb !important;
  --ds-gold: #2563eb !important;
  --ds-kicker: #2563eb !important;
  --nav-active: #2563eb !important;
  --nav-active-color: #2563eb !important;
  --color-primary: #2563eb !important;
  --accent: #2563eb !important;
  --workout-primary: #2563eb !important;
  --st-accent: #2563eb !important;
  --gd-brand-primary: #2563eb !important;
  --gd-brand-accent: #2563eb !important;
  --gd-brand-gradient: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  --gd-success: #2563eb !important;
  --gd-success-bg: rgba(37, 99, 235, 0.16) !important;
  --gd-dashboard-ring-fill-start: #2563eb !important;
  --gd-dashboard-ring-fill-end: #1d4ed8 !important;
  --color-neon-green: #2563eb !important;
  --neon-green: #2563eb !important;
  --neon-green-glow: rgba(37, 99, 235, 0.35) !important;
  --neon-green-soft: rgba(37, 99, 235, 0.16) !important;
  --neon-primary: #2563eb !important;
  --brand-primary: #2563eb !important;
  --progress-fill-water: linear-gradient(90deg, #2563eb, #1d4ed8) !important;
}

html[data-accent="orange"], body[data-accent="orange"] {
  --primary: #f97316 !important;
  --primary-hover: #ea580c !important;
  --primary-soft: rgba(249, 115, 22, 0.16) !important;
  --primary-glow: rgba(249, 115, 22, 0.35) !important;
  --primary-text: #000000 !important;
  --text-on-accent: #000000 !important;
  --ds-accent: #f97316 !important;
  --ds-accent-hover: #ea580c !important;
  --ds-accent-soft: rgba(249, 115, 22, 0.16) !important;
  --ds-accent-grad: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
  --ds-positive: #f97316 !important;
  --ds-gold: #f97316 !important;
  --ds-kicker: #f97316 !important;
  --nav-active: #f97316 !important;
  --nav-active-color: #f97316 !important;
  --color-primary: #f97316 !important;
  --accent: #f97316 !important;
  --workout-primary: #f97316 !important;
  --st-accent: #f97316 !important;
  --gd-brand-primary: #f97316 !important;
  --gd-brand-accent: #f97316 !important;
  --gd-brand-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
  --gd-success: #f97316 !important;
  --gd-success-bg: rgba(249, 115, 22, 0.16) !important;
  --gd-dashboard-ring-fill-start: #f97316 !important;
  --gd-dashboard-ring-fill-end: #ea580c !important;
  --color-neon-green: #f97316 !important;
  --neon-green: #f97316 !important;
  --neon-green-glow: rgba(249, 115, 22, 0.35) !important;
  --neon-green-soft: rgba(249, 115, 22, 0.16) !important;
  --neon-primary: #f97316 !important;
  --brand-primary: #f97316 !important;
  --progress-fill-water: linear-gradient(90deg, #f97316, #ea580c) !important;
}

html[data-accent="purple"], body[data-accent="purple"] {
  --primary: #a855f7 !important;
  --primary-hover: #9333ea !important;
  --primary-soft: rgba(168, 85, 247, 0.16) !important;
  --primary-glow: rgba(168, 85, 247, 0.35) !important;
  --primary-text: #ffffff !important;
  --text-on-accent: #ffffff !important;
  --ds-accent: #a855f7 !important;
  --ds-accent-hover: #9333ea !important;
  --ds-accent-soft: rgba(168, 85, 247, 0.16) !important;
  --ds-accent-grad: linear-gradient(135deg, #a855f7 0%, #9333ea 100%) !important;
  --ds-positive: #a855f7 !important;
  --ds-gold: #a855f7 !important;
  --ds-kicker: #a855f7 !important;
  --nav-active: #a855f7 !important;
  --nav-active-color: #a855f7 !important;
  --color-primary: #a855f7 !important;
  --accent: #a855f7 !important;
  --workout-primary: #a855f7 !important;
  --st-accent: #a855f7 !important;
  --gd-brand-primary: #a855f7 !important;
  --gd-brand-accent: #a855f7 !important;
  --gd-brand-gradient: linear-gradient(135deg, #a855f7 0%, #9333ea 100%) !important;
  --gd-success: #a855f7 !important;
  --gd-success-bg: rgba(168, 85, 247, 0.16) !important;
  --gd-dashboard-ring-fill-start: #a855f7 !important;
  --gd-dashboard-ring-fill-end: #9333ea !important;
  --color-neon-green: #a855f7 !important;
  --neon-green: #a855f7 !important;
  --neon-green-glow: rgba(168, 85, 247, 0.35) !important;
  --neon-green-soft: rgba(168, 85, 247, 0.16) !important;
  --neon-primary: #a855f7 !important;
  --brand-primary: #a855f7 !important;
  --progress-fill-water: linear-gradient(90deg, #a855f7, #9333ea) !important;
}

html[data-accent="pink"], body[data-accent="pink"] {
  --primary: #ec4899 !important;
  --primary-hover: #db2777 !important;
  --primary-soft: rgba(236, 72, 153, 0.16) !important;
  --primary-glow: rgba(236, 72, 153, 0.35) !important;
  --primary-text: #ffffff !important;
  --text-on-accent: #ffffff !important;
  --ds-accent: #ec4899 !important;
  --ds-accent-hover: #db2777 !important;
  --ds-accent-soft: rgba(236, 72, 153, 0.16) !important;
  --ds-accent-grad: linear-gradient(135deg, #ec4899 0%, #db2777 100%) !important;
  --ds-positive: #ec4899 !important;
  --ds-gold: #ec4899 !important;
  --ds-kicker: #ec4899 !important;
  --nav-active: #ec4899 !important;
  --nav-active-color: #ec4899 !important;
  --color-primary: #ec4899 !important;
  --accent: #ec4899 !important;
  --workout-primary: #ec4899 !important;
  --st-accent: #ec4899 !important;
  --gd-brand-primary: #ec4899 !important;
  --gd-brand-accent: #ec4899 !important;
  --gd-brand-gradient: linear-gradient(135deg, #ec4899 0%, #db2777 100%) !important;
  --gd-success: #ec4899 !important;
  --gd-success-bg: rgba(236, 72, 153, 0.16) !important;
  --gd-dashboard-ring-fill-start: #ec4899 !important;
  --gd-dashboard-ring-fill-end: #db2777 !important;
  --color-neon-green: #ec4899 !important;
  --neon-green: #ec4899 !important;
  --neon-green-glow: rgba(236, 72, 153, 0.35) !important;
  --neon-green-soft: rgba(236, 72, 153, 0.16) !important;
  --neon-primary: #ec4899 !important;
  --brand-primary: #ec4899 !important;
  --progress-fill-water: linear-gradient(90deg, #ec4899, #db2777) !important;
}

html[data-accent="red"], body[data-accent="red"] {
  --primary: #ef4444 !important;
  --primary-hover: #dc2626 !important;
  --primary-soft: rgba(239, 68, 68, 0.16) !important;
  --primary-glow: rgba(239, 68, 68, 0.35) !important;
  --primary-text: #ffffff !important;
  --text-on-accent: #ffffff !important;
  --ds-accent: #ef4444 !important;
  --ds-accent-hover: #dc2626 !important;
  --ds-accent-soft: rgba(239, 68, 68, 0.16) !important;
  --ds-accent-grad: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  --ds-positive: #ef4444 !important;
  --ds-gold: #ef4444 !important;
  --ds-kicker: #ef4444 !important;
  --nav-active: #ef4444 !important;
  --nav-active-color: #ef4444 !important;
  --color-primary: #ef4444 !important;
  --accent: #ef4444 !important;
  --workout-primary: #ef4444 !important;
  --st-accent: #ef4444 !important;
  --gd-brand-primary: #ef4444 !important;
  --gd-brand-accent: #ef4444 !important;
  --gd-brand-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  --gd-success: #ef4444 !important;
  --gd-success-bg: rgba(239, 68, 68, 0.16) !important;
  --gd-dashboard-ring-fill-start: #ef4444 !important;
  --gd-dashboard-ring-fill-end: #dc2626 !important;
  --color-neon-green: #ef4444 !important;
  --neon-green: #ef4444 !important;
  --neon-green-glow: rgba(239, 68, 68, 0.35) !important;
  --neon-green-soft: rgba(239, 68, 68, 0.16) !important;
  --neon-primary: #ef4444 !important;
  --brand-primary: #ef4444 !important;
  --progress-fill-water: linear-gradient(90deg, #ef4444, #dc2626) !important;
}

html[data-accent="cyan"], body[data-accent="cyan"] {
  --primary: #06b6d4 !important;
  --primary-hover: #0891b2 !important;
  --primary-soft: rgba(6, 182, 212, 0.16) !important;
  --primary-glow: rgba(6, 182, 212, 0.35) !important;
  --primary-text: #000000 !important;
  --text-on-accent: #000000 !important;
  --ds-accent: #06b6d4 !important;
  --ds-accent-hover: #0891b2 !important;
  --ds-accent-soft: rgba(6, 182, 212, 0.16) !important;
  --ds-accent-grad: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
  --ds-positive: #06b6d4 !important;
  --ds-gold: #06b6d4 !important;
  --ds-kicker: #06b6d4 !important;
  --nav-active: #06b6d4 !important;
  --nav-active-color: #06b6d4 !important;
  --color-primary: #06b6d4 !important;
  --accent: #06b6d4 !important;
  --workout-primary: #06b6d4 !important;
  --st-accent: #06b6d4 !important;
  --gd-brand-primary: #06b6d4 !important;
  --gd-brand-accent: #06b6d4 !important;
  --gd-brand-gradient: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%) !important;
  --gd-success: #06b6d4 !important;
  --gd-success-bg: rgba(6, 182, 212, 0.16) !important;
  --gd-dashboard-ring-fill-start: #06b6d4 !important;
  --gd-dashboard-ring-fill-end: #0891b2 !important;
  --color-neon-green: #06b6d4 !important;
  --neon-green: #06b6d4 !important;
  --neon-green-glow: rgba(6, 182, 212, 0.35) !important;
  --neon-green-soft: rgba(6, 182, 212, 0.16) !important;
  --neon-primary: #06b6d4 !important;
  --brand-primary: #06b6d4 !important;
  --progress-fill-water: linear-gradient(90deg, #06b6d4, #0891b2) !important;
}

html[data-accent="yellow"], body[data-accent="yellow"] {
  --primary: #eab308 !important;
  --primary-hover: #ca8a04 !important;
  --primary-soft: rgba(234, 179, 8, 0.16) !important;
  --primary-glow: rgba(234, 179, 8, 0.35) !important;
  --primary-text: #000000 !important;
  --text-on-accent: #000000 !important;
  --ds-accent: #eab308 !important;
  --ds-accent-hover: #ca8a04 !important;
  --ds-accent-soft: rgba(234, 179, 8, 0.16) !important;
  --ds-accent-grad: linear-gradient(135deg, #eab308 0%, #ca8a04 100%) !important;
  --ds-positive: #eab308 !important;
  --ds-gold: #eab308 !important;
  --ds-kicker: #eab308 !important;
  --nav-active: #eab308 !important;
  --nav-active-color: #eab308 !important;
  --color-primary: #eab308 !important;
  --accent: #eab308 !important;
  --workout-primary: #eab308 !important;
  --st-accent: #eab308 !important;
  --gd-brand-primary: #eab308 !important;
  --gd-brand-accent: #eab308 !important;
  --gd-brand-gradient: linear-gradient(135deg, #eab308 0%, #ca8a04 100%) !important;
  --gd-success: #eab308 !important;
  --gd-success-bg: rgba(234, 179, 8, 0.16) !important;
  --gd-dashboard-ring-fill-start: #eab308 !important;
  --gd-dashboard-ring-fill-end: #ca8a04 !important;
  --color-neon-green: #eab308 !important;
  --neon-green: #eab308 !important;
  --neon-green-glow: rgba(234, 179, 8, 0.35) !important;
  --neon-green-soft: rgba(234, 179, 8, 0.16) !important;
  --neon-primary: #eab308 !important;
  --brand-primary: #eab308 !important;
  --progress-fill-water: linear-gradient(90deg, #eab308, #ca8a04) !important;
}

/* =====================================================================
   UNIVERSAL ACCENT SYSTEM: REPLACES ALL GREEN ELEMENTS WITH USER ACCENT
   ===================================================================== */
[data-accent] .text-\[\#00f076\],
[data-accent] [class*="text-[#00f076]"],
[data-accent] [class*="text-[#17c987]"],
[data-accent] [class*="text-[#10b981]"],
[data-accent] [class*="text-[#00d96a]"],
[data-accent] [class*="text-[#00e470]"],
[data-accent] [class*="text-[#00ba5b]"],
[data-accent] [class*="text-[#05b357]"],
[data-accent] [class*="text-[#22c55e]"],
[data-accent] [class*="text-[#34d399]"],
[data-accent] [class*="text-[#64ff92]"],
[data-accent] [class*="text-emerald-"],
[data-accent] [class*="text-green-"],
[data-accent] .active-badge,
[data-accent] .badge-primary,
[data-accent] #cal-percent,
[data-accent] #water-consumed,
[data-accent] #water-stat-goals,
[data-accent] [data-dashboard-workout-badge],
[data-accent] .nexo-name svg,
[data-accent] .nexo-banner-arrow svg,
[data-accent] .notes-category-chip.is-active,
[data-accent] .tab-btn.active,
[data-accent] .chip.active,
[data-accent] .workout-tab.active,
[data-accent] .text-neon-green,
[data-accent] .text-primary,
[data-accent] .text-accent,
[data-accent] .streak-badge,
[data-accent] #dashboard-streak-badge,
[data-accent] #dashboard-activity-streak-pill,
[data-accent] .booster-season-chip,
[data-accent] .menu-meal-type,
[data-accent] .workout-diary-ai-score strong,
[data-accent] .pr-celebration-title,
[data-accent] .workout-active-exercise-kicker,
[data-accent] .more-hub-kicker,
[data-accent] .dashboard-section-kicker,
[data-accent] .st-row-icon,
[data-accent] .st-row-icon svg {
  color: var(--primary) !important;
}

[data-accent] .bg-\[\#00f076\],
[data-accent] [class*="bg-[#00f076]"]:not([class*="/"]),
[data-accent] [class*="bg-[#17c987]"]:not([class*="/"]),
[data-accent] [class*="bg-[#10b981]"]:not([class*="/"]),
[data-accent] [class*="bg-[#00d96a]"]:not([class*="/"]),
[data-accent] [class*="bg-[#00e470]"]:not([class*="/"]),
[data-accent] [class*="bg-[#00ba5b]"]:not([class*="/"]),
[data-accent] [class*="bg-[#05b357]"]:not([class*="/"]),
[data-accent] [class*="bg-[#22c55e]"]:not([class*="/"]),
[data-accent] .dashboard-workout-promo-play,
[data-accent] .workout-plan-step-num.is-active,
[data-accent] .workout-plan-step-dot.is-active,
[data-accent] .eq-card-badge--on,
[data-accent] .dashboard-workout-promo-badge,
[data-accent] .workout-set-badge.done,
[data-accent] .workout-set-badge.is-done {
  background-color: var(--primary) !important;
  background: var(--primary) !important;
  color: var(--text-on-accent, #000000) !important;
}

[data-accent] [class*="bg-[#00f076]/"],
[data-accent] [class*="bg-[#17c987]/"],
[data-accent] [class*="bg-[#10b981]/"],
[data-accent] [class*="bg-[#22c55e]/"],
[data-accent] [class*="bg-[#00d96a]/"],
[data-accent] [class*="bg-[#00ba5b]/"],
[data-accent] [class*="bg-[#05b357]/"],
[data-accent] .nexo-online-chip,
[data-accent] #workout-water-boost-badge,
[data-accent] #dashboard-streak-badge,
[data-accent] .workout-plan-week-chip.is-active,
[data-accent] .gd-plan-ico,
[data-accent] .section-tile-icon,
[data-accent] .more-tile-icon,
[data-accent] .workout-hud-icon,
[data-accent] .hud-btn-add,
[data-accent] .ac-chip.active,
[data-accent] .workout-plate-badge-btn,
[data-accent] .wdp-quick-scroll-btn,
[data-accent] .workout-1rm-save-btn {
  background-color: var(--primary-soft) !important;
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  border-color: var(--primary-glow) !important;
}

[data-accent] .border-\[\#00f076\],
[data-accent] [class*="border-[#00f076]"]:not([class*="/"]),
[data-accent] [class*="border-[#17c987]"]:not([class*="/"]),
[data-accent] [class*="border-[#10b981]"]:not([class*="/"]),
[data-accent] [class*="border-[#22c55e]"]:not([class*="/"]),
[data-accent] [class*="border-[#00ba5b]"]:not([class*="/"]),
[data-accent] .workout-plan-program-card.is-selected,
[data-accent] .workout-plan-week-chip.is-active {
  border-color: var(--primary) !important;
}

[data-accent] [class*="border-[#00f076]/"],
[data-accent] [class*="border-[#17c987]/"],
[data-accent] [class*="border-[#10b981]/"],
[data-accent] [class*="border-[#22c55e]/"] {
  border-color: var(--primary-glow) !important;
}

[data-accent] [class*="shadow-"][class*="0,240,118"],
[data-accent] [class*="shadow-"][class*="0, 240, 118"],
[data-accent] .workout-plan-program-card.is-selected {
  box-shadow: 0 0 16px var(--primary-glow) !important;
}

/* SVG Stroke & Fill dynamic overrides */
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg)[stroke="#00f076"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[stroke="#00f076"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[stroke="#17c987"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[stroke="#10b981"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[stroke="#00d96a"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[stroke="#00e470"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[stroke="#00ba5b"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[stroke="#05b357"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[stroke="#22c55e"] {
  stroke: var(--primary) !important;
}

[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg)[fill="#00f076"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[fill="#00f076"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[fill="#17c987"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[fill="#10b981"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[fill="#00d96a"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[fill="#00e470"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[fill="#00ba5b"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[fill="#05b357"],
[data-accent] svg:not(.st-color-circle svg):not(.st-color-swatches svg) *[fill="#22c55e"] {
  fill: var(--primary) !important;
}

/* Progress Bars & Rings */
[data-accent] .progress-ring__circle,
[data-accent] #cal-progress-ring,
[data-accent] .habit-gauge-fill,
[data-accent] #water-circle-fill,
[data-accent] .hud-ring-fill,
[data-accent] .workout-session-timer-ring,
[data-accent] .macro-progress-fill,
[data-accent] .xp-progress-fill,
[data-accent] .diary-ring-circle,
[data-accent] .calorie-bar-fill,
[data-accent] .food-macro-ring {
  stroke: var(--primary) !important;
}

[data-accent] #protein-progress,
[data-accent] #fat-progress,
[data-accent] #carbs-progress,
[data-accent] #water-progress,
[data-accent] .water-progress-fill,
[data-accent] #dashboard-progress-fill,
[data-accent] .workout-progress-fill,
[data-accent] .level-progress-bar-fill,
[data-accent] .xp-progress-bar-fill,
[data-accent] .grocery-progress-fill,
[data-accent] .weekly-dot.done,
[data-accent] .weekly-dot.completed,
[data-accent] .dashboard-dot.done,
[data-accent] .dashboard-dot.completed,
[data-accent] .legend-green {
  background: var(--primary) !important;
  background-color: var(--primary) !important;
  box-shadow: 0 0 10px var(--primary-glow) !important;
}

[data-accent] .weekly-dot.done,
[data-accent] .weekly-dot.completed,
[data-accent] .dashboard-dot.done,
[data-accent] .dashboard-dot.completed {
  color: #05080e !important;
}

[data-accent] .weekly-dot.done svg,
[data-accent] .weekly-dot.done svg *,
[data-accent] .weekly-dot.completed svg,
[data-accent] .weekly-dot.completed svg *,
[data-accent] .dashboard-dot.done svg,
[data-accent] .dashboard-dot.done svg *,
[data-accent] .dashboard-dot.completed svg,
[data-accent] .dashboard-dot.completed svg * {
  stroke: #05080e !important;
  color: #05080e !important;
  stroke-width: 2.6 !important;
}

/* Primary Action Buttons */
[data-accent] .btn-primary,
[data-accent] button.btn-primary,
[data-accent] .gd-btn-primary,
[data-accent] .btn-action-primary,
[data-accent] .habit-btn-primary,
[data-accent] .notes-btn-create,
[data-accent] .note-btn-save,
[data-accent] .workout-primary-btn,
[data-accent] .workout-flow-action-btn,
[data-accent] .workout-plan-generate-btn,
[data-accent] .workout-generate-btn,
[data-accent] .workout-start-btn,
[data-accent] .start-workout-btn,
[data-accent] .start-btn,
[data-accent] .wdp-btn-start,
[data-accent] .workout-finish-btn,
[data-accent] .workout-session-finish-btn,
[data-accent] .recipe-btn-cook,
[data-accent] #btn-save-profile,
[data-accent] #btn-save-note,
[data-accent] #btn-save-habit,
[data-accent] #btn-editor-save,
[data-accent] .profile-save-btn,
[data-accent] #btn-apply-promo,
[data-accent] .btn-league-promote,
[data-accent] #btn-league-promote,
[data-accent] #btn-buy-subscription,
[data-accent] #btn-buy-subscription-family,
[data-accent] .btn-confirm-primary,
[data-accent] .modal-btn-confirm,
[data-accent] .custom-confirm-btn-primary,
[data-accent] .unified-modal-btn.primary,
[data-accent] .plate-calc-btn-primary,
[data-accent] .eq-footer-btn--next,
[data-accent] .wdp-floating-scroll-down,
[data-accent] button[type="submit"].btn,
body[data-accent] .btn-primary,
body[data-accent] .gd-btn-primary,
body[data-accent] .workout-primary-btn {
  background: var(--primary) !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--text-on-accent, #000000) !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px var(--primary-glow) !important;
}

[data-accent] .btn-primary *,
[data-accent] .workout-primary-btn *,
[data-accent] .workout-flow-action-btn *,
[data-accent] .workout-start-btn *,
[data-accent] .wdp-btn-start *,
[data-accent] .start-workout-btn *,
[data-accent] .workout-finish-btn *,
[data-accent] .workout-session-finish-btn *,
[data-accent] .eq-footer-btn--next * {
  color: var(--text-on-accent, #000000) !important;
}

/* Tabs, Segmented Controls, Pills, Chips */
[data-accent] .habit-segment-tab.active,
[data-accent] .water-segment-tab.active,
[data-accent] .st-seg-btn.is-active,
[data-accent] .toolbar-layout-toggle-btn.active,
[data-accent] .workout-catalog-filter-btn.active,
[data-accent] .water-timeframe-btn.active,
[data-accent] .diary-tab-btn.active,
[data-accent] .workout-tab-btn.active,
[data-accent] .workout-hub-tab.is-active,
[data-accent] .nav-tab.active,
[data-accent] .filter-chip.active,
[data-accent] .tab-pill.active,
[data-accent] .catalog-filter-chip.is-active,
[data-accent] .plate-weight-pill.active,
[data-accent] .food-picker-tab.active,
[data-accent] .meal-tab.active,
[data-accent] .diary-date-pill.is-today,
[data-accent] .diary-date-pill.active,
[data-accent] .leagues-tab.active,
[data-accent] .analysis-tab.active,
[data-accent] .wdp-quick-action.active,
[data-accent] .catalog-chip.is-active,
[data-accent] .plate-calc-bar-tab.is-active,
[data-accent] .premium-muscle-chip.is-selected,
[data-accent] .workout-muscle-card.is-selected {
  background: var(--primary) !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--text-on-accent, #000000) !important;
}

[data-accent] .habit-segment-tab.active *,
[data-accent] .water-segment-tab.active *,
[data-accent] .st-seg-btn.is-active *,
[data-accent] .workout-catalog-filter-btn.active *,
[data-accent] .diary-tab-btn.active *,
[data-accent] .workout-tab-btn.active *,
[data-accent] .workout-hub-tab.is-active *,
[data-accent] .plate-calc-bar-tab.is-active *,
[data-accent] .tab-pill.active *,
[data-accent] .premium-muscle-chip.is-selected * {
  color: var(--text-on-accent, #000000) !important;
}

/* Checkboxes, Radios, Toggles */
[data-accent] input[type="checkbox"]:checked,
[data-accent] input[type="radio"]:checked {
  accent-color: var(--primary) !important;
}

[data-accent] .habit-check-btn.checked,
[data-accent] .note-check-box.checked,
[data-accent] .grocery-check.checked,
[data-accent] .custom-checkbox.checked,
[data-accent] .st-switch input:checked + .st-switch-track,
[data-accent] .switch-track.active,
[data-accent] .settings-toggle input:checked + .slider,
[data-accent] #profile-hide-metrics:checked + .profile-checkbox-custom,
[data-accent] .profile-checkbox-wrap.is-checked .profile-checkbox-custom,
[data-accent] .workout-set-check.is-checked,
[data-accent] .workout-set-check.is-active,
[data-accent] .workout-set-check.is-done {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--text-on-accent, #000000) !important;
}

[data-accent] .habit-check-btn.checked svg,
[data-accent] .note-check-box.checked svg,
[data-accent] .grocery-check.checked svg,
[data-accent] .profile-checkbox-custom .profile-check-svg {
  stroke: var(--text-on-accent, #000000) !important;
}

/* Bottom Navigation Active Element */
html[data-accent] .bottom-nav .nav-item.active,
html[data-accent] #bottom-nav .nav-item.active,
html[data-accent] .bottom-nav .nav-item[aria-current='page'],
html[data-accent] #bottom-nav .nav-item[aria-current='page'],
html[data-accent] .bottom-nav .nav-item.active .nav-label,
html[data-accent] #bottom-nav .nav-item.active .nav-label,
body[data-accent] .bottom-nav .nav-item.active,
body[data-accent] #bottom-nav .nav-item.active,
body[data-accent] .bottom-nav .nav-item.active .nav-label,
body[data-accent] #bottom-nav .nav-item.active .nav-label {
  color: var(--primary) !important;
}

html[data-accent] .bottom-nav .nav-item::before,
html[data-accent] #bottom-nav .nav-item::before,
body[data-accent] .bottom-nav .nav-item::before,
body[data-accent] #bottom-nav .nav-item::before {
  background: var(--primary) !important;
}

html[data-accent] .bottom-nav .nav-item.active .nav-icon svg,
html[data-accent] #bottom-nav .nav-item.active .nav-icon svg,
html[data-accent] .bottom-nav .nav-item.active svg,
body[data-accent] .bottom-nav .nav-item.active .nav-icon svg,
body[data-accent] #bottom-nav .nav-item.active .nav-icon svg,
body[data-accent] .bottom-nav .nav-item.active svg {
  stroke: var(--primary) !important;
}

html[data-accent] .bottom-nav .nav-item.active[data-screen="more"] .nav-icon svg,
html[data-accent] .bottom-nav .nav-item.active[data-bottom-nav-item="more"] .nav-icon svg,
html[data-accent] #bottom-nav .nav-item.active[data-screen="more"] .nav-icon svg,
html[data-accent] #bottom-nav .nav-item.active[data-bottom-nav-item="more"] .nav-icon svg,
body[data-accent] .bottom-nav .nav-item.active[data-screen="more"] .nav-icon svg,
body[data-accent] .bottom-nav .nav-item.active[data-bottom-nav-item="more"] .nav-icon svg,
body[data-accent] #bottom-nav .nav-item.active[data-screen="more"] .nav-icon svg,
body[data-accent] #bottom-nav .nav-item.active[data-bottom-nav-item="more"] .nav-icon svg {
  stroke: none !important;
  fill: var(--primary) !important;
}

/* =====================================================================
   COMPREHENSIVE PREMIUM LIGHT THEME (Apple / Nike Training Club Luxury)
   Scoped to:
   html[data-theme="light"],
   body.light-theme,
   #app.light-theme-app
   ===================================================================== */

html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] #app,
html[data-theme="light"] .screen,
html[data-theme="light"] .main-content,
body.light-theme,
body.light-theme #app,
body.light-theme .screen,
body.light-theme .main-content {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* ── Screen Canvas Backgrounds ────────────────────────────────────── */
html[data-theme="light"] #screen-main,
html[data-theme="light"] #screen-settings,
html[data-theme="light"] #screen-workout,
html[data-theme="light"] #screen-diary,
html[data-theme="light"] #screen-menu,
html[data-theme="light"] #screen-more,
html[data-theme="light"] #screen-profile,
html[data-theme="light"] #screen-analysis,
html[data-theme="light"] #screen-my-workout,
html[data-theme="light"] #screen-video-lessons,
html[data-theme="light"] #screen-water,
html[data-theme="light"] #screen-recipes,
html[data-theme="light"] #screen-habits,
html[data-theme="light"] #screen-notes,
html[data-theme="light"] #screen-grocery,
html[data-theme="light"] #screen-leagues,
html[data-theme="light"] #screen-ai-coach,
html[data-theme="light"] #screen-subscription,
html[data-theme="light"] #screen-family,
html[data-theme="light"] #screen-add-habit,
html[data-theme="light"] #screen-note-editor,
html[data-theme="light"] #screen-note-view,
body.light-theme #screen-settings,
body.light-theme #screen-workout,
body.light-theme #screen-main,
body.light-theme #screen-diary,
body.light-theme #screen-more,
body.light-theme #screen-analysis {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* ── Headers & Topbars Across All Screens ─────────────────────────── */
html[data-theme="light"] .header,
html[data-theme="light"] #screen-main > .header,
html[data-theme="light"] .screen > .header,
html[data-theme="light"] .topbar,
body.light-theme .header,
body.light-theme .topbar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .header .screen-title,
html[data-theme="light"] .header .header-title,
html[data-theme="light"] .header h1,
html[data-theme="light"] .header h2,
html[data-theme="light"] .header .font-display,
html[data-theme="light"] .ac-header-title,
body.light-theme .header .header-title,
body.light-theme .header .screen-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #app-notifications-button {
  color: #475569 !important;
}

html[data-theme="light"] #main-profile-avatar {
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

/* Back Buttons and Header Action Buttons Across All Screens */
html[data-theme="light"] .header .back-btn,
html[data-theme="light"] .app-header .back-btn,
html[data-theme="light"] .screen > .header .back-btn,
html[data-theme="light"] #app .header .back-btn,
html[data-theme="light"] .back-btn,
html[data-theme="light"] button.back-btn,
body.light-theme .header .back-btn,
body.light-theme .app-header .back-btn,
body.light-theme .screen > .header .back-btn,
body.light-theme #app .header .back-btn,
body.light-theme .back-btn,
body.light-theme button.back-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

html[data-theme="light"] .header .back-btn svg,
html[data-theme="light"] .app-header .back-btn svg,
html[data-theme="light"] .screen > .header .back-btn svg,
html[data-theme="light"] #app .header .back-btn svg,
html[data-theme="light"] .back-btn svg,
html[data-theme="light"] button.back-btn svg,
body.light-theme .header .back-btn svg,
body.light-theme .app-header .back-btn svg,
body.light-theme .screen > .header .back-btn svg,
body.light-theme #app .header .back-btn svg,
body.light-theme .back-btn svg,
body.light-theme button.back-btn svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #0f172a !important;
  color: #0f172a !important;
}

html[data-theme="light"] .header .back-btn:hover,
html[data-theme="light"] .back-btn:hover,
body.light-theme .header .back-btn:hover,
body.light-theme .back-btn:hover {
  border-color: var(--primary, #00f076) !important;
  background: #f8fafc !important;
}

html[data-theme="light"] #screen-profile .profile-edit-icon,
html[data-theme="light"] .header .profile-edit-icon,
html[data-theme="light"] .header .header-action-btn,
body.light-theme #screen-profile .profile-edit-icon,
body.light-theme .header .profile-edit-icon,
body.light-theme .header .header-action-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 12px !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

html[data-theme="light"] #screen-profile .profile-edit-icon svg,
html[data-theme="light"] .header .profile-edit-icon svg,
html[data-theme="light"] .header .header-action-btn svg,
body.light-theme .profile-edit-icon svg,
body.light-theme .header-action-btn svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #0f172a !important;
  color: #0f172a !important;
}

html[data-theme="light"] #screen-profile .profile-edit-icon:hover,
html[data-theme="light"] .header .profile-edit-icon:hover,
html[data-theme="light"] .header .header-action-btn:hover,
body.light-theme .header-action-btn:hover {
  border-color: var(--primary, #00f076) !important;
  background: #f8fafc !important;
}

/* ── Bottom Navigation in Light Theme ─────────────────────────────── */
html[data-theme="light"] .bottom-nav,
html[data-theme="light"] #bottom-nav,
html[data-theme="light"] nav.bottom-nav,
body.light-theme .bottom-nav {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-top: 1px solid #e2e8f0 !important;
  box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .bottom-nav .nav-item,
body.light-theme .bottom-nav .nav-item {
  color: #64748b !important;
}

html[data-theme="light"] .bottom-nav .nav-item.active,
html[data-theme="light"] .bottom-nav .nav-item.active .nav-label,
body.light-theme .bottom-nav .nav-item.active .nav-label {
  color: var(--primary) !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .bottom-nav .nav-item.active .nav-icon svg,
body.light-theme .bottom-nav .nav-item.active .nav-icon svg {
  stroke: var(--primary) !important;
}

html[data-theme="light"] .bottom-nav .nav-item.active[data-screen="more"] .nav-icon svg,
html[data-theme="light"] .bottom-nav .nav-item.active[data-bottom-nav-item="more"] .nav-icon svg,
body.light-theme .bottom-nav .nav-item.active[data-screen="more"] .nav-icon svg {
  fill: var(--primary) !important;
  stroke: none !important;
}

/* ── SCREEN 1: Главная (#screen-main) ──────────────────────────────── */
html[data-theme="light"] .nexo-quick-banner,
html[data-theme="light"] #main-nexo-quick-banner {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .nexo-name {
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .nexo-banner-subtitle {
  color: #64748b !important;
}

html[data-theme="light"] .nexo-online-chip {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary-glow) !important;
}

/* KBZHU & Daily Status Card */
html[data-theme="light"] #screen-main .glass-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.04) !important;
  color: #0f172a !important;
}

html[data-theme="light"] #screen-main circle.text-white\/5 {
  stroke: #e2e8f0 !important;
}

html[data-theme="light"] #screen-main #cal-consumed,
html[data-theme="light"] #screen-main #protein-val,
html[data-theme="light"] #screen-main #fat-val,
html[data-theme="light"] #screen-main #carbs-val {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-main #protein-goal,
html[data-theme="light"] #screen-main #fat-goal,
html[data-theme="light"] #screen-main #carbs-goal,
html[data-theme="light"] #screen-main #cal-goal {
  color: #64748b !important;
}

html[data-theme="light"] #screen-main .flex.justify-between.text-xs span.text-white {
  color: #0f172a !important;
}

html[data-theme="light"] #screen-main span.text-\[\#bacbb8\] {
  color: #334155 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-main .h-2.w-full.rounded-full.bg-\[\#26312d\] {
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
}

/* Sub-cards inside KBZHU (AI Совет, План дня) */
html[data-theme="light"] #screen-main .grid-cols-2 .glass-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] #screen-main .grid-cols-2 .glass-card p.text-slate-300,
html[data-theme="light"] #screen-main #main-daily-plan-caption {
  color: #0f172a !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #screen-main .grid-cols-2 .glass-card p.text-\[\#00f076\] {
  color: var(--primary) !important;
  font-weight: 800 !important;
}

/* Water Balance Card */
html[data-theme="light"] #screen-main .text-sm.font-bold.text-white {
  color: #0f172a !important;
}

html[data-theme="light"] #screen-main .water-progress-track {
  background: #e2e8f0 !important;
}

html[data-theme="light"] #btn-water-250,
html[data-theme="light"] #btn-water-500,
html[data-theme="light"] #btn-water-1000 {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #btn-water-250:hover,
html[data-theme="light"] #btn-water-500:hover,
html[data-theme="light"] #btn-water-1000:hover {
  background: var(--primary-soft) !important;
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}

/* Booster Pack Widget */
html[data-theme="light"] #dashboard-booster-section .glass-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #dashboard-booster-section .text-white {
  color: #0f172a !important;
}

html[data-theme="light"] #dashboard-booster-sub {
  color: #64748b !important;
}

html[data-theme="light"] .dashboard-dot {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
}

html[data-theme="light"] #btn-dashboard-open-pack {
  background: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #btn-dashboard-tasks {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* Workout mini-card in Dashboard */
html[data-theme="light"] .workout-recovery-hub-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] [data-dashboard-workout-title] {
  color: #0f172a !important;
}

html[data-theme="light"] [data-dashboard-workout-meta] {
  color: #64748b !important;
}

html[data-theme="light"] .dashboard-workout-mini-cta {
  border-top-color: #e2e8f0 !important;
}

/* ── SCREEN 2: Дневник (#screen-diary) ─────────────────────────────── */
html[data-theme="light"] #screen-diary {
  background: #f8fafc !important;
}

/* Date Bar & Date Picker Wrap */
.diary-date-picker-wrap,
html[data-theme="light"] .diary-date-picker-wrap,
body.light-theme .diary-date-picker-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

html[data-theme="light"] .current-date-btn,
html[data-theme="light"] #btn-open-diary-calendar,
body.light-theme .current-date-btn,
body.light-theme #btn-open-diary-calendar {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 14px !important;
  padding: 8px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  user-select: none !important;
}

html[data-theme="light"] .current-date-btn:hover,
body.light-theme .current-date-btn:hover {
  background: #f8fafc !important;
  border-color: var(--primary, #00f076) !important;
  box-shadow: 0 4px 14px rgba(0, 240, 118, 0.2) !important;
  transform: translateY(-1px);
}

html[data-theme="light"] .current-date-btn:active,
body.light-theme .current-date-btn:active {
  transform: scale(0.98);
}

html[data-theme="light"] .current-date-btn .diary-cal-icon,
html[data-theme="light"] .current-date-btn .diary-cal-icon svg,
body.light-theme .current-date-btn .diary-cal-icon,
body.light-theme .current-date-btn .diary-cal-icon svg {
  color: var(--primary, #00f076) !important;
  stroke: var(--primary, #00f076) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
}

html[data-theme="light"] #diary-date-label,
html[data-theme="light"] .current-date,
body.light-theme #diary-date-label,
body.light-theme .current-date {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 15px !important;
}

html[data-theme="light"] .date-nav,
body.light-theme .date-nav {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 50% !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
  transition: all 0.2s ease !important;
}

html[data-theme="light"] .date-nav:hover:not(:disabled),
body.light-theme .date-nav:hover:not(:disabled) {
  border-color: var(--primary, #00f076) !important;
  background: #f8fafc !important;
}

html[data-theme="light"] #btn-diary-jump-today,
html[data-theme="light"] .diary-today-badge {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary-glow) !important;
}

/* 4 Macro Summary Cards */
html[data-theme="light"] #screen-diary .diary-summary .summary-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-diary .sum-val {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-diary .sum-lbl {
  color: #64748b !important;
  font-weight: 600 !important;
}

/* Action Buttons (Повторить вчера, Частые блюда) */
html[data-theme="light"] #btn-repeat-yesterday,
html[data-theme="light"] .quick-add-actions .btn-secondary {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #btn-load-frequent-foods,
html[data-theme="light"] .quick-add-actions .btn-outline {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* Search & Meal Filter Controls */
html[data-theme="light"] #diary-search-input {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] #diary-search-input::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] #diary-meal-filter {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] #btn-diary-search {
  background: var(--primary, #00f076) !important;
  border: 1px solid var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Food Entry Cards in Diary */
html[data-theme="light"] .diary-entry,
html[data-theme="light"] .diary-card,
html[data-theme="light"] #screen-diary .dc-main,
html[data-theme="light"] #screen-diary .food-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .entry-name,
html[data-theme="light"] #screen-diary .food-name,
html[data-theme="light"] #screen-diary .dc-name,
html[data-theme="light"] #screen-diary .dc-top-row strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .entry-portion,
html[data-theme="light"] #screen-diary .food-portion,
html[data-theme="light"] .dc-time-badge {
  color: #64748b !important;
}

html[data-theme="light"] .dc-cal-num,
html[data-theme="light"] #screen-diary .food-cal {
  color: var(--primary) !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .entry-media,
html[data-theme="light"] .food-thumb {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .entry-media-caption {
  color: #0f172a !important;
}

html[data-theme="light"] .dc-divider {
  background: #f1f5f9 !important;
}

html[data-theme="light"] .dc-macro-val {
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .dc-macro-lbl {
  color: #64748b !important;
}

html[data-theme="light"] .diary-entry-empty {
  background: #ffffff !important;
  border: 1px dashed #cbd5e1 !important;
  color: #64748b !important;
}

/* ── SCREEN 3: Зал (#screen-workout) ──────────────────────────────── */
html[data-theme="light"] #screen-workout,
html[data-theme="light"] #screen-workout .main-content,
html[data-theme="light"] #screen-workout .workout-flow-main,
html[data-theme="light"] #screen-workout .workout-donor-main,
html[data-theme="light"] #screen-workout .workout-donor-shell,
html[data-theme="light"] #screen-workout .workout-builder-shell,
html[data-theme="light"] #screen-workout .premium-workout-wizard {
  background: #f8fafc !important;
  color: #0f172a !important;
}

/* Workout Mode Tabs */
html[data-theme="light"] .workout-tab,
html[data-theme="light"] #screen-workout .tab-btn {
  background: #e2e8f0 !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .workout-tab.active,
html[data-theme="light"] #screen-workout .tab-btn.active {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* Stepper Progress Circles */
html[data-theme="light"] .premium-wizard-progress span {
  background: #e2e8f0 !important;
  border: 1px solid #cbd5e1 !important;
  color: #64748b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .premium-wizard-progress span.is-on {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 16px rgba(0, 240, 118, 0.3) !important;
}

/* Wizard Headings & Copy */
html[data-theme="light"] .premium-wizard-kicker,
html[data-theme="light"] .premium-wizard-step-label {
  color: var(--primary) !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .premium-workout-wizard h3,
html[data-theme="light"] .premium-wizard-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .premium-wizard-copy {
  color: #64748b !important;
}

/* Choice Cards (Step 1, Step 3, Step 4) */
html[data-theme="light"] #screen-workout .premium-choice-card,
html[data-theme="light"] #screen-workout .premium-duration,
html[data-theme="light"] #screen-workout .premium-equipment,
html[data-theme="light"] #screen-workout .premium-program,
html[data-theme="light"] .workout-plan-program-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  color: #0f172a !important;
}

html[data-theme="light"] #screen-workout .premium-choice-card:hover,
html[data-theme="light"] #screen-workout .premium-duration:hover,
html[data-theme="light"] #screen-workout .premium-equipment:hover,
html[data-theme="light"] #screen-workout .premium-program:hover {
  border-color: var(--primary) !important;
  box-shadow: 0 6px 20px var(--primary-glow) !important;
}

html[data-theme="light"] #screen-workout .premium-choice-card.is-selected,
html[data-theme="light"] #screen-workout .premium-duration.is-selected,
html[data-theme="light"] #screen-workout .premium-equipment.is-selected,
html[data-theme="light"] #screen-workout .premium-program.is-selected,
html[data-theme="light"] .workout-plan-program-card.is-selected {
  background: #ffffff !important;
  border: 2px solid var(--primary) !important;
  box-shadow: 0 0 20px var(--primary-glow) !important;
}

html[data-theme="light"] #screen-workout .premium-choice-card b {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .premium-choice-card strong,
html[data-theme="light"] #screen-workout .premium-duration strong,
html[data-theme="light"] #screen-workout .premium-program strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-workout .premium-choice-card small,
html[data-theme="light"] #screen-workout .premium-duration small,
html[data-theme="light"] #screen-workout .premium-program small {
  color: #000000 !important;
}

/* Step 2 Day Pills */
html[data-theme="light"] .premium-day-pill {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .premium-day-pill.is-day {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .premium-frequency-note {
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* Step Bottom Action Buttons */
html[data-theme="light"] .workout-donor-footer-button[data-workout-action="wizard-back"],
html[data-theme="light"] .workout-wizard-btn-back {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .workout-donor-footer-button[data-workout-action="wizard-next"],
html[data-theme="light"] .workout-wizard-btn-next {
  background: var(--primary, #00f076) !important;
  border: 1px solid var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

/* Muscle Map & Catalog Tabs */
html[data-theme="light"] .workout-muscle-card,
html[data-theme="light"] .workout-catalog-hub,
html[data-theme="light"] .catalog-exercise-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .workout-catalog-filter-btn {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
}

html[data-theme="light"] .workout-catalog-filter-btn.active {
  background: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ── SCREEN 4: Анализ еды (#screen-analysis) ───────────────────────── */
html[data-theme="light"] #screen-analysis,
html[data-theme="light"] #screen-analysis .fa-main,
html[data-theme="light"] #screen-analysis .fa-shell,
html[data-theme="light"] #screen-analysis .fa-card,
html[data-theme="light"] #screen-analysis .far-card {
  background: #f8fafc !important;
  color: #0f172a !important;
}

html[data-theme="light"] #screen-analysis .fa-card,
html[data-theme="light"] #screen-analysis .far-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-analysis .fa-kicker {
  color: var(--primary) !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-analysis .fa-title,
html[data-theme="light"] #screen-analysis h2 {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-analysis .fa-sub,
html[data-theme="light"] #screen-analysis p {
  color: #000000 !important;
}

html[data-theme="light"] #screen-analysis .fa-drop {
  background: #f1f5f9 !important;
  border: 1px dashed #cbd5e1 !important;
}

html[data-theme="light"] #screen-analysis .fa-food-title,
html[data-theme="light"] #screen-analysis .fa-result-name {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-analysis .fa-cal-num {
  color: var(--primary) !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-analysis .fa-seg button,
html[data-theme="light"] #screen-analysis .fa-portion-btn,
html[data-theme="light"] #screen-analysis .fa-meal-chip {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #screen-analysis .fa-seg button.is-active,
html[data-theme="light"] #screen-analysis .fa-portion-btn.active,
html[data-theme="light"] #screen-analysis .fa-meal-chip.active {
  background: var(--primary-soft) !important;
  border: 1.5px solid var(--primary) !important;
  color: var(--primary) !important;
  font-weight: 700 !important;
}

/* ── SCREEN 5: Ещё / Центр управления (#screen-more) ───────────────── */
html[data-theme="light"] #screen-more,
html[data-theme="light"] #screen-more .main-content {
  background: #ffffff !important;
  color: #000000 !important;
}

html[data-theme="light"] #screen-more h1,
html[data-theme="light"] #screen-more h2,
html[data-theme="light"] #screen-more .screen-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-more .settings-category-title,
html[data-theme="light"] #screen-more .section-category-title {
  color: #475569 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-more .section-category-subtitle {
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* Section Tiles (8 apps in control center) */
html[data-theme="light"] #screen-more .section-tile,
html[data-theme="light"] .section-tile,
html[data-theme="light"] .menu-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-more .section-tile:hover,
html[data-theme="light"] .section-tile:hover {
  border-color: #00f076 !important;
  box-shadow: 0 8px 24px rgba(0, 240, 118, 0.12) !important;
  transform: translateY(-2px);
}

html[data-theme="light"] #screen-more .section-tile-label,
html[data-theme="light"] .section-tile-label,
html[data-theme="light"] .menu-card .menu-title {
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-more .section-tile-caption,
html[data-theme="light"] .section-tile-caption,
html[data-theme="light"] .menu-card .menu-caption {
  color: #64748b !important;
}

html[data-theme="light"] #screen-more .section-tile-icon,
html[data-theme="light"] .section-tile-icon {
  background: var(--primary-soft, rgba(0, 240, 118, 0.12)) !important;
  border: 1px solid var(--primary-glow, rgba(0, 240, 118, 0.25)) !important;
}

html[data-theme="light"] #screen-more .section-tile-icon svg,
html[data-theme="light"] .section-tile-icon svg {
  stroke: var(--primary, #00a852) !important;
}

/* ── SETTINGS & APPEARANCE SCREEN (#screen-settings) ───────────────── */
html[data-theme="light"] .st-card,
html[data-theme="light"] .st-appearance-card,
html[data-theme="light"] .settings-card,
html[data-theme="light"] .settings-group {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}

html[data-theme="light"] .st-section-title,
html[data-theme="light"] .settings-category-title,
html[data-theme="light"] .st-appearance-colors-title {
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .st-appearance-label,
html[data-theme="light"] .st-row-label,
html[data-theme="light"] .st-row-value {
  color: #000000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .st-row-sub {
  color: #1f2937 !important;
}

html[data-theme="light"] .st-appearance-row + .st-appearance-row {
  border-top-color: #f1f5f9 !important;
}

html[data-theme="light"] .st-appearance-colors-section {
  border-top-color: #f1f5f9 !important;
}

html[data-theme="light"] .st-appearance-seg {
  background: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .st-appearance-seg .st-seg-btn {
  color: #000000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .st-appearance-seg .st-seg-btn.is-active {
  background: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .st-color-circle.is-selected {
  outline-color: #000000 !important;
}

/* ── GLOBAL TYPOGRAPHY: All text everywhere is pure black ─────────── */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] p,
html[data-theme="light"] label,
html[data-theme="light"] small,
html[data-theme="light"] summary,
html[data-theme="light"] li,
html[data-theme="light"] td,
html[data-theme="light"] th,
html[data-theme="light"] b,
html[data-theme="light"] strong,
html[data-theme="light"] em,
html[data-theme="light"] .screen-title,
html[data-theme="light"] .header-title,
html[data-theme="light"] .font-display,
html[data-theme="light"] .section-tile-label,
html[data-theme="light"] .section-tile-caption,
html[data-theme="light"] .more-hub-title,
html[data-theme="light"] .more-hub-kicker,
html[data-theme="light"] .dashboard-progress-heading,
html[data-theme="light"] .settings-category-title,
html[data-theme="light"] .section-category-title,
html[data-theme="light"] .section-category-subtitle,
html[data-theme="light"] .st-section-title,
html[data-theme="light"] .st-appearance-label,
html[data-theme="light"] .st-appearance-colors-title,
html[data-theme="light"] .st-row-label,
html[data-theme="light"] .st-row-value,
html[data-theme="light"] .st-row-sub,
html[data-theme="light"] .habit-header-title,
html[data-theme="light"] .habit-card-title,
html[data-theme="light"] .habit-gauge-number,
html[data-theme="light"] .habit-gauge-subtext,
html[data-theme="light"] .notes-card-title,
html[data-theme="light"] .notes-card-preview,
html[data-theme="light"] .notes-card-date,
html[data-theme="light"] .water-log-entry,
html[data-theme="light"] .water-stats-value,
html[data-theme="light"] .water-goal,
html[data-theme="light"] #water-current,
html[data-theme="light"] #water-percent,
body.light-theme h1, body.light-theme h2, body.light-theme h3,
body.light-theme h4, body.light-theme h5, body.light-theme h6,
body.light-theme p, body.light-theme label, body.light-theme small,
body.light-theme li, body.light-theme b, body.light-theme strong {
  color: #000000 !important;
}

/* Tailwind utility overrides for white/light text classes */
html[data-theme="light"] .text-slate-300,
html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-gray-400,
html[data-theme="light"] .text-white,
html[data-theme="light"] .text-white\/50,
html[data-theme="light"] .text-white\/60,
html[data-theme="light"] .text-white\/70,
html[data-theme="light"] .text-white\/80,
html[data-theme="light"] .text-white\/90,
html[data-theme="light"] .text-\[\#bacbb8\],
html[data-theme="light"] .text-\[\#849584\],
html[data-theme="light"] .text-\[\#e0e3e5\] {
  color: #000000 !important;
}

/* ── Top Download Bar & Toasts ────────────────────────────────────── */
html[data-theme="light"] #mobile-app-download-bar {
  background: #ffffff !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
}
html[data-theme="light"] #mobile-app-download-bar div,
html[data-theme="light"] #mobile-app-download-bar span {
  color: #000000 !important;
}
html[data-theme="light"] #mobile-app-download-bar a.btn {
  background: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 10px rgba(0, 240, 118, 0.3) !important;
  text-shadow: none !important;
}
html[data-theme="light"] #mobile-app-download-bar button {
  color: #64748b !important;
}

html[data-theme="light"] .toast,
html[data-theme="light"] .achievement-toast,
html[data-theme="light"] .notification-toast {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.12) !important;
  color: #000000 !important;
}
html[data-theme="light"] .toast *,
html[data-theme="light"] .achievement-toast * {
  color: #000000 !important;
}

/* ── Bottom Navigation in Light Theme ─────────────────────────────── */
html[data-theme="light"] .bottom-nav,
html[data-theme="light"] #bottom-nav,
html[data-theme="light"] nav.bottom-nav {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] .bottom-nav .nav-item:not(.active),
html[data-theme="light"] .bottom-nav .nav-item:not(.active) .nav-label {
  color: #000000 !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .bottom-nav .nav-item:not(.active) .nav-icon svg {
  stroke: #000000 !important;
}
html[data-theme="light"] .bottom-nav .nav-item:not(.active)[data-screen="more"] .nav-icon svg,
html[data-theme="light"] .bottom-nav .nav-item:not(.active)[data-bottom-nav-item="more"] .nav-icon svg {
  fill: #000000 !important;
  stroke: none !important;
}
html[data-theme="light"] .bottom-nav .nav-item.active,
html[data-theme="light"] .bottom-nav .nav-item.active .nav-label {
  color: var(--primary, #00f076) !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .bottom-nav .nav-item.active .nav-icon svg {
  stroke: var(--primary, #00f076) !important;
}
html[data-theme="light"] .bottom-nav .nav-item.active[data-screen="more"] .nav-icon svg,
html[data-theme="light"] .bottom-nav .nav-item.active[data-bottom-nav-item="more"] .nav-icon svg {
  fill: var(--primary, #00f076) !important;
  stroke: none !important;
}

/* ── WORKOUT SCREEN (#screen-workout) & SUB-TABS ──────────────────── */
html[data-theme="light"] .workout-hub-nav {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 16px !important;
  padding: 6px !important;
}
html[data-theme="light"] .workout-hub-tab,
html[data-theme="light"] button.workout-hub-tab {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #000000 !important;
  border-radius: 12px !important;
}
html[data-theme="light"] .workout-hub-tab span {
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .workout-hub-tab svg {
  stroke: #000000 !important;
}
html[data-theme="light"] .workout-hub-tab.is-active,
html[data-theme="light"] button.workout-hub-tab.is-active {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  box-shadow: 0 4px 14px var(--primary-glow, rgba(0, 240, 118, 0.3)) !important;
}
html[data-theme="light"] .workout-hub-tab.is-active span {
  color: #000000 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .workout-hub-tab.is-active svg {
  stroke: #000000 !important;
}

/* ── Workout Donor Shell & Containers in Light Theme ───────────────── */
html[data-theme="light"] .workout-donor-shell,
body.light-theme .workout-donor-shell,
html[data-theme="light"] .workout-donor-main,
body.light-theme .workout-donor-main,
html[data-theme="light"] .workout-flow-main,
body.light-theme .workout-flow-main {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .workout-donor-bg,
body.light-theme .workout-donor-bg {
  display: none !important;
  background: transparent !important;
}

/* Muscle Recovery & Map Sub-view */
html[data-theme="light"] .workout-recovery-hub-card,
html[data-theme="light"] .workout-muscle-card,
html[data-theme="light"] .workout-muscle-grid,
html[data-theme="light"] #workout-muscle-recovery-container,
html[data-theme="light"] .workout-muscle-recovery-view {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}
html[data-theme="light"] .workout-recovery-hub-card *,
html[data-theme="light"] .workout-muscle-card *,
html[data-theme="light"] .workout-muscle-recovery-view * {
  color: #000000 !important;
}
html[data-theme="light"] .workout-recovery-hub-card h2,
html[data-theme="light"] .workout-recovery-hub-card p,
html[data-theme="light"] .workout-recovery-title {
  color: #000000 !important;
}
html[data-theme="light"] .workout-muscle-recovery-view .recovery-legend-item span {
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .workout-body-silhouette-bg,
html[data-theme="light"] .workout-body-muscle-g:not(.active) .workout-body-muscle-shape {
  fill: #e2e8f0 !important;
  stroke: #94a3b8 !important;
}
html[data-theme="light"] .workout-recovery-list-wrap,
body.light-theme .workout-recovery-list-wrap {
  background: transparent !important;
  color: #000000 !important;
}
html[data-theme="light"] .workout-recovery-list-title,
html[data-theme="light"] .workout-recovery-list-title * {
  color: #000000 !important;
}
html[data-theme="light"] .workout-muscle-item-card,
body.light-theme .workout-muscle-item-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
  color: #000000 !important;
}
html[data-theme="light"] .workout-muscle-item-name {
  color: #000000 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .workout-muscle-item-recovery-row span {
  color: #000000 !important;
}
html[data-theme="light"] .workout-muscle-track {
  background: #e2e8f0 !important;
}

/* Exercise Catalog Sub-view */
html[data-theme="light"] .workout-catalog-hub {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}
html[data-theme="light"] .workout-catalog-hub * {
  color: #000000 !important;
}
html[data-theme="light"] .workout-catalog-hub input[type="search"],
html[data-theme="light"] .workout-catalog-search-input {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}
html[data-theme="light"] .workout-catalog-hub input[type="search"]::placeholder,
html[data-theme="light"] .workout-catalog-search-input::placeholder {
  color: #64748b !important;
}
html[data-theme="light"] .workout-catalog-filter-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .workout-catalog-filter-btn.active {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .catalog-exercise-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}
html[data-theme="light"] .catalog-exercise-card * {
  color: #000000 !important;
}
html[data-theme="light"] .catalog-exercise-title,
html[data-theme="light"] .catalog-exercise-card h4,
html[data-theme="light"] .catalog-exercise-card .exercise-name {
  color: #000000 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .catalog-exercise-chevron {
  background: #f1f5f9 !important;
  color: #000000 !important;
}
html[data-theme="light"] .catalog-exercise-chevron svg {
  stroke: #000000 !important;
}

/* 1RM & Plate Calculator */
html[data-theme="light"] .workout-1rm-section,
body.light-theme .workout-1rm-section,
html[data-theme="light"] .workout-onerm-wrapper,
html[data-theme="light"] .workout-onerm-card,
html[data-theme="light"] .workout-onerm-hub,
html[data-theme="light"] .plate-calc-container,
html[data-theme="light"] .plate-calculator-modal {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}
html[data-theme="light"] .workout-1rm-section *,
html[data-theme="light"] .workout-onerm-wrapper *,
html[data-theme="light"] .workout-onerm-card *,
html[data-theme="light"] .plate-calc-container *,
html[data-theme="light"] .plate-calculator-modal * {
  color: #000000 !important;
}
html[data-theme="light"] .workout-1rm-title,
html[data-theme="light"] .workout-1rm-section h2,
html[data-theme="light"] .workout-1rm-section h3,
html[data-theme="light"] .workout-1rm-section strong {
  color: #000000 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .workout-1rm-subtitle {
  color: #475569 !important;
}
html[data-theme="light"] .workout-1rm-field span {
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .workout-1rm-field input {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}
html[data-theme="light"] .workout-formula-btn,
html[data-theme="light"] .onerm-formula-btn,
html[data-theme="light"] .formula-tab,
html[data-theme="light"] .plate-calc-step-btn,
html[data-theme="light"] .plate-calc-chip,
html[data-theme="light"] .plate-calc-bar-tab {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .workout-formula-btn.is-active,
html[data-theme="light"] .onerm-formula-btn.active,
html[data-theme="light"] .formula-tab.active,
html[data-theme="light"] .plate-calc-bar-tab.is-active {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .workout-1rm-result-card,
html[data-theme="light"] .onerm-result-box {
  background: #f8fafc !important;
  border: 1.5px solid #00f076 !important;
}
html[data-theme="light"] .workout-1rm-result-kicker {
  color: #059669 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .workout-1rm-result-number {
  color: #000000 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .workout-1rm-result-unit {
  color: #475569 !important;
}
html[data-theme="light"] .workout-1rm-table th {
  color: #000000 !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
}
html[data-theme="light"] .workout-1rm-table td {
  color: #000000 !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
html[data-theme="light"] .workout-1rm-save-btn {
  color: #000000 !important;
  font-weight: 800 !important;
}

/* ── GROCERY / SHOPPING CART (#screen-grocery) ────────────────────── */
html[data-theme="light"] #screen-grocery,
html[data-theme="light"] #screen-grocery .grocery-main,
html[data-theme="light"] #screen-grocery .grocery-shell {
  background: #ffffff !important;
  color: #000000 !important;
}
html[data-theme="light"] .grocery-category-card,
html[data-theme="light"] .grocery-card,
html[data-theme="light"] .grocery-group-card,
html[data-theme="light"] .grocery-progress-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}
html[data-theme="light"] .grocery-category-card *,
html[data-theme="light"] .grocery-card *,
html[data-theme="light"] .grocery-group-card *,
html[data-theme="light"] .grocery-progress-card * {
  color: #000000 !important;
}
html[data-theme="light"] .grocery-category-title {
  color: #000000 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .grocery-item-name {
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .grocery-tool-btn,
html[data-theme="light"] button.grocery-tool-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .grocery-tool-btn svg {
  stroke: #000000 !important;
}
html[data-theme="light"] .grocery-item {
  background: #ffffff !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
html[data-theme="light"] .grocery-progress-track {
  background: #e2e8f0 !important;
}
html[data-theme="light"] .grocery-quick-row {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
}
html[data-theme="light"] .bullet-checkbox {
  border: 2px solid #94a3b8 !important;
  background: #ffffff !important;
}
html[data-theme="light"] .bullet-checkbox:checked {
  border-color: var(--primary, #00f076) !important;
  background: var(--primary, #00f076) !important;
}
html[data-theme="light"] .bullet-checkbox:checked::after {
  color: #000000 !important;
}

/* ── PROFILE SCREEN (#screen-profile) ─────────────────────────────── */
html[data-theme="light"] #screen-profile,
html[data-theme="light"] #screen-profile .main-content {
  background: #ffffff !important;
  color: #000000 !important;
}
html[data-theme="light"] .profile-card,
html[data-theme="light"] .profile-section-card,
html[data-theme="light"] #profile-booster-card,
html[data-theme="light"] #profile-trophy-card,
html[data-theme="light"] #profile-stats-card,
html[data-theme="light"] .profile-hero-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}
html[data-theme="light"] .profile-card *,
html[data-theme="light"] .profile-section-card *,
html[data-theme="light"] #profile-booster-card *,
html[data-theme="light"] #profile-trophy-card *,
html[data-theme="light"] #profile-stats-card * {
  color: #000000 !important;
}
html[data-theme="light"] .profile-trophy-slot {
  background: #f8fafc !important;
  border: 1.5px dashed #cbd5e1 !important;
  color: #000000 !important;
}
html[data-theme="light"] .profile-booster-day {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #000000 !important;
}
html[data-theme="light"] .profile-booster-day svg {
  stroke: #000000 !important;
}
html[data-theme="light"] .profile-stat-box,
html[data-theme="light"] .profile-metric-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #000000 !important;
}

/* ── LEAGUES SCREEN (#screen-leagues) ─────────────────────────────── */
html[data-theme="light"] #screen-leagues,
html[data-theme="light"] #screen-leagues .main-content {
  background: #ffffff !important;
  color: #000000 !important;
}
html[data-theme="light"] .leagues-tier-card,
html[data-theme="light"] .leagues-progress-card,
html[data-theme="light"] .leagues-task-card,
html[data-theme="light"] .leagues-table-card,
html[data-theme="light"] .leagues-card,
html[data-theme="light"] #screen-leagues .glass-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}
html[data-theme="light"] .leagues-tier-card *,
html[data-theme="light"] .leagues-progress-card *,
html[data-theme="light"] .leagues-task-card *,
html[data-theme="light"] .leagues-table-card *,
html[data-theme="light"] #screen-leagues * {
  color: #000000 !important;
}
html[data-theme="light"] .leagues-timer-pill {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .leagues-task-card {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}
html[data-theme="light"] .leagues-row {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #000000 !important;
}

/* ── WATER SCREEN (#screen-water) ─────────────────────────────────── */
html[data-theme="light"] #screen-water .water-btn,
html[data-theme="light"] .water-btn {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
html[data-theme="light"] #screen-water .water-btn:hover {
  background: var(--primary-soft, rgba(0, 240, 118, 0.12)) !important;
  border-color: var(--primary, #00f076) !important;
}
html[data-theme="light"] #screen-water .water-stats-value,
html[data-theme="light"] #screen-water .water-goal,
html[data-theme="light"] #screen-water #water-current,
html[data-theme="light"] #screen-water #water-percent,
html[data-theme="light"] #screen-water .font-stats-num span,
html[data-theme="light"] #screen-water .water-log-entry,
html[data-theme="light"] #screen-water .water-empty-text {
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] #screen-water circle.text-white\/5,
html[data-theme="light"] #screen-water circle:first-child {
  stroke: #e2e8f0 !important;
}

/* ── HABITS SCREEN (#screen-habits) ───────────────────────────────── */
html[data-theme="light"] #screen-habits .habit-progress-card,
html[data-theme="light"] #screen-habits .habit-matrix-card,
html[data-theme="light"] #screen-habits .habit-day-card,
html[data-theme="light"] #screen-habits .habit-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
}
html[data-theme="light"] #screen-habits * {
  color: #000000 !important;
}
html[data-theme="light"] .habit-segment-tab:not(.active) {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .habit-segment-tab.active {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

/* ── FOOD ANALYSIS SCREEN (#screen-analysis) ──────────────────────── */
html[data-theme="light"] .fa-drop,
html[data-theme="light"] .dotted-dropzone {
  background: #f8fafc !important;
  border: 2px dashed #cbd5e1 !important;
}
html[data-theme="light"] .fa-drop *,
html[data-theme="light"] .dotted-dropzone * {
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .fa-btn-barcode,
html[data-theme="light"] .fa-btn-label,
html[data-theme="light"] #screen-analysis button[data-action="barcode"],
html[data-theme="light"] #screen-analysis button[data-action="label"],
html[data-theme="light"] #screen-analysis .btn-outline {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .fa-btn-barcode svg,
html[data-theme="light"] .fa-btn-label svg,
html[data-theme="light"] #screen-analysis button[data-action="barcode"] svg,
html[data-theme="light"] #screen-analysis button[data-action="label"] svg {
  stroke: #000000 !important;
}
html[data-theme="light"] #screen-analysis * {
  color: #000000 !important;
}

/* ── NOTES SCREEN (#screen-notes) ─────────────────────────────────── */
html[data-theme="light"] .notes-filter-chip,
html[data-theme="light"] .notes-tag-btn,
html[data-theme="light"] #screen-notes .tag-chip {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .notes-filter-chip.active,
html[data-theme="light"] .notes-tag-btn.active {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .notes-card,
html[data-theme="light"] .note-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
}
html[data-theme="light"] .notes-card * {
  color: #000000 !important;
}

/* ── AI COACH SCREEN (#screen-ai-coach) ───────────────────────────── */
html[data-theme="light"] .ai-coach-bubble.is-assistant,
html[data-theme="light"] .coach-message-assistant {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #000000 !important;
}
html[data-theme="light"] .ai-coach-prompt-chip,
html[data-theme="light"] .ai-prompt-suggestion {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ── RECIPES SCREEN (#screen-recipes) ─────────────────────────────── */
html[data-theme="light"] #screen-recipes .recipe-card,
html[data-theme="light"] #screen-recipes .card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
}
html[data-theme="light"] #screen-recipes * {
  color: #000000 !important;
}
html[data-theme="light"] #screen-recipes .recipe-filter-chip,
html[data-theme="light"] #screen-recipes .recipe-tag-pill,
html[data-theme="light"] #screen-recipes label.flex.items-center {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ── Inputs, Textareas, Selects Everywhere ────────────────────────── */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus {
  border-color: var(--primary, #00f076) !important;
  box-shadow: 0 0 0 3px rgba(0, 240, 118, 0.2) !important;
}

/* ── Modals & Dialogs ─────────────────────────────────────────────── */
html[data-theme="light"] .modal-content,
html[data-theme="light"] .profile-modal-sheet,
html[data-theme="light"] .workout-alternatives-sheet,
html[data-theme="light"] .plate-calculator-modal,
html[data-theme="light"] .unified-modal-card {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important;
}

/* Universal Primary Buttons in Light Theme */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn.btn-primary,
html[data-theme="light"] button.btn-primary,
html[data-theme="light"] .workout-primary-btn,
html[data-theme="light"] .workout-btn-primary,
body.light-theme .btn-primary,
body.light-theme .btn.btn-primary,
body.light-theme button.btn-primary,
body.light-theme .workout-primary-btn,
body.light-theme .workout-btn-primary {
  background: var(--primary, #00f076) !important;
  color: #000000 !important;
  border: 1.5px solid transparent !important;
  box-shadow: 0 4px 14px var(--primary-glow, rgba(0, 240, 118, 0.28)) !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .btn-primary svg,
html[data-theme="light"] .btn.btn-primary svg,
html[data-theme="light"] button.btn-primary svg,
body.light-theme .btn-primary svg {
  stroke: #000000 !important;
  color: #000000 !important;
}

/* Universal Secondary / Outline / Ghost Buttons in Light Theme */
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .btn.btn-secondary,
html[data-theme="light"] button.btn-secondary,
html[data-theme="light"] .btn-outline,
html[data-theme="light"] .btn.btn-outline,
html[data-theme="light"] button.btn-outline,
html[data-theme="light"] .workout-secondary-btn,
html[data-theme="light"] .workout-btn-secondary,
html[data-theme="light"] .btn-banner-change,
body.light-theme .btn-secondary,
body.light-theme .btn.btn-secondary,
body.light-theme button.btn-secondary,
body.light-theme .btn-outline,
body.light-theme .btn.btn-outline,
body.light-theme button.btn-outline,
body.light-theme .workout-secondary-btn,
body.light-theme .workout-btn-secondary,
body.light-theme .btn-banner-change {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .btn-secondary:hover,
html[data-theme="light"] .btn.btn-secondary:hover,
html[data-theme="light"] button.btn-secondary:hover,
html[data-theme="light"] .btn-outline:hover,
html[data-theme="light"] .btn.btn-outline:hover,
html[data-theme="light"] button.btn-outline:hover,
html[data-theme="light"] .btn-banner-change:hover,
body.light-theme .btn-secondary:hover,
body.light-theme .btn-outline:hover,
body.light-theme .btn-banner-change:hover {
  background: #f8fafc !important;
  border-color: #94a3b8 !important;
  color: #000000 !important;
}
html[data-theme="light"] .btn-secondary svg,
html[data-theme="light"] .btn.btn-secondary svg,
html[data-theme="light"] button.btn-secondary svg,
html[data-theme="light"] .btn-banner-change svg,
body.light-theme .btn-secondary svg,
body.light-theme .btn-banner-change svg {
  stroke: #0f172a !important;
  color: #0f172a !important;
}

/* Modal Close Buttons Across All Modals and Popups in Light Theme */
html[data-theme="light"] .workout-modal-close,
html[data-theme="light"] .profile-modal-close,
html[data-theme="light"] .modal-close,
html[data-theme="light"] .dc-corr-close,
html[data-theme="light"] .fa-corr-close,
html[data-theme="light"] .tg-link-close,
html[data-theme="light"] .anti-binge-close,
html[data-theme="light"] .sheet-close-btn,
html[data-theme="light"] .recipe-result-close,
html[data-theme="light"] .ai-recs-close-btn,
html[data-theme="light"] .diary-food-close,
body.light-theme .workout-modal-close,
body.light-theme .profile-modal-close,
body.light-theme .modal-close,
body.light-theme .dc-corr-close,
body.light-theme .fa-corr-close,
body.light-theme .tg-link-close,
body.light-theme .anti-binge-close,
body.light-theme .sheet-close-btn,
body.light-theme .recipe-result-close,
body.light-theme .ai-recs-close-btn,
body.light-theme .diary-food-close {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
}

html[data-theme="light"] .workout-modal-close:hover,
html[data-theme="light"] .profile-modal-close:hover,
html[data-theme="light"] .modal-close:hover,
body.light-theme .workout-modal-close:hover,
body.light-theme .profile-modal-close:hover,
body.light-theme .modal-close:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
  color: #000000 !important;
}

html[data-theme="light"] .bottom-nav .nav-item.active,
html[data-theme="light"] .bottom-nav .nav-item.active .nav-label,
html[data-theme="light"] .bottom-nav .nav-item.active .nav-icon svg,
body.light-theme .bottom-nav .nav-item.active,
body.light-theme .bottom-nav .nav-item.active .nav-label,
body.light-theme .bottom-nav .nav-item.active .nav-icon svg {
  color: var(--primary, #00f076) !important;
  stroke: var(--primary, #00f076) !important;
}

/* ── Precise Contrast & Color Overrides for Elements ──────────────── */
html[data-theme="light"] .premium-back,
html[data-theme="light"] button.premium-back,
body.light-theme .premium-back,
body.light-theme button.premium-back {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .premium-back svg,
html[data-theme="light"] button.premium-back svg {
  stroke: #000000 !important;
}

html[data-theme="light"] .grocery-add-btn,
html[data-theme="light"] #btn-grocery-add,
body.light-theme .grocery-add-btn {
  background: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 900 !important;
  border: none !important;
}

html[data-theme="light"] .grocery-category-count {
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .water-log-status,
html[data-theme="light"] .water-log-empty,
html[data-theme="light"] #water-log-status,
html[data-theme="light"] #water-log-list *,
html[data-theme="light"] p.water-log-status,
html[data-theme="light"] div.water-log-empty {
  color: #000000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] small,
html[data-theme="light"] .screen small,
html[data-theme="light"] .workout-flow-main small,
html[data-theme="light"] .premium-choice-card small,
html[data-theme="light"] .premium-choice-card span,
html[data-theme="light"] .premium-duration small,
html[data-theme="light"] .premium-equipment small,
html[data-theme="light"] .fa-sub,
html[data-theme="light"] p.fa-sub {
  color: #000000 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #screen-notes .screen-title,
html[data-theme="light"] #screen-notes h1 {
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .notes-category-chip,
html[data-theme="light"] button.notes-category-chip {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .notes-category-chip.active,
html[data-theme="light"] button.notes-category-chip.active {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .premium-wizard-progress span:not(.is-on) {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .premium-wizard-copy,
html[data-theme="light"] .premium-choice-card small,
html[data-theme="light"] .premium-duration small,
html[data-theme="light"] .fa-sub {
  color: #000000 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .fa-seg-btn.is-active,
html[data-theme="light"] button.fa-seg-btn.is-active {
  background: var(--primary, #00f076) !important;
  border-color: var(--primary, #00f076) !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .st-row-chevron {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ── Additional Ultra-Strict Pure Black Overrides ─────────────────── */
html[data-theme="light"] .grocery-item-amount,
body.light-theme .grocery-item-amount {
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .water-log-status,
html[data-theme="light"] .water-log-empty,
html[data-theme="light"] #water-log-status,
html[data-theme="light"] #water-log-empty,
html[data-theme="light"] p.water-log-status,
html[data-theme="light"] div.water-log-empty,
body.light-theme .water-log-status,
body.light-theme .water-log-empty {
  color: #000000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .fa-sub,
html[data-theme="light"] p.fa-sub,
html[data-theme="light"] .premium-choice-card small,
html[data-theme="light"] .premium-duration small,
html[data-theme="light"] .premium-equipment small {
  color: #000000 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #screen-water .water-log .water-log-status,
html[data-theme="light"] #screen-water .water-log-empty,
html[data-theme="light"] #screen-water .water-log-status,
html[data-theme="light"] #screen-water .water-log div,
html[data-theme="light"] #screen-water .water-log p,
body.light-theme #screen-water .water-log .water-log-status,
body.light-theme #screen-water .water-log-empty {
  color: #000000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-workout .premium-choice-card b,
body.light-theme #screen-workout .premium-choice-card b {
  color: #000000 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-workout .premium-wizard-step-label,
body.light-theme #screen-workout .premium-wizard-step-label {
  color: #000000 !important;
  font-weight: 800 !important;
}

/* =====================================================================
   COMPLETE LIGHT THEME COVERAGE: ALL MODALS, SCREENS, AND COMPONENTS
   ===================================================================== */

/* ── 1. Grocery Screen Category Groups & Headers ─────────────────── */
html[data-theme="light"] .grocery-category-group,
body.light-theme .grocery-category-group {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .grocery-category-header,
body.light-theme .grocery-category-header {
  background: #f8fafc !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .grocery-category-title,
body.light-theme .grocery-category-title {
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .grocery-category-count,
body.light-theme .grocery-category-count {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

/* ── 2. Leagues Screen (Full Light Coverage) ─────────────────────── */
html[data-theme="light"] #screen-leagues,
body.light-theme #screen-leagues {
  background: #ffffff !important;
  color: #000000 !important;
}

html[data-theme="light"] .league-hero-card,
body.light-theme .league-hero-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
  color: #000000 !important;
}

html[data-theme="light"] .league-title,
body.light-theme .league-title {
  color: #000000 !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

html[data-theme="light"] .league-countdown,
body.light-theme .league-countdown {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .league-countdown span,
body.light-theme .league-countdown span {
  color: #0284c7 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .user-xp-status-card,
body.light-theme .user-xp-status-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05) !important;
  color: #000000 !important;
}

html[data-theme="light"] .user-xp-values,
body.light-theme .user-xp-values,
html[data-theme="light"] .user-xp-values strong,
body.light-theme .user-xp-values strong {
  color: #000000 !important;
}

html[data-theme="light"] .earn-xp-card,
body.light-theme .earn-xp-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}

html[data-theme="light"] .earn-xp-card:hover,
body.light-theme .earn-xp-card:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .earn-xp-card *,
body.light-theme .earn-xp-card * {
  color: #000000 !important;
}

html[data-theme="light"] .leaderboard-card,
body.light-theme .leaderboard-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}

html[data-theme="light"] .leaderboard-card *,
body.light-theme .leaderboard-card * {
  color: #000000 !important;
}

/* ── 3. Profile Screen (Full Light Coverage) ─────────────────────── */
html[data-theme="light"] .profile-trophies-shelf,
body.light-theme .profile-trophies-shelf {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05) !important;
  color: #000000 !important;
}

html[data-theme="light"] .profile-trophies-title,
body.light-theme .profile-trophies-title {
  color: #000000 !important;
}

html[data-theme="light"] .profile-trophies-btn,
body.light-theme .profile-trophies-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] .profile-edit-icon,
body.light-theme .profile-edit-icon {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}
html[data-theme="light"] .profile-edit-icon svg,
body.light-theme .profile-edit-icon svg {
  stroke: #000000 !important;
}

html[data-theme="light"] .weekly-dot,
body.light-theme .weekly-dot {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] #screen-profile .glass-card,
body.light-theme #screen-profile .glass-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  color: #000000 !important;
}

html[data-theme="light"] #screen-profile .glass-card *,
body.light-theme #screen-profile .glass-card * {
  color: #000000 !important;
}

/* ── 4. AI Coach Screen (Full Light Coverage) ─────────────────────── */
html[data-theme="light"] #screen-ai-coach,
body.light-theme #screen-ai-coach {
  background: #ffffff !important;
}

html[data-theme="light"] .ac-chat,
body.light-theme .ac-chat,
html[data-theme="light"] .ac-messages,
body.light-theme .ac-messages {
  background: #ffffff !important;
}

html[data-theme="light"] .ac-suggestions-container,
body.light-theme .ac-suggestions-container {
  background: #f8fafc !important;
  border-top: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .ac-chip,
body.light-theme .ac-chip {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .ac-chip:hover,
body.light-theme .ac-chip:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: #000000 !important;
}

html[data-theme="light"] .ac-popular-q,
body.light-theme .ac-popular-q {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .ac-input-area,
body.light-theme .ac-input-area {
  background: #ffffff !important;
  border-top: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .ac-input,
body.light-theme .ac-input {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

/* ── 5. Notes Screen Search & Filter ─────────────────────────────── */
html[data-theme="light"] .notes-filter-btn,
body.light-theme .notes-filter-btn {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .notes-filter-btn svg,
body.light-theme .notes-filter-btn svg {
  stroke: #000000 !important;
}

/* ── 6. Workout Screen & Shell Shadows ───────────────────────────── */
html[data-theme="light"] .workout-donor-shell,
body.light-theme .workout-donor-shell {
  box-shadow: none !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
}

html[data-theme="light"] #screen-workout,
body.light-theme #screen-workout,
html[data-theme="light"] .workout-donor-main,
body.light-theme .workout-donor-main,
html[data-theme="light"] .premium-workout-wizard,
body.light-theme .premium-workout-wizard {
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}

/* ── 7. Floating Workout Rest HUD ────────────────────────────────── */
html[data-theme="light"] .floating-workout-hud,
body.light-theme .floating-workout-hud {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1.5px solid #e2e8f0 !important;
  border-top-color: #cbd5e1 !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12), 0 0 16px rgba(0, 240, 118, 0.2) !important;
  color: #000000 !important;
}

html[data-theme="light"] .hud-time-text,
body.light-theme .hud-time-text {
  color: #000000 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] .hud-desc-text,
body.light-theme .hud-desc-text {
  color: #475569 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .hud-ring-bg,
body.light-theme .hud-ring-bg {
  stroke: #e2e8f0 !important;
}

html[data-theme="light"] .hud-btn-add,
body.light-theme .hud-btn-add {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .hud-btn-close,
body.light-theme .hud-btn-close {
  color: #64748b !important;
}

/* ── 8. Warmup & Exercise Swap Modals ────────────────────────────── */
html[data-theme="light"] .gd-warmup-modal-backdrop,
html[data-theme="light"] .gd-swap-modal-backdrop,
body.light-theme .gd-warmup-modal-backdrop,
body.light-theme .gd-swap-modal-backdrop {
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

html[data-theme="light"] .warmup-modal-box,
html[data-theme="light"] .swap-modal-box,
body.light-theme .warmup-modal-box,
body.light-theme .swap-modal-box {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.15) !important;
  color: #000000 !important;
}

html[data-theme="light"] .warmup-modal-header,
html[data-theme="light"] .swap-modal-header,
body.light-theme .warmup-modal-header,
body.light-theme .swap-modal-header {
  background: #ffffff !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .warmup-modal-title,
html[data-theme="light"] .swap-modal-title,
body.light-theme .warmup-modal-title,
body.light-theme .swap-modal-title {
  color: #000000 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] .warmup-modal-sub,
html[data-theme="light"] .swap-modal-sub,
body.light-theme .warmup-modal-sub,
body.light-theme .swap-modal-sub {
  color: #475569 !important;
}

html[data-theme="light"] .warmup-modal-close,
html[data-theme="light"] .swap-modal-close,
body.light-theme .warmup-modal-close,
body.light-theme .swap-modal-close {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] .warmup-modal-body,
html[data-theme="light"] .swap-modal-body,
body.light-theme .warmup-modal-body,
body.light-theme .swap-modal-body {
  background: #ffffff !important;
  color: #000000 !important;
}

html[data-theme="light"] .warmup-modal-body *,
html[data-theme="light"] .swap-modal-body *,
body.light-theme .warmup-modal-body *,
body.light-theme .swap-modal-body * {
  color: #000000 !important;
}

html[data-theme="light"] .warmup-modal-footer,
body.light-theme .warmup-modal-footer {
  background: #f8fafc !important;
  border-top: 1.5px solid #e2e8f0 !important;
}

/* ── 9. PR Celebration Modal ─────────────────────────────────────── */
html[data-theme="light"] .pr-modal-backdrop,
body.light-theme .pr-modal-backdrop {
  background: rgba(15, 23, 42, 0.6) !important;
}

html[data-theme="light"] .pr-modal-card,
body.light-theme .pr-modal-card {
  background: #ffffff !important;
  border: 1.5px solid #facc15 !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.15), 0 0 30px rgba(250, 204, 21, 0.15) !important;
  color: #000000 !important;
}

html[data-theme="light"] .pr-modal-card *,
body.light-theme .pr-modal-card * {
  color: #000000 !important;
}

html[data-theme="light"] .pr-modal-tag,
body.light-theme .pr-modal-tag {
  background: rgba(250, 204, 21, 0.15) !important;
  border: 1px solid rgba(250, 204, 21, 0.4) !important;
  color: #b45309 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .pr-stat-box,
body.light-theme .pr-stat-box {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}

/* ── 10. Workout Video & Confirm Modals ───────────────────────────── */
html[data-theme="light"] .workout-video-modal-card,
html[data-theme="light"] .workout-confirm-modal-card,
body.light-theme .workout-video-modal-card,
body.light-theme .workout-confirm-modal-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important;
  color: #000000 !important;
}

html[data-theme="light"] .workout-video-modal-head h3,
html[data-theme="light"] .workout-confirm-modal-head h3,
body.light-theme .workout-video-modal-head h3,
body.light-theme .workout-confirm-modal-head h3 {
  color: #000000 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] .workout-video-modal-close,
body.light-theme .workout-video-modal-close {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #000000 !important;
}

/* ── 11. Voice & Barcode Modals ──────────────────────────────────── */
html[data-theme="light"] .voice-modal-box,
html[data-theme="light"] .barcode-modal-box,
body.light-theme .voice-modal-box,
body.light-theme .barcode-modal-box {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important;
  color: #000000 !important;
}

html[data-theme="light"] .voice-modal-title,
html[data-theme="light"] .barcode-modal-title,
body.light-theme .voice-modal-title,
body.light-theme .barcode-modal-title {
  color: #000000 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] .voice-transcript-card,
body.light-theme .voice-transcript-card {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
}

html[data-theme="light"] .grocery-add-card,
body.light-theme .grocery-add-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .grocery-input-name,
body.light-theme .grocery-input-name {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] #screen-profile .profile-metric,
body.light-theme #screen-profile .profile-metric {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
  color: #000000 !important;
}

html[data-theme="light"] #screen-profile .profile-metric:hover,
body.light-theme #screen-profile .profile-metric:hover {
  background: #f1f5f9 !important;
}

html[data-theme="light"] #screen-profile .profile-metric *,
body.light-theme #screen-profile .profile-metric * {
  color: #000000 !important;
}

/* ── Weekly Booster Banner & Modal (Light Theme) ─────────────────── */
html[data-theme="light"] .weekly-booster-banner,
body.light-theme .weekly-booster-banner {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05) !important;
  color: #000000 !important;
}

html[data-theme="light"] .weekly-booster-title,
body.light-theme .weekly-booster-title {
  color: #000000 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] .weekly-booster-sub,
body.light-theme .weekly-booster-sub {
  color: #475569 !important;
}

html[data-theme="light"] .weekly-streak-badge,
body.light-theme .weekly-streak-badge {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .weekly-bar-track,
body.light-theme .weekly-bar-track {
  background: #e2e8f0 !important;
}

html[data-theme="light"] .weekly-open-pack-btn,
body.light-theme .weekly-open-pack-btn {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .card-modal-overlay,
body.light-theme .card-modal-overlay {
  background: rgba(15, 23, 42, 0.6) !important;
}

html[data-theme="light"] .card-modal-content,
html[data-theme="light"] .quest-modal-card,
body.light-theme .card-modal-content,
body.light-theme .quest-modal-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .quest-modal-header,
body.light-theme .quest-modal-header {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .quest-modal-title,
body.light-theme .quest-modal-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .quest-modal-subtitle,
body.light-theme .quest-modal-subtitle {
  color: #64748b !important;
}

html[data-theme="light"] .quest-modal-close,
body.light-theme .quest-modal-close {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
}

html[data-theme="light"] .quest-modal-close:hover,
body.light-theme .quest-modal-close:hover {
  background: #fee2e2 !important;
  border-color: #ef4444 !important;
  color: #ef4444 !important;
}

html[data-theme="light"] .quest-modal-progress-section,
body.light-theme .quest-modal-progress-section {
  background: #ffffff !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

html[data-theme="light"] .quest-modal-progress-label,
body.light-theme .quest-modal-progress-label {
  color: #64748b !important;
}

html[data-theme="light"] .quest-modal-counter,
body.light-theme .quest-modal-counter {
  color: #059669 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .quest-modal-bar-track,
body.light-theme .quest-modal-bar-track {
  background: #e2e8f0 !important;
}

html[data-theme="light"] .quest-modal-bar-fill,
body.light-theme .quest-modal-bar-fill {
  background: linear-gradient(90deg, #00f076, #10b981) !important;
  box-shadow: 0 0 10px rgba(0, 240, 118, 0.4) !important;
}

html[data-theme="light"] .quest-modal-timer-badge,
body.light-theme .quest-modal-timer-badge {
  background: rgba(0, 240, 118, 0.1) !important;
  border: 1px solid rgba(0, 240, 118, 0.3) !important;
  color: #1e293b !important;
}

html[data-theme="light"] .quest-modal-timer-badge .quest-timer-digits,
body.light-theme .quest-modal-timer-badge .quest-timer-digits {
  color: #059669 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .quest-modal-list,
body.light-theme .quest-modal-list {
  background: #ffffff !important;
}

html[data-theme="light"] .quest-task-item,
body.light-theme .quest-task-item {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .quest-task-item.is-done,
body.light-theme .quest-task-item.is-done {
  background: rgba(0, 240, 118, 0.08) !important;
  border-color: rgba(0, 240, 118, 0.35) !important;
}

html[data-theme="light"] .quest-task-name,
body.light-theme .quest-task-name {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .quest-task-desc,
body.light-theme .quest-task-desc {
  color: #64748b !important;
}

html[data-theme="light"] .quest-badge-done,
body.light-theme .quest-badge-done {
  background: rgba(0, 240, 118, 0.16) !important;
  color: #059669 !important;
  border: 1px solid rgba(0, 240, 118, 0.4) !important;
}

html[data-theme="light"] .quest-btn-jump,
body.light-theme .quest-btn-jump {
  background: #00f076 !important;
  color: #04120b !important;
  border: none !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(0, 240, 118, 0.3) !important;
}

html[data-theme="light"] .quest-modal-footer,
body.light-theme .quest-modal-footer {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #64748b !important;
}

html[data-theme="light"] .quest-modal-footer *,
body.light-theme .quest-modal-footer * {
  color: #475569 !important;
}

/* ── 100% UNBREAKABLE LIGHT THEME ENFORCEMENT ────────────────────── */

/* Main Header Logo & Title */
html[data-theme="light"] .main-brand-title,
html[data-theme="light"] #main-brand-logo-text,
body.light-theme .main-brand-title,
body.light-theme #main-brand-logo-text,
html[data-theme="light"] header .font-display,
body.light-theme header .font-display,
html[data-theme="light"] .header .font-display,
body.light-theme .header .font-display,
html[data-theme="light"] header span.text-white,
body.light-theme header span.text-white,
html[data-theme="light"] .header span.text-white,
body.light-theme .header span.text-white {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  background: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
}

/* All text-white and light text utility classes turn pitch black */
html[data-theme="light"] .text-white,
body.light-theme .text-white,
html[data-theme="light"] [class*="text-white"]:not(circle),
body.light-theme [class*="text-white"]:not(circle),
html[data-theme="light"] [class*="text-slate-100"],
body.light-theme [class*="text-slate-100"],
html[data-theme="light"] [class*="text-slate-200"],
body.light-theme [class*="text-slate-200"],
html[data-theme="light"] [class*="text-slate-300"],
body.light-theme [class*="text-slate-300"],
html[data-theme="light"] [class*="text-gray-100"],
body.light-theme [class*="text-gray-100"],
html[data-theme="light"] [class*="text-gray-200"],
body.light-theme [class*="text-gray-200"],
html[data-theme="light"] [class*="text-neutral-100"],
body.light-theme [class*="text-neutral-100"],
html[data-theme="light"] [class*="text-neutral-200"],
body.light-theme [class*="text-neutral-200"] {
  color: #000000 !important;
}

/* Exceptions: Preserve white text inside dark buttons/chips */
html[data-theme="light"] .btn-danger,
html[data-theme="light"] .btn-danger *,
body.light-theme .btn-danger,
body.light-theme .btn-danger * {
  color: #ffffff !important;
}

/* Plate Calculator Modal & All Components */
html[data-theme="light"] #plate-calculator-modal,
html[data-theme="light"] .plate-calc-overlay,
body.light-theme #plate-calculator-modal,
body.light-theme .plate-calc-overlay {
  background: rgba(15, 23, 42, 0.45) !important;
}

html[data-theme="light"] #plate-calculator-modal .plate-calc-card,
html[data-theme="light"] .plate-calc-card,
body.light-theme #plate-calculator-modal .plate-calc-card,
body.light-theme .plate-calc-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15) !important;
  color: #000000 !important;
}

html[data-theme="light"] .plate-calc-title,
html[data-theme="light"] #plate-calc-title,
body.light-theme .plate-calc-title,
body.light-theme #plate-calc-title {
  color: #000000 !important;
}

html[data-theme="light"] .plate-calc-close,
body.light-theme .plate-calc-close {
  color: #64748b !important;
}

html[data-theme="light"] .plate-calc-step-btn,
body.light-theme .plate-calc-step-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] .plate-calc-bar-tabs,
body.light-theme .plate-calc-bar-tabs {
  background: #f1f5f9 !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .plate-calc-bar-tab,
body.light-theme .plate-calc-bar-tab {
  color: #64748b !important;
}

html[data-theme="light"] .plate-calc-bar-tab.is-active,
body.light-theme .plate-calc-bar-tab.is-active {
  background: #00f076 !important;
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .plate-calc-visualizer,
body.light-theme .plate-calc-visualizer {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .plate-calc-bar-center-label,
body.light-theme .plate-calc-bar-center-label {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .plate-calc-chip,
body.light-theme .plate-calc-chip {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #1e293b !important;
}

html[data-theme="light"] .plate-badge,
body.light-theme .plate-badge {
  background: #f1f5f9 !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .plate-calc-weight-num,
body.light-theme .plate-calc-weight-num {
  color: #000000 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .plate-calc-weight-unit,
body.light-theme .plate-calc-weight-unit {
  color: #000000 !important;
}

/* Dashboard Booster Pack Dots and Secondary Button */
html[data-theme="light"] .dashboard-dot,
body.light-theme .dashboard-dot {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] #btn-dashboard-tasks,
body.light-theme #btn-dashboard-tasks {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

/* Water Screen History & KPI cards */
html[data-theme="light"] .water-timeframe-picker,
body.light-theme .water-timeframe-picker {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
}

html[data-theme="light"] .water-kpi-card,
body.light-theme .water-kpi-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] #water-view-days h3,
html[data-theme="light"] #water-stat-total,
body.light-theme #water-view-days h3,
body.light-theme #water-stat-total {
  color: #000000 !important;
}

/* Grocery Progress Card */
html[data-theme="light"] .grocery-progress-card,
body.light-theme .grocery-progress-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
}

html[data-theme="light"] #grocery-total-count,
body.light-theme #grocery-total-count {
  color: #000000 !important;
}

/* Reminders Modal Custom Time Picker */
html[data-theme="light"] .reminder-custom-time-picker,
body.light-theme .reminder-custom-time-picker {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] #reminder-hour-select,
html[data-theme="light"] #reminder-min-select,
body.light-theme #reminder-hour-select,
body.light-theme #reminder-min-select {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .time-step-btn,
body.light-theme .time-step-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

/* Menu Preferences Modal Card */
html[data-theme="light"] .menu-preferences-card,
body.light-theme .menu-preferences-card {
  background: #ffffff !important;
  background-image: none !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
}

/* ── UNBREAKABLE MAIN BRAND TITLE & TOP DOWNLOAD BAR ── */
html[data-theme="light"] .main-brand-title,
html[data-theme="light"] #main-brand-logo-text,
html.light-theme .main-brand-title,
html.light-theme #main-brand-logo-text,
body.light-theme .main-brand-title,
body.light-theme #main-brand-logo-text {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html[data-theme="light"] #mobile-app-download-bar,
body.light-theme #mobile-app-download-bar {
  background: #ffffff !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] #mobile-app-download-bar .mobile-app-download-title,
body.light-theme #mobile-app-download-bar .mobile-app-download-title,
html[data-theme="light"] #mobile-app-download-bar div,
body.light-theme #mobile-app-download-bar div {
  color: #000000 !important;
}

html[data-theme="light"] #mobile-app-download-bar .mobile-app-download-sub,
body.light-theme #mobile-app-download-bar .mobile-app-download-sub {
  color: #64748b !important;
}

html[data-theme="light"] #mobile-app-download-bar a.btn,
body.light-theme #mobile-app-download-bar a.btn {
  background: #00f076 !important;
  color: #000000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

/* ── PLATE CALCULATOR VISUALIZER & 1RM ── */
html[data-theme="light"] .plate-calc-bar-rod,
body.light-theme .plate-calc-bar-rod {
  background: linear-gradient(180deg, #e2e8f0 0%, #94a3b8 50%, #64748b 100%) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .plate-calc-sleeve-collar,
body.light-theme .plate-calc-sleeve-collar {
  background: #cbd5e1 !important;
  box-shadow: 0 0 6px rgba(15, 23, 42, 0.2) !important;
}

html[data-theme="light"] .plate-calc-center-bar,
body.light-theme .plate-calc-center-bar {
  background: repeating-linear-gradient(90deg, #cbd5e1, #cbd5e1 3px, #e2e8f0 3px, #e2e8f0 6px) !important;
  border-top: 1px solid #94a3b8 !important;
  border-bottom: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .plate-calc-sleeve,
body.light-theme .plate-calc-sleeve {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px dashed #cbd5e1 !important;
}

html[data-theme="light"] .plate-calc-visualizer,
body.light-theme .plate-calc-visualizer {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .workout-1rm-table,
body.light-theme .workout-1rm-table {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .workout-1rm-table th,
body.light-theme .workout-1rm-table th {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .workout-1rm-table td,
body.light-theme .workout-1rm-table td {
  border-bottom: 1px solid #f1f5f9 !important;
  color: #000000 !important;
}

html[data-theme="light"] [data-workout-action="open-plate-calculator"],
body.light-theme [data-workout-action="open-plate-calculator"] {
  background: rgba(0, 240, 118, 0.15) !important;
  color: #008a40 !important;
  border: 1.5px solid rgba(0, 240, 118, 0.4) !important;
  font-weight: 800 !important;
}

/* ── LIGHT THEME FOR MENU SCREEN & MEAL RECIPE CARDS ── */
html[data-theme="light"] #screen-menu,
body.light-theme #screen-menu {
  background: #f8fafc !important;
  color: #000000 !important;
}

html[data-theme="light"] #screen-menu .card,
body.light-theme #screen-menu .card,
html[data-theme="light"] .menu-config-card,
body.light-theme .menu-config-card,
html[data-theme="light"] .menu-result-head,
body.light-theme .menu-result-head,
html[data-theme="light"] .menu-day-card,
body.light-theme .menu-day-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
  color: #000000 !important;
}

html[data-theme="light"] .menu-day-title,
html[data-theme="light"] .menu-day-name,
body.light-theme .menu-day-title,
body.light-theme .menu-day-name {
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .menu-day-calories,
html[data-theme="light"] .menu-day-kcal,
body.light-theme .menu-day-calories,
body.light-theme .menu-day-kcal {
  color: #64748b !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .menu-day-chevron,
body.light-theme .menu-day-chevron {
  color: #64748b !important;
  stroke: #64748b !important;
}

/* Individual Meal Cards Inside Days */
html[data-theme="light"] .menu-meal-card,
body.light-theme .menu-meal-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
  color: #000000 !important;
}

html[data-theme="light"] .menu-meal-card.expanded,
body.light-theme .menu-meal-card.expanded {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .menu-meal-type,
body.light-theme .menu-meal-type {
  color: #008a40 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

html[data-theme="light"] .menu-meal-title,
body.light-theme .menu-meal-title {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

html[data-theme="light"] .menu-meal-chevron,
body.light-theme .menu-meal-chevron {
  color: #64748b !important;
}

html[data-theme="light"] .menu-meal-details,
body.light-theme .menu-meal-details {
  color: #1e293b !important;
  border-top: 1px solid #f1f5f9 !important;
  padding-top: 10px !important;
}

html[data-theme="light"] .menu-section-title,
html[data-theme="light"] .menu-meal-ingredients-title,
body.light-theme .menu-section-title,
body.light-theme .menu-meal-ingredients-title {
  color: #000000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .menu-meal-ingredients-list,
html[data-theme="light"] .menu-meal-ingredient-line,
body.light-theme .menu-meal-ingredients-list,
body.light-theme .menu-meal-ingredient-line {
  color: #334155 !important;
}

html[data-theme="light"] .menu-meal-totals,
html[data-theme="light"] .menu-meal-totals div,
body.light-theme .menu-meal-totals,
body.light-theme .menu-meal-totals div {
  color: #1e293b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .menu-meal-instructions,
body.light-theme .menu-meal-instructions {
  color: #334155 !important;
  background: #f1f5f9 !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
}

/* Target Summary Bar */
html[data-theme="light"] .menu-target-summary,
body.light-theme .menu-target-summary {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 14px !important;
}

html[data-theme="light"] .menu-target-summary-line,
body.light-theme .menu-target-summary-line {
  color: #0f172a !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .menu-target-warning,
body.light-theme .menu-target-warning {
  color: #b45309 !important;
}

/* Month Week Cards */
html[data-theme="light"] .menu-week-card,
body.light-theme .menu-week-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .menu-week-card-title,
body.light-theme .menu-week-card-title {
  color: #000000 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .menu-week-card-meta,
html[data-theme="light"] .menu-week-card-chevron,
body.light-theme .menu-week-card-meta,
body.light-theme .menu-week-card-chevron {
  color: #64748b !important;
}

/* Menu Preferences Modal */
html[data-theme="light"] .menu-preferences-modal .menu-preview-sheet,
body.light-theme .menu-preferences-modal .menu-preview-sheet,
html[data-theme="light"] .menu-preview-sheet,
body.light-theme .menu-preview-sheet {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .menu-preferences-modal .menu-preview-head h3,
body.light-theme .menu-preferences-modal .menu-preview-head h3,
html[data-theme="light"] .menu-preview-head h3,
body.light-theme .menu-preview-head h3 {
  color: #000000 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .menu-preferences-modal .menu-preview-head p,
body.light-theme .menu-preferences-modal .menu-preview-head p,
html[data-theme="light"] .menu-preview-head p,
body.light-theme .menu-preview-head p {
  color: #64748b !important;
}

html[data-theme="light"] .menu-preferences-modal .workout-modal-close,
body.light-theme .menu-preferences-modal .workout-modal-close,
html[data-theme="light"] .menu-preview-sheet .workout-modal-close,
body.light-theme .menu-preview-sheet .workout-modal-close {
  color: #64748b !important;
}

html[data-theme="light"] .menu-preferences-modal .workout-modal-close:hover,
body.light-theme .menu-preferences-modal .workout-modal-close:hover,
html[data-theme="light"] .menu-preview-sheet .workout-modal-close:hover,
body.light-theme .menu-preview-sheet .workout-modal-close:hover {
  color: #000000 !important;
}

html[data-theme="light"] .menu-preferences-modal .food-input,
html[data-theme="light"] .menu-preview-sheet .food-input,
html[data-theme="light"] .menu-preview-sheet textarea,
html[data-theme="light"] #menu-like,
html[data-theme="light"] #menu-avoid,
body.light-theme .menu-preferences-modal .food-input,
body.light-theme .menu-preview-sheet .food-input,
body.light-theme .menu-preview-sheet textarea,
body.light-theme #menu-like,
body.light-theme #menu-avoid {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] #menu-like::placeholder,
html[data-theme="light"] #menu-avoid::placeholder,
body.light-theme #menu-like::placeholder,
body.light-theme #menu-avoid::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] .menu-preferences-modal .input-label,
html[data-theme="light"] .menu-preview-sheet .input-label,
body.light-theme .menu-preferences-modal .input-label,
body.light-theme .menu-preview-sheet .input-label {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ── Custom Confirm & Deletion Dialogs ──────────────────────────────── */
html[data-theme="light"] .custom-confirm-card,
body.light-theme .custom-confirm-card {
  background: #ffffff !important;
  background-image: none !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .custom-confirm-title,
html[data-theme="light"] #app-confirm-title,
body.light-theme .custom-confirm-title,
body.light-theme #app-confirm-title {
  color: #000000 !important;
}

html[data-theme="light"] .custom-confirm-msg,
html[data-theme="light"] #app-confirm-message,
body.light-theme .custom-confirm-msg,
body.light-theme #app-confirm-message {
  color: #475569 !important;
}

html[data-theme="light"] .custom-confirm-btn-cancel,
html[data-theme="light"] #app-confirm-btn-cancel,
body.light-theme .custom-confirm-btn-cancel,
body.light-theme #app-confirm-btn-cancel {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .custom-confirm-icon-wrap,
body.light-theme .custom-confirm-icon-wrap {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}

/* ── Menu Delete Confirmation Modal ──────────────────────────────────── */
html[data-theme="light"] #menu-delete-modal .menu-delete-sheet,
body.light-theme #menu-delete-modal .menu-delete-sheet {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
  box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] #menu-delete-modal .menu-delete-sheet .section-title,
body.light-theme #menu-delete-modal .menu-delete-sheet .section-title {
  color: #000000 !important;
}

html[data-theme="light"] #menu-delete-modal .menu-delete-sheet p,
body.light-theme #menu-delete-modal .menu-delete-sheet p {
  color: #475569 !important;
}

/* ── Notes Screen & Editor / Viewer ─────────────────────────────────── */
html[data-theme="light"] #screen-notes,
html[data-theme="light"] #screen-note-editor,
html[data-theme="light"] #screen-note-view,
body.light-theme #screen-notes,
body.light-theme #screen-note-editor,
body.light-theme #screen-note-view {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
}

html[data-theme="light"] #screen-notes > .header,
html[data-theme="light"] #screen-note-editor > .header,
html[data-theme="light"] #screen-note-view > .header,
body.light-theme #screen-notes > .header,
body.light-theme #screen-note-editor > .header,
body.light-theme #screen-note-view > .header {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #screen-notes > .header .screen-title,
html[data-theme="light"] #screen-note-editor > .header .screen-title,
html[data-theme="light"] #screen-note-view > .header .screen-title,
body.light-theme #screen-notes > .header .screen-title,
body.light-theme #screen-note-editor > .header .screen-title,
body.light-theme #screen-note-view > .header .screen-title {
  color: #000000 !important;
}

html[data-theme="light"] .notes-search-bar,
body.light-theme .notes-search-bar {
  background: #f1f5f9 !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .notes-search-input,
body.light-theme .notes-search-input {
  color: #000000 !important;
}

html[data-theme="light"] .notes-search-input::placeholder,
body.light-theme .notes-search-input::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] .notes-filter-btn,
body.light-theme .notes-filter-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #475569 !important;
}

html[data-theme="light"] .notes-category-chip,
body.light-theme .notes-category-chip {
  background: #f1f5f9 !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #475569 !important;
}

html[data-theme="light"] .notes-category-chip.active,
body.light-theme .notes-category-chip.active {
  background: #00f076 !important;
  border-color: #00f076 !important;
  color: #05080e !important;
}

html[data-theme="light"] .notes-section-title,
body.light-theme .notes-section-title {
  color: #64748b !important;
}

html[data-theme="light"] .note-card,
body.light-theme .note-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] .note-card.is-pinned,
body.light-theme .note-card.is-pinned {
  background: #f8fafc !important;
  border: 1.5px solid rgba(0, 240, 118, 0.4) !important;
}

html[data-theme="light"] .note-card-title,
body.light-theme .note-card-title {
  color: #000000 !important;
}

html[data-theme="light"] .note-card-snippet,
body.light-theme .note-card-snippet {
  color: #64748b !important;
}

html[data-theme="light"] .note-card-footer,
body.light-theme .note-card-footer {
  color: #94a3b8 !important;
}

/* Note Editor in Light Theme */
html[data-theme="light"] .note-title-input,
body.light-theme .note-title-input {
  color: #000000 !important;
}

html[data-theme="light"] .note-title-input::placeholder,
body.light-theme .note-title-input::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] .note-body-textarea,
body.light-theme .note-body-textarea {
  color: #0f172a !important;
}

html[data-theme="light"] .note-body-textarea::placeholder,
body.light-theme .note-body-textarea::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] .note-btn-cancel,
body.light-theme .note-btn-cancel {
  color: #64748b !important;
}

html[data-theme="light"] .note-formatting-toolbar,
body.light-theme .note-formatting-toolbar {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .toolbar-tool-btn,
body.light-theme .toolbar-tool-btn {
  color: #475569 !important;
}

html[data-theme="light"] .toolbar-layout-toggle-btn.en-mode,
body.light-theme .toolbar-layout-toggle-btn.en-mode {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
}

html[data-theme="light"] .toolbar-layout-fix-btn,
body.light-theme .toolbar-layout-fix-btn {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
}

html[data-theme="light"] .notes-virtual-keyboard,
body.light-theme .notes-virtual-keyboard {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .vk-key,
body.light-theme .vk-key {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .vk-key.vk-key-special,
body.light-theme .vk-key.vk-key-special {
  background: #e2e8f0 !important;
}

html[data-theme="light"] .note-checklist-title,
body.light-theme .note-checklist-title {
  color: #000000 !important;
}

html[data-theme="light"] .note-checklist-text,
html[data-theme="light"] .note-checklist-input,
body.light-theme .note-checklist-text,
body.light-theme .note-checklist-input {
  color: #0f172a !important;
}

html[data-theme="light"] .telemetry-tile,
body.light-theme .telemetry-tile {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .telemetry-tile-val,
html[data-theme="light"] .telemetry-input-field,
body.light-theme .telemetry-tile-val,
body.light-theme .telemetry-input-field {
  color: #000000 !important;
}

/* Note Viewer in Light Theme */
html[data-theme="light"] .note-view-back-btn,
html[data-theme="light"] .note-view-action-btn,
body.light-theme .note-view-back-btn,
body.light-theme .note-view-action-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #475569 !important;
}

html[data-theme="light"] .note-view-title,
body.light-theme .note-view-title {
  color: #000000 !important;
}

html[data-theme="light"] .note-view-content-body,
body.light-theme .note-view-content-body {
  color: #1e293b !important;
}

html[data-theme="light"] .note-view-stats-line,
body.light-theme .note-view-stats-line {
  background: #f1f5f9 !important;
  color: #475569 !important;
}

html[data-theme="light"] .note-full-chart-card,
body.light-theme .note-full-chart-card {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .note-full-chart-title,
body.light-theme .note-full-chart-title {
  color: #475569 !important;
}

html[data-theme="light"] .notes-empty-state h3,
body.light-theme .notes-empty-state h3 {
  color: #0f172a !important;
}

/* ── Habits Screen & Habit Creation ─────────────────────────────────── */
html[data-theme="light"] #screen-habits,
html[data-theme="light"] #screen-add-habit,
body.light-theme #screen-habits,
body.light-theme #screen-add-habit {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
}

html[data-theme="light"] #screen-habits > .header,
html[data-theme="light"] #screen-add-habit > .header,
body.light-theme #screen-habits > .header,
body.light-theme #screen-add-habit > .header {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #screen-habits > .header .screen-title,
html[data-theme="light"] #screen-add-habit > .header .screen-title,
body.light-theme #screen-habits > .header .screen-title,
body.light-theme #screen-add-habit > .header .screen-title {
  color: #000000 !important;
}

html[data-theme="light"] .habit-header-title,
body.light-theme .habit-header-title {
  color: #000000 !important;
}

html[data-theme="light"] .habit-segmented-control,
body.light-theme .habit-segmented-control {
  background-color: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .habit-seg-btn,
body.light-theme .habit-seg-btn {
  color: #64748b !important;
}

html[data-theme="light"] .habit-seg-btn.active,
body.light-theme .habit-seg-btn.active {
  background-color: #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .habit-hero-card,
body.light-theme .habit-hero-card {
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .habit-gauge-number,
html[data-theme="light"] .habit-streak-value-white,
body.light-theme .habit-gauge-number,
body.light-theme .habit-streak-value-white {
  color: #000000 !important;
}

html[data-theme="light"] .habit-gauge-bg,
body.light-theme .habit-gauge-bg {
  stroke: #e2e8f0 !important;
}

html[data-theme="light"] .habit-list-heading,
body.light-theme .habit-list-heading {
  color: #000000 !important;
}

html[data-theme="light"] .habit-card,
body.light-theme .habit-card {
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .habit-card:hover,
body.light-theme .habit-card:hover {
  background-color: #f8fafc !important;
}

html[data-theme="light"] .habit-card-name,
body.light-theme .habit-card-name {
  color: #000000 !important;
}

html[data-theme="light"] .habit-card-sub,
body.light-theme .habit-card-sub {
  color: #64748b !important;
}

html[data-theme="light"] .habit-check-circle.is-empty,
body.light-theme .habit-check-circle.is-empty {
  border: 2px solid #cbd5e1 !important;
  background: transparent !important;
}

html[data-theme="light"] .habit-summary-card,
body.light-theme .habit-summary-card {
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .habit-summary-title,
html[data-theme="light"] .habit-kpi-number,
body.light-theme .habit-summary-title,
body.light-theme .habit-kpi-number {
  color: #000000 !important;
}

html[data-theme="light"] .habit-kpi-desc,
body.light-theme .habit-kpi-desc {
  color: #64748b !important;
}

/* Habit Creation Screen in Light Theme */
html[data-theme="light"] .habit-form-label,
body.light-theme .habit-form-label {
  color: #334155 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .habit-title-input-wrap,
body.light-theme .habit-title-input-wrap {
  background-color: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
}

html[data-theme="light"] .habit-title-input,
body.light-theme .habit-title-input {
  color: #000000 !important;
}

html[data-theme="light"] .habit-cat-btn,
body.light-theme .habit-cat-btn {
  background-color: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #475569 !important;
}

html[data-theme="light"] .habit-target-input,
body.light-theme .habit-target-input {
  background-color: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] .habit-setting-row,
body.light-theme .habit-setting-row {
  background-color: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .habit-setting-row:hover,
body.light-theme .habit-setting-row:hover {
  background-color: #f1f5f9 !important;
}

html[data-theme="light"] .habit-setting-label,
body.light-theme .habit-setting-label {
  color: #000000 !important;
}

html[data-theme="light"] .habit-setting-val,
body.light-theme .habit-setting-val {
  color: #475569 !important;
}

html[data-theme="light"] .habit-interactive-calendar-card,
body.light-theme .habit-interactive-calendar-card {
  background-color: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .habit-cal-nav-title,
body.light-theme .habit-cal-nav-title {
  color: #000000 !important;
}

html[data-theme="light"] .habit-cal-nav-btn,
body.light-theme .habit-cal-nav-btn {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] .habit-cal-day-cell,
body.light-theme .habit-cal-day-cell {
  background: #f8fafc !important;
}

html[data-theme="light"] .habit-cal-day-cell:hover,
body.light-theme .habit-cal-day-cell:hover {
  background: #e2e8f0 !important;
}

html[data-theme="light"] .habit-cal-day-number,
body.light-theme .habit-cal-day-number {
  color: #000000 !important;
}

/* ── Reminder Modal ─────────────────────────────────────────────────── */
html[data-theme="light"] #reminder-modal .profile-modal-sheet,
body.light-theme #reminder-modal .profile-modal-sheet {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
}

html[data-theme="light"] .reminder-type-chip,
body.light-theme .reminder-type-chip {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #334155 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .reminder-type-chip.is-active,
body.light-theme .reminder-type-chip.is-active {
  background: #00f076 !important;
  border-color: #00f076 !important;
  color: #000000 !important;
}

html[data-theme="light"] .profile-modal-label,
body.light-theme .profile-modal-label {
  color: #334155 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .reminder-modal-feedback,
body.light-theme .reminder-modal-feedback {
  color: #475569 !important;
}

html[data-theme="light"] #reminder-modal input,
body.light-theme #reminder-modal input {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

/* ── Profile Editing & Health Chips ─────────────────────────────────── */
html[data-theme="light"] #profile-edit-modal .profile-modal-sheet,
body.light-theme #profile-edit-modal .profile-modal-sheet {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
}

html[data-theme="light"] #profile-edit-modal .profile-modal-field span,
html[data-theme="light"] #profile-edit-modal .profile-modal-copy h2,
body.light-theme #profile-edit-modal .profile-modal-field span,
body.light-theme #profile-edit-modal .profile-modal-copy h2 {
  color: #000000 !important;
}

html[data-theme="light"] #profile-edit-modal .profile-modal-field input,
html[data-theme="light"] #profile-edit-modal .profile-modal-field select,
body.light-theme #profile-edit-modal .profile-modal-field input,
body.light-theme #profile-edit-modal .profile-modal-field select {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] .health-chip,
body.light-theme .health-chip {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #1e293b !important;
}

html[data-theme="light"] .health-chip.is-active,
html[data-theme="light"] .health-chip.selected,
body.light-theme .health-chip.is-active,
body.light-theme .health-chip.selected {
  background: rgba(0, 240, 118, 0.15) !important;
  border-color: #00f076 !important;
  color: #008a40 !important;
  font-weight: 700 !important;
}

/* ── Achievements, Referrals, and Notifications Dialogs ─────────────── */
html[data-theme="light"] #achievements-modal .profile-modal-sheet,
html[data-theme="light"] #referral-modal .profile-modal-sheet,
html[data-theme="light"] #app-notifications-modal .profile-modal-sheet,
html[data-theme="light"] #ac-history-modal .profile-modal-sheet,
body.light-theme #achievements-modal .profile-modal-sheet,
body.light-theme #referral-modal .profile-modal-sheet,
body.light-theme #app-notifications-modal .profile-modal-sheet,
body.light-theme #ac-history-modal .profile-modal-sheet {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
  box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] #achievements-modal .achievement-card,
body.light-theme #achievements-modal .achievement-card {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
}

html[data-theme="light"] #achievements-modal .achievement-title,
body.light-theme #achievements-modal .achievement-title {
  color: #000000 !important;
}

html[data-theme="light"] #achievements-modal .achievement-desc,
body.light-theme #achievements-modal .achievement-desc {
  color: #64748b !important;
}

html[data-theme="light"] #referral-modal .referral-code-box,
body.light-theme #referral-modal .referral-code-box {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #000000 !important;
}

html[data-theme="light"] #referral-modal .referral-code-text,
body.light-theme #referral-modal .referral-code-text {
  color: #000000 !important;
}

/* ── Offline Food Picker Modal ──────────────────────────────────────── */
html[data-theme="light"] .offline-picker-sheet,
body.light-theme .offline-picker-sheet {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #000000 !important;
  box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .picker-title,
body.light-theme .picker-title {
  color: #000000 !important;
}

html[data-theme="light"] .picker-close-btn,
body.light-theme .picker-close-btn {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #64748b !important;
}

html[data-theme="light"] .picker-search-wrap,
body.light-theme .picker-search-wrap {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
}

html[data-theme="light"] .picker-search-input,
body.light-theme .picker-search-input {
  color: #000000 !important;
}

html[data-theme="light"] .picker-search-input::placeholder,
body.light-theme .picker-search-input::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] .tool-chip-btn,
body.light-theme .tool-chip-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #1e293b !important;
}

html[data-theme="light"] .picker-food-item,
body.light-theme .picker-food-item {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #000000 !important;
}

html[data-theme="light"] .picker-food-item:hover,
body.light-theme .picker-food-item:hover {
  background: #f8fafc !important;
}

html[data-theme="light"] .picker-food-name,
body.light-theme .picker-food-name {
  color: #000000 !important;
}

html[data-theme="light"] .portion-config-box,
body.light-theme .portion-config-box {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .portion-title span,
body.light-theme .portion-title span {
  color: #000000 !important;
}

html[data-theme="light"] .portion-chip,
body.light-theme .portion-chip {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
}

html[data-theme="light"] .portion-chip.active,
body.light-theme .portion-chip.active {
  background: #00f076 !important;
  border-color: #00f076 !important;
  color: #000000 !important;
}

html[data-theme="light"] .portion-stats-preview,
body.light-theme .portion-stats-preview {
  color: #334155 !important;
}

/* ── Workout Smart Exercise Swap Modal ──────────────────────────────── */
html[data-theme="light"] .swap-item-card,
body.light-theme .swap-item-card {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
}

html[data-theme="light"] .swap-item-card:hover,
body.light-theme .swap-item-card:hover {
  background: #f1f5f9 !important;
  border-color: rgba(0, 240, 118, 0.5) !important;
}

html[data-theme="light"] .swap-item-name,
body.light-theme .swap-item-name {
  color: #000000 !important;
}

html[data-theme="light"] .swap-meta-pill.equip,
body.light-theme .swap-meta-pill.equip {
  background: rgba(0, 240, 118, 0.15) !important;
  color: #008a40 !important;
}

html[data-theme="light"] .swap-meta-pill.diff,
body.light-theme .swap-meta-pill.diff {
  background: rgba(168, 85, 247, 0.15) !important;
  color: #7e22ce !important;
}

html[data-theme="light"] .swap-item-select-btn,
body.light-theme .swap-item-select-btn {
  background: #00f076 !important;
  border: none !important;
  color: #000000 !important;
}

/* ── Photo 4: Food Analysis Correction Bottom Sheet (Light Theme) ─────────── */
html[data-theme="light"] #screen-analysis .fa-corr-overlay,
body.light-theme #screen-analysis .fa-corr-overlay {
  background: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(8px) !important;
}

html[data-theme="light"] #screen-analysis .fa-corr-sheet,
body.light-theme #screen-analysis .fa-corr-sheet {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 -20px 60px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] #screen-analysis .fa-corr-handle,
body.light-theme #screen-analysis .fa-corr-handle {
  background: #cbd5e1 !important;
}

html[data-theme="light"] #screen-analysis .fa-corr-title,
body.light-theme #screen-analysis .fa-corr-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-analysis .fa-corr-close,
body.light-theme #screen-analysis .fa-corr-close {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #screen-analysis .fa-corr-close:hover,
body.light-theme #screen-analysis .fa-corr-close:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="light"] #screen-analysis .fa-field-lbl,
body.light-theme #screen-analysis .fa-field-lbl {
  color: #475569 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-analysis .fa-field-unit,
body.light-theme #screen-analysis .fa-field-unit {
  color: #64748b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-analysis .fa-field-inp,
body.light-theme #screen-analysis .fa-field-inp {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #screen-analysis .fa-field-inp::placeholder,
body.light-theme #screen-analysis .fa-field-inp::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] #screen-analysis .fa-field-inp:focus,
body.light-theme #screen-analysis .fa-field-inp:focus {
  background: #ffffff !important;
  border-color: #00f076 !important;
  box-shadow: 0 0 0 3px rgba(0, 240, 118, 0.22) !important;
}

html[data-theme="light"] #screen-analysis .fa-corr-footer,
body.light-theme #screen-analysis .fa-corr-footer {
  background: linear-gradient(0deg, #ffffff 75%, rgba(255, 255, 255, 0.95)) !important;
  border-top: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #screen-analysis .fa-corr-save-btn,
body.light-theme #screen-analysis .fa-corr-save-btn {
  background: linear-gradient(135deg, #00f076 0%, #00d668 100%) !important;
  color: #04120b !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(0, 240, 118, 0.3) !important;
  border: none !important;
}

html[data-theme="light"] #screen-analysis .fa-corr-save-btn:hover,
body.light-theme #screen-analysis .fa-corr-save-btn:hover {
  box-shadow: 0 14px 30px rgba(0, 240, 118, 0.4) !important;
}

/* ── Photo 5: Workout Program Selection Cards (Light Theme) ───────────────── */
html[data-theme="light"] #screen-workout .premium-program-card,
body.light-theme #screen-workout .premium-program-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
  color: #0f172a !important;
}

html[data-theme="light"] #screen-workout .premium-program-card:hover,
body.light-theme #screen-workout .premium-program-card:hover {
  background: #f8fafc !important;
  border-color: rgba(0, 240, 118, 0.5) !important;
  box-shadow: 0 4px 16px rgba(0, 240, 118, 0.15) !important;
}

html[data-theme="light"] #screen-workout .premium-program-card strong,
body.light-theme #screen-workout .premium-program-card strong {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .premium-program-card small,
body.light-theme #screen-workout .premium-program-card small {
  color: #64748b !important;
  font-weight: 500 !important;
}

html[data-theme="light"] #screen-workout .premium-program-card.is-selected,
body.light-theme #screen-workout .premium-program-card.is-selected {
  background: rgba(0, 240, 118, 0.12) !important;
  border: 2px solid #00f076 !important;
  box-shadow: 0 0 20px rgba(0, 240, 118, 0.22), inset 0 0 10px rgba(0, 240, 118, 0.06) !important;
}

html[data-theme="light"] #screen-workout .premium-program-card.is-selected strong,
body.light-theme #screen-workout .premium-program-card.is-selected strong {
  color: #059669 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-workout .premium-program-card.is-selected small,
body.light-theme #screen-workout .premium-program-card.is-selected small {
  color: #1e293b !important;
  font-weight: 600 !important;
}

html[data-theme="light"] .program-plan-tag.is-free,
body.light-theme .program-plan-tag.is-free {
  background: rgba(0, 240, 118, 0.16) !important;
  color: #059669 !important;
  border: 1px solid rgba(0, 240, 118, 0.4) !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .program-plan-tag.is-pro,
body.light-theme .program-plan-tag.is-pro {
  background: rgba(250, 204, 21, 0.18) !important;
  color: #b45309 !important;
  border: 1px solid rgba(250, 204, 21, 0.45) !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .premium-wizard-actions .premium-back,
body.light-theme #screen-workout .premium-wizard-actions .premium-back {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .premium-wizard-actions .premium-next,
body.light-theme #screen-workout .premium-wizard-actions .premium-next {
  background: #00f076 !important;
  color: #04120b !important;
  border: none !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 16px rgba(0, 240, 118, 0.3) !important;
}

/* ── Photo 1: Workout Plan Screen (Light Theme) ────────────────────────── */
html[data-theme="light"] #screen-workout .workout-my-plan-hero-card,
body.light-theme #screen-workout .workout-my-plan-hero-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] #screen-workout .workout-my-plan-hero-kicker,
body.light-theme #screen-workout .workout-my-plan-hero-kicker {
  color: #059669 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .workout-my-plan-hero-card h2,
body.light-theme #screen-workout .workout-my-plan-hero-card h2 {
  color: #0f172a !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-workout .workout-my-plan-chip,
body.light-theme #screen-workout .workout-my-plan-chip {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-workout .workout-my-plan-menu-btn,
body.light-theme #screen-workout .workout-my-plan-menu-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #475569 !important;
}

html[data-theme="light"] #screen-workout .workout-my-plan-day-card,
body.light-theme #screen-workout .workout-my-plan-day-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] #screen-workout .workout-my-plan-day-card.is-today,
body.light-theme #screen-workout .workout-my-plan-day-card.is-today {
  border: 2px solid #00f076 !important;
  box-shadow: 0 4px 18px rgba(0, 240, 118, 0.22) !important;
}

html[data-theme="light"] #screen-workout .workout-day-today-badge,
body.light-theme #screen-workout .workout-day-today-badge {
  background: #00f076 !important;
  color: #04120b !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .workout-my-plan-day-index,
body.light-theme #screen-workout .workout-my-plan-day-index {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #screen-workout .wmp-weekday,
body.light-theme #screen-workout .wmp-weekday {
  color: #059669 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .wmp-daylabel,
body.light-theme #screen-workout .wmp-daylabel {
  color: #64748b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-workout .wmp-daynum,
body.light-theme #screen-workout .wmp-daynum {
  color: #0f172a !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-workout .wmp-title,
body.light-theme #screen-workout .wmp-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .wmp-meta,
body.light-theme #screen-workout .wmp-meta {
  color: #64748b !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #screen-workout .wmp-progress-text,
body.light-theme #screen-workout .wmp-progress-text {
  color: #059669 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-workout .workout-my-plan-day-progress-bar,
body.light-theme #screen-workout .workout-my-plan-day-progress-bar {
  background: #e2e8f0 !important;
}

html[data-theme="light"] #screen-workout .workout-day-start-btn,
body.light-theme #screen-workout .workout-day-start-btn {
  background: #00f076 !important;
  color: #04120b !important;
  font-weight: 800 !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0, 240, 118, 0.28) !important;
}

html[data-theme="light"] #screen-workout .workout-primary-cta,
body.light-theme #screen-workout .workout-primary-cta {
  background: #00f076 !important;
  color: #04120b !important;
  font-weight: 800 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0, 240, 118, 0.3) !important;
}

html[data-theme="light"] #screen-workout .workout-planv2-secondary,
body.light-theme #screen-workout .workout-planv2-secondary {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

/* ── Photo 2: Menu Screen (Light Theme) ─────────────────────────────────── */
html[data-theme="light"] #screen-menu .menu-config-card,
body.light-theme #screen-menu .menu-config-card,
html[data-theme="light"] #screen-menu .menu-goal-card,
body.light-theme #screen-menu .menu-goal-card,
html[data-theme="light"] #screen-menu .menu-health-card,
body.light-theme #screen-menu .menu-health-card,
html[data-theme="light"] #screen-menu .menu-result-head,
body.light-theme #screen-menu .menu-result-head {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] #screen-menu .input-label,
body.light-theme #screen-menu .input-label {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-menu .menu-type-btn,
body.light-theme #screen-menu .menu-type-btn,
html[data-theme="light"] #screen-menu .menu-meals-btn,
body.light-theme #screen-menu .menu-meals-btn,
html[data-theme="light"] #screen-menu .goal-btn,
body.light-theme #screen-menu .goal-btn {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-menu .menu-type-btn:hover,
body.light-theme #screen-menu .menu-type-btn:hover,
html[data-theme="light"] #screen-menu .menu-meals-btn:hover,
body.light-theme #screen-menu .menu-meals-btn:hover,
html[data-theme="light"] #screen-menu .goal-btn:hover,
body.light-theme #screen-menu .goal-btn:hover {
  background: #f1f5f9 !important;
  border-color: rgba(0, 240, 118, 0.5) !important;
}

html[data-theme="light"] #screen-menu .menu-type-btn.active,
body.light-theme #screen-menu .menu-type-btn.active,
html[data-theme="light"] #screen-menu .menu-meals-btn.active,
body.light-theme #screen-menu .menu-meals-btn.active,
html[data-theme="light"] #screen-menu .goal-btn.active,
body.light-theme #screen-menu .goal-btn.active {
  background: #00f076 !important;
  border-color: #00f076 !important;
  color: #04120b !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(0, 240, 118, 0.3) !important;
}

html[data-theme="light"] #screen-menu .recipe-goal-badge,
body.light-theme #screen-menu .recipe-goal-badge,
html[data-theme="light"] #screen-menu .menu-health-badge,
body.light-theme #screen-menu .menu-health-badge {
  background: rgba(0, 240, 118, 0.14) !important;
  color: #059669 !important;
  border: 1px solid rgba(0, 240, 118, 0.35) !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-menu .recipe-goal-value,
body.light-theme #screen-menu .recipe-goal-value {
  color: #0f172a !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-menu .recipe-goal-note,
body.light-theme #screen-menu .recipe-goal-note,
html[data-theme="light"] #screen-menu .menu-health-sub,
body.light-theme #screen-menu .menu-health-sub {
  color: #64748b !important;
  font-weight: 500 !important;
}

html[data-theme="light"] #screen-menu .health-chip,
body.light-theme #screen-menu .health-chip {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #1e293b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-menu .health-chip.selected,
body.light-theme #screen-menu .health-chip.selected,
html[data-theme="light"] #screen-menu .health-chip.is-active,
body.light-theme #screen-menu .health-chip.is-active {
  background: rgba(0, 240, 118, 0.16) !important;
  border: 1.5px solid #00f076 !important;
  color: #059669 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #btn-generate-menu,
body.light-theme #btn-generate-menu {
  background: #00f076 !important;
  color: #04120b !important;
  font-weight: 800 !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0, 240, 118, 0.3) !important;
}

html[data-theme="light"] #screen-menu .back-btn,
body.light-theme #screen-menu .back-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
}

/* ── Photo 3: Recipe Close Button styling ────────────────────────────────── */
#screen-recipes .recipe-result-close,
.recipe-result-close {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border-radius: 10px !important;
}

html[data-theme="light"] #screen-recipes .recipe-result-close,
body.light-theme #screen-recipes .recipe-result-close {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #475569 !important;
}

/* ── Photo 4: Recipe Diary Cards (Light Theme) ─────────────────────────── */
html[data-theme="light"] #screen-recipes .recipe-diary-card,
body.light-theme #screen-recipes .recipe-diary-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-left: 4px solid #00f076 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] #screen-recipes .recipe-diary-card-title,
body.light-theme #screen-recipes .recipe-diary-card-title {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-recipes .recipe-diary-card-kbju,
body.light-theme #screen-recipes .recipe-diary-card-kbju {
  color: #64748b !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #screen-recipes .recipe-diary-btn-open,
body.light-theme #screen-recipes .recipe-diary-btn-open {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-recipes .recipe-diary-btn-log,
body.light-theme #screen-recipes .recipe-diary-btn-log {
  background: rgba(0, 240, 118, 0.14) !important;
  border: 1px solid rgba(0, 240, 118, 0.4) !important;
  color: #059669 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-recipes .recipe-diary-btn-delete,
body.light-theme #screen-recipes .recipe-diary-btn-delete {
  background: rgba(255, 93, 108, 0.1) !important;
  border: 1px solid rgba(255, 93, 108, 0.3) !important;
  color: #ef4444 !important;
}

/* ── Photo 1: Body Measurements Screen (Light Theme) ────────────────────── */
html[data-theme="light"] .body-measurements-card,
body.light-theme .body-measurements-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] .body-measurements-card h3,
body.light-theme .body-measurements-card h3 {
  color: #0f172a !important;
  font-weight: 900 !important;
}

html[data-theme="light"] .body-measurements-subtitle,
body.light-theme .body-measurements-subtitle {
  color: #64748b !important;
  font-weight: 500 !important;
}

html[data-theme="light"] .body-tracker-history-btn,
body.light-theme .body-tracker-history-btn {
  background: rgba(0, 240, 118, 0.14) !important;
  color: #059669 !important;
  border: 1.5px solid rgba(0, 240, 118, 0.4) !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .body-measurements-summary > div,
body.light-theme .body-measurements-summary > div {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  border-radius: 16px !important;
}

html[data-theme="light"] .body-measurements-summary span,
body.light-theme .body-measurements-summary span {
  color: #64748b !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

html[data-theme="light"] .body-measurements-summary strong,
body.light-theme .body-measurements-summary strong {
  color: #0f172a !important;
  font-weight: 900 !important;
  font-size: 18px !important;
}

html[data-theme="light"] .body-measurements-summary small,
body.light-theme .body-measurements-summary small {
  color: #059669 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

/* ── Photo 2: Food Analysis Dish Composition (Light Theme) ─────────────── */
html[data-theme="light"] #screen-analysis .far-ings-card,
body.light-theme #screen-analysis .far-ings-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-analysis .far-ings-toggle-left span,
body.light-theme #screen-analysis .far-ings-toggle-left span {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-analysis .far-ings-count,
body.light-theme #screen-analysis .far-ings-count {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border: 1px solid #cbd5e1 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-analysis .fa-ing-card,
body.light-theme #screen-analysis .fa-ing-card {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-analysis .fa-ing-thumb,
body.light-theme #screen-analysis .fa-ing-thumb {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] #screen-analysis .fa-ing-name2,
body.light-theme #screen-analysis .fa-ing-name2 {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-analysis .fa-ing-gram,
body.light-theme #screen-analysis .fa-ing-gram {
  color: #64748b !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #screen-analysis .fa-ing-cal,
body.light-theme #screen-analysis .fa-ing-cal {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-analysis .fa-pfc,
body.light-theme #screen-analysis .fa-pfc {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-analysis .fa-ing-btn-edit,
body.light-theme #screen-analysis .fa-ing-btn-edit {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

/* ── Photo 3: Water Tracker Quick Buttons & Tabs (Light Theme) ───────────── */
html[data-theme="light"] #screen-water .water-btn,
body.light-theme #screen-water .water-btn,
html[data-theme="light"] .water-btn,
body.light-theme .water-btn {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-water .water-btn:hover,
body.light-theme #screen-water .water-btn:hover,
html[data-theme="light"] #screen-water .water-btn:active,
body.light-theme #screen-water .water-btn:active {
  background: rgba(56, 189, 248, 0.12) !important;
  border-color: #38bdf8 !important;
  color: #0284c7 !important;
  -webkit-text-fill-color: #0284c7 !important;
}

html[data-theme="light"] .water-segmented-control,
body.light-theme .water-segmented-control {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .water-segment-tab,
body.light-theme .water-segment-tab {
  color: #64748b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .water-segment-tab.active,
body.light-theme .water-segment-tab.active {
  background: #38bdf8 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(56, 189, 248, 0.3) !important;
}

html[data-theme="light"] #btn-goto-water-days,
body.light-theme #btn-goto-water-days {
  background: rgba(56, 189, 248, 0.1) !important;
  border: 1.5px solid rgba(56, 189, 248, 0.35) !important;
  color: #0284c7 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-water #water-current,
body.light-theme #screen-water #water-current {
  color: #0f172a !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-water #water-percent,
body.light-theme #screen-water #water-percent {
  color: #64748b !important;
  font-weight: 700 !important;
}

/* ── Photo 4: Water Daily History Cards (Light Theme) ───────────────────── */
html[data-theme="light"] #water-view-days .water-day-card,
body.light-theme #water-view-days .water-day-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
  border-radius: 16px !important;
}

html[data-theme="light"] #water-view-days .water-day-card.is-complete,
body.light-theme #water-view-days .water-day-card.is-complete {
  border: 1.5px solid rgba(0, 240, 118, 0.4) !important;
}

html[data-theme="light"] #water-view-days .water-day-card div[style*="font-size: 14px"],
body.light-theme #water-view-days .water-day-card div[style*="font-size: 14px"],
html[data-theme="light"] #water-view-days .water-day-card > div:first-child > div:first-child > div:first-child,
body.light-theme #water-view-days .water-day-card > div:first-child > div:first-child > div:first-child {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #water-view-days .water-day-card div[style*="color: #94a3b8"],
body.light-theme #water-view-days .water-day-card div[style*="color: #94a3b8"] {
  color: #64748b !important;
}

html[data-theme="light"] #water-view-days .water-day-progress-track,
body.light-theme #water-view-days .water-day-progress-track {
  background: #e2e8f0 !important;
}

html[data-theme="light"] #water-view-days .water-day-details-list,
body.light-theme #water-view-days .water-day-details-list {
  border-top: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] #water-view-days .water-day-detail-item,
body.light-theme #water-view-days .water-day-detail-item {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
}

html[data-theme="light"] #water-view-days .water-day-detail-item span,
body.light-theme #water-view-days .water-day-detail-item span {
  color: #475569 !important;
  font-weight: 600 !important;
}

html[data-theme="light"] #water-view-days .water-day-detail-item strong,
body.light-theme #water-view-days .water-day-detail-item strong {
  color: #0284c7 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #water-view-days .water-day-empty-note,
body.light-theme #water-view-days .water-day-empty-note {
  color: #94a3b8 !important;
}

html[data-theme="light"] .water-timeframe-btn,
body.light-theme .water-timeframe-btn {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .water-timeframe-btn.active,
body.light-theme .water-timeframe-btn.active {
  background: #38bdf8 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .water-kpi-card,
body.light-theme .water-kpi-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

/* ── Photo 5: Notes Editor Toolbar Removal & Save Button styling ─────────── */
.note-formatting-toolbar {
  display: none !important;
}

#screen-note-editor .note-btn-save,
.note-btn-save {
  background: #00f076 !important;
  color: #04120b !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(0, 240, 118, 0.3) !important;
}

/* ============================================================================
   BATCH 5 LIGHT THEME & COMPONENT STYLING (Photos 1, 2, 3, 4, 5)
   ============================================================================ */

/* ── Photo 1: Athlete Profile Modal & Privacy Settings ───────────────────── */
html[data-theme="light"] .athlete-profile-modal-sheet,
body.light-theme .athlete-profile-modal-sheet {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] .athlete-profile-hero,
body.light-theme .athlete-profile-hero {
  background: #f0fdf4 !important;
  border-color: #86efac !important;
}

html[data-theme="light"] .athlete-privacy-notice,
body.light-theme .athlete-privacy-notice {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .profile-privacy-box,
body.light-theme .profile-privacy-box {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

html[data-theme="light"] .profile-privacy-box strong,
body.light-theme .profile-privacy-box strong {
  color: #0f172a !important;
}

html[data-theme="light"] .profile-privacy-box span,
body.light-theme .profile-privacy-box span {
  color: #64748b !important;
}

/* ── Photo 2: Nexo AI Trainer Chat Text High-Contrast in Light Theme ───────── */
html[data-theme="light"] #screen-ai-coach,
body.light-theme #screen-ai-coach {
  background: #f8fafc !important;
}

html[data-theme="light"] #screen-ai-coach .header,
body.light-theme #screen-ai-coach .header {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .ac-header-title,
body.light-theme .ac-header-title {
  color: #0f172a !important;
}

html[data-theme="light"] .ac-header-status,
body.light-theme .ac-header-status {
  color: #059669 !important;
}

html[data-theme="light"] .ac-msg.is-user .ac-msg-bubble,
body.light-theme .ac-msg.is-user .ac-msg-bubble {
  background: #dcfce7 !important;
  border: 1px solid #86efac !important;
  color: #064e3b !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  -webkit-text-fill-color: #064e3b !important;
}

html[data-theme="light"] .ac-msg.is-bot .ac-msg-bubble,
body.light-theme .ac-msg.is-bot .ac-msg-bubble {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] .ac-msg-time,
body.light-theme .ac-msg-time {
  color: #64748b !important;
}

html[data-theme="light"] .ac-suggestions-container,
body.light-theme .ac-suggestions-container {
  background: #f1f5f9 !important;
  border-top: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .ac-chip,
body.light-theme .ac-chip {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #1e293b !important;
}

html[data-theme="light"] #ac-input,
body.light-theme #ac-input {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .ac-input-bar,
body.light-theme .ac-input-bar {
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
}

/* ── Photo 3: "Быстрый доступ" (Quick Access) Light Theme ────────────────── */
html[data-theme="light"] #screen-quick-access,
body.light-theme #screen-quick-access {
  background: #f8fafc !important;
}

html[data-theme="light"] #screen-quick-access .quick-access-intro,
body.light-theme #screen-quick-access .quick-access-intro {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-quick-access .quick-access-intro-icon,
body.light-theme #screen-quick-access .quick-access-intro-icon {
  background: rgba(0, 240, 118, 0.15) !important;
  color: #059669 !important;
}

html[data-theme="light"] #screen-quick-access .quick-access-intro strong,
body.light-theme #screen-quick-access .quick-access-intro strong {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-quick-access .quick-access-intro p,
body.light-theme #screen-quick-access .quick-access-intro p {
  color: #64748b !important;
}

html[data-theme="light"] #screen-quick-access .quick-access-heading,
body.light-theme #screen-quick-access .quick-access-heading {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-quick-access #profile-menu-selection-count,
body.light-theme #screen-quick-access #profile-menu-selection-count {
  color: #059669 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-quick-access .profile-menu-option,
body.light-theme #screen-quick-access .profile-menu-option {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-quick-access .profile-menu-option.is-selected,
body.light-theme #screen-quick-access .profile-menu-option.is-selected {
  background: #f0fdf4 !important;
  border: 1.5px solid #86efac !important;
}

html[data-theme="light"] #screen-quick-access .profile-menu-option.is-disabled,
body.light-theme #screen-quick-access .profile-menu-option.is-disabled {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  opacity: 0.7 !important;
}

html[data-theme="light"] #screen-quick-access .profile-menu-option-title,
body.light-theme #screen-quick-access .profile-menu-option-title {
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-quick-access .profile-menu-option-caption,
body.light-theme #screen-quick-access .profile-menu-option-caption {
  color: #64748b !important;
}

html[data-theme="light"] #screen-quick-access .profile-menu-drag-handle,
body.light-theme #screen-quick-access .profile-menu-drag-handle {
  color: #94a3b8 !important;
}

html[data-theme="light"] #screen-quick-access .profile-menu-option-icon,
body.light-theme #screen-quick-access .profile-menu-option-icon {
  background: #f1f5f9 !important;
}

/* ── Photo 4: Plate Calculator Custom Input & Light Theme ────────────────── */
html[data-theme="light"] .plate-calc-sheet,
body.light-theme .plate-calc-sheet {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] .plate-calc-title,
body.light-theme .plate-calc-title {
  color: #0f172a !important;
}

html[data-theme="light"] .plate-calc-bar-tab,
body.light-theme .plate-calc-bar-tab {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
}

html[data-theme="light"] .plate-calc-bar-tab.is-active,
body.light-theme .plate-calc-bar-tab.is-active {
  background: #00f076 !important;
  border-color: #00f076 !important;
  color: #04120b !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .plate-calc-step-btn,
body.light-theme .plate-calc-step-btn {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .plate-calc-chip,
body.light-theme .plate-calc-chip {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .plate-calc-weight-val,
body.light-theme .plate-calc-weight-val {
  color: #0f172a !important;
}

html[data-theme="light"] .plate-calc-weight-num,
body.light-theme .plate-calc-weight-num {
  color: #0f172a !important;
}

html[data-theme="light"] .plate-calc-breakdown-badge,
body.light-theme .plate-calc-breakdown-badge {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="light"] #plate-calc-custom-input-modal .profile-modal-sheet,
body.light-theme #plate-calc-custom-input-modal .profile-modal-sheet {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] .plate-preset-chip,
body.light-theme .plate-preset-chip {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

/* ── Photo 5: Active Workout & Rest Timer Screen in Light Theme ──────────── */
html[data-theme="light"] #screen-workout .workout-session-player-v3,
body.light-theme #screen-workout .workout-session-player-v3,
html[data-theme="light"] .workout-session-rest-main,
body.light-theme .workout-session-rest-main {
  background: #f8fafc !important;
}

html[data-theme="light"] #screen-workout .workout-session-timer-ring-inner,
body.light-theme #screen-workout .workout-session-timer-ring-inner {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] #screen-workout .workout-session-timer,
body.light-theme #screen-workout .workout-session-timer {
  color: #0f172a !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-workout .workout-session-timer-caption,
body.light-theme #screen-workout .workout-session-timer-caption {
  color: #64748b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-workout .workout-session-timer-setlabel,
body.light-theme #screen-workout .workout-session-timer-setlabel {
  color: #64748b !important;
}

html[data-theme="light"] #screen-workout .workout-rest-controls-card,
body.light-theme #screen-workout .workout-rest-controls-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-workout .workout-rest-pill,
body.light-theme #screen-workout .workout-rest-pill {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-workout .workout-rest-quick-label,
body.light-theme #screen-workout .workout-rest-quick-label {
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-workout .workout-rest-quick-btn,
body.light-theme #screen-workout .workout-rest-quick-btn {
  background: #00f076 !important;
  color: #04120b !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .workout-session-sequence-next-card,
body.light-theme #screen-workout .workout-session-sequence-next-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-workout .workout-next-exercise-kicker,
body.light-theme #screen-workout .workout-next-exercise-kicker {
  color: #64748b !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .workout-session-bottom-controls,
body.light-theme #screen-workout .workout-session-bottom-controls {
  background: transparent !important;
}

html[data-theme="light"] #screen-workout .workout-session-bottom-controls button,
body.light-theme #screen-workout .workout-session-bottom-controls button {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-workout .workout-session-bottom-controls .workout-session-continue-btn,
body.light-theme #screen-workout .workout-session-bottom-controls .workout-session-continue-btn {
  background: #00f076 !important;
  border-color: #00f076 !important;
  color: #04120b !important;
  font-weight: 800 !important;
}

/* =====================================================================
   Workout Complete Screen — Light Theme (Photo 1)
   ===================================================================== */
html[data-theme="light"] #screen-workout .workout-complete-main,
body.light-theme #screen-workout .workout-complete-main {
  background: #f8fafc !important;
  padding: 12px 12px 100px !important;
}

html[data-theme="light"] #screen-workout .workout-complete-card,
body.light-theme #screen-workout .workout-complete-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.08) !important;
  color: #0f172a !important;
  padding: 24px 20px !important;
  margin: 8px auto 24px !important;
  max-width: 600px !important;
}

html[data-theme="light"] #screen-workout .workout-complete-card .workout-section-kicker,
body.light-theme #screen-workout .workout-complete-card .workout-section-kicker {
  color: #059669 !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html[data-theme="light"] #screen-workout .workout-complete-card h2,
body.light-theme #screen-workout .workout-complete-card h2 {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  margin: 6px 0 8px !important;
}

html[data-theme="light"] #screen-workout .workout-complete-card p,
body.light-theme #screen-workout .workout-complete-card p {
  color: #475569 !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  margin-bottom: 20px !important;
}

html[data-theme="light"] #screen-workout .workout-complete-stats,
body.light-theme #screen-workout .workout-complete-stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 16px 0 !important;
}

html[data-theme="light"] #screen-workout .workout-complete-stat,
body.light-theme #screen-workout .workout-complete-stat {
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 14px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
  transition: all 0.2s ease !important;
}

html[data-theme="light"] #screen-workout .workout-complete-stat span,
body.light-theme #screen-workout .workout-complete-stat span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 4px !important;
}

html[data-theme="light"] #screen-workout .workout-complete-stat strong,
body.light-theme #screen-workout .workout-complete-stat strong {
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-workout .postworkout-nutrition-card,
body.light-theme #screen-workout .postworkout-nutrition-card {
  background: #f0fdf4 !important;
  border: 1.5px solid #86efac !important;
  border-radius: 18px !important;
  padding: 16px !important;
  margin: 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  box-shadow: 0 4px 16px rgba(22, 101, 52, 0.06) !important;
}

html[data-theme="light"] #screen-workout .postworkout-nutrition-title,
body.light-theme #screen-workout .postworkout-nutrition-title {
  color: #15803d !important;
  font-size: 14.5px !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-workout .postworkout-nutrition-copy,
body.light-theme #screen-workout .postworkout-nutrition-copy {
  color: #166534 !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  margin-top: 3px !important;
}

html[data-theme="light"] #screen-workout .postworkout-nutrition-copy strong,
body.light-theme #screen-workout .postworkout-nutrition-copy strong {
  color: #14532d !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .pr-celebration-card,
body.light-theme #screen-workout .pr-celebration-card {
  background: #fefce8 !important;
  border: 1.5px solid #fde047 !important;
  border-radius: 18px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
  color: #854d0e !important;
}

html[data-theme="light"] #screen-workout .pr-celebration-title,
body.light-theme #screen-workout .pr-celebration-title {
  color: #a16207 !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-workout .pr-celebration-detail strong,
body.light-theme #screen-workout .pr-celebration-detail strong {
  color: #713f12 !important;
}

html[data-theme="light"] #screen-workout .btn-story-share-trigger,
body.light-theme #screen-workout .btn-story-share-trigger {
  width: 100% !important;
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  border-radius: 16px !important;
  padding: 14px 20px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

html[data-theme="light"] #screen-workout .btn-story-share-trigger:hover,
body.light-theme #screen-workout .btn-story-share-trigger:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
}

html[data-theme="light"] #screen-workout .workout-complete-card .workout-primary-cta,
body.light-theme #screen-workout .workout-complete-card .workout-primary-cta {
  width: 100% !important;
  background: #00f076 !important;
  color: #04120b !important;
  border: none !important;
  border-radius: 16px !important;
  padding: 15px 20px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 8px 24px rgba(0, 240, 118, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

html[data-theme="light"] #screen-workout .workout-complete-card .workout-primary-cta:hover,
body.light-theme #screen-workout .workout-complete-card .workout-primary-cta:hover {
  background: #00d669 !important;
  transform: translateY(-1px) !important;
}

/* ============================================================================
   LIGHT THEME COMPLETE DESIGN AUDIT POLISH & STANDARD
   ============================================================================ */

/* 1. Universal Layout for Workout Hub Navigation Bar */
.workout-hub-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px 10px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.workout-hub-nav::-webkit-scrollbar {
  display: none !important;
}

.workout-hub-tab {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  border-radius: 9999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

/* Light Theme Workout Hub Tabs */
html[data-theme="light"] .workout-hub-nav,
:root[data-theme="light"] .workout-hub-nav,
body.light-theme .workout-hub-nav {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .workout-hub-tab,
:root[data-theme="light"] .workout-hub-tab,
body.light-theme .workout-hub-tab {
  background: #ffffff !important;
  color: #1e293b !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .workout-hub-tab span,
:root[data-theme="light"] .workout-hub-tab span,
body.light-theme .workout-hub-tab span {
  color: #1e293b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .workout-hub-tab svg,
:root[data-theme="light"] .workout-hub-tab svg,
body.light-theme .workout-hub-tab svg {
  stroke: #1e293b !important;
}

html[data-theme="light"] .workout-hub-tab.is-active,
:root[data-theme="light"] .workout-hub-tab.is-active,
body.light-theme .workout-hub-tab.is-active {
  background: #00f076 !important;
  border-color: #00f076 !important;
  color: #05080e !important;
  box-shadow: 0 2px 10px rgba(0, 240, 118, 0.35) !important;
}

html[data-theme="light"] .workout-hub-tab.is-active span,
:root[data-theme="light"] .workout-hub-tab.is-active span,
body.light-theme .workout-hub-tab.is-active span {
  color: #05080e !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .workout-hub-tab.is-active svg,
:root[data-theme="light"] .workout-hub-tab.is-active svg,
body.light-theme .workout-hub-tab.is-active svg {
  stroke: #05080e !important;
}

/* 2. Light Theme Food Analysis Screen Buttons */
html[data-theme="light"] #screen-analysis .fa-upload-btn.is-primary,
:root[data-theme="light"] #screen-analysis .fa-upload-btn.is-primary,
body.light-theme #screen-analysis .fa-upload-btn.is-primary {
  background: #00f076 !important;
  color: #05080e !important;
  border: 1px solid #00f076 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(0, 240, 118, 0.3) !important;
}

html[data-theme="light"] #screen-analysis .fa-upload-btn:not(.is-primary),
:root[data-theme="light"] #screen-analysis .fa-upload-btn:not(.is-primary),
body.light-theme #screen-analysis .fa-upload-btn:not(.is-primary) {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] #screen-analysis .fa-upload-btn--barcode,
html[data-theme="light"] #screen-analysis .fa-upload-btn--label,
:root[data-theme="light"] #screen-analysis .fa-upload-btn--barcode,
:root[data-theme="light"] #screen-analysis .fa-upload-btn--label,
body.light-theme #screen-analysis .fa-upload-btn--barcode,
body.light-theme #screen-analysis .fa-upload-btn--label {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-analysis .fa-upload-btn--barcode svg,
html[data-theme="light"] #screen-analysis .fa-upload-btn--label svg,
:root[data-theme="light"] #screen-analysis .fa-upload-btn--barcode svg,
:root[data-theme="light"] #screen-analysis .fa-upload-btn--label svg,
body.light-theme #screen-analysis .fa-upload-btn--barcode svg,
body.light-theme #screen-analysis .fa-upload-btn--label svg {
  color: #00ba5b !important;
  stroke: #00ba5b !important;
}

html[data-theme="light"] #screen-analysis .fa-barcode-input-wrapper,
:root[data-theme="light"] #screen-analysis .fa-barcode-input-wrapper,
body.light-theme #screen-analysis .fa-barcode-input-wrapper {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
}

html[data-theme="light"] #screen-analysis .fa-barcode-manual-input,
:root[data-theme="light"] #screen-analysis .fa-barcode-manual-input,
body.light-theme #screen-analysis .fa-barcode-manual-input {
  color: #0f172a !important;
}

/* 3. Settings Segmented Controls & Rows (Prevent 390px Overflow) */
html[data-theme="light"] .st-appearance-row,
:root[data-theme="light"] .st-appearance-row,
body.light-theme .st-appearance-row {
  padding: 10px 14px !important;
  gap: 8px !important;
}

html[data-theme="light"] .st-appearance-seg,
:root[data-theme="light"] .st-appearance-seg,
body.light-theme .st-appearance-seg {
  background: #e2e8f0 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  padding: 2px !important;
  gap: 2px !important;
  flex-shrink: 0 !important;
}

html[data-theme="light"] .st-appearance-seg .st-seg-btn,
:root[data-theme="light"] .st-appearance-seg .st-seg-btn,
body.light-theme .st-appearance-seg .st-seg-btn {
  padding: 6px 11px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #334155 !important;
}

html[data-theme="light"] .st-appearance-seg .st-seg-btn.is-active,
:root[data-theme="light"] .st-appearance-seg .st-seg-btn.is-active,
body.light-theme .st-appearance-seg .st-seg-btn.is-active {
  background: #00f076 !important;
  color: #05080e !important;
  font-weight: 800 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
}

/* 4. Workout Wizard & Choices in Light Theme */
html[data-theme="light"] #screen-workout .premium-choice-card,
html[data-theme="light"] #screen-workout .premium-duration,
html[data-theme="light"] #screen-workout .premium-equipment,
html[data-theme="light"] #screen-workout .premium-program,
:root[data-theme="light"] #screen-workout .premium-choice-card,
:root[data-theme="light"] #screen-workout .premium-duration,
:root[data-theme="light"] #screen-workout .premium-equipment,
:root[data-theme="light"] #screen-workout .premium-program {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] #screen-workout .premium-choice-card h4,
html[data-theme="light"] #screen-workout .premium-choice-card p,
:root[data-theme="light"] #screen-workout .premium-choice-card h4,
:root[data-theme="light"] #screen-workout .premium-choice-card p {
  color: #0f172a !important;
}

html[data-theme="light"] #screen-workout .premium-choice-card.is-selected,
html[data-theme="light"] #screen-workout .premium-duration.is-selected,
html[data-theme="light"] #screen-workout .premium-equipment.is-selected,
html[data-theme="light"] #screen-workout .premium-program.is-selected,
:root[data-theme="light"] #screen-workout .premium-choice-card.is-selected,
:root[data-theme="light"] #screen-workout .premium-duration.is-selected,
:root[data-theme="light"] #screen-workout .premium-equipment.is-selected,
:root[data-theme="light"] #screen-workout .premium-program.is-selected {
  background: rgba(0, 240, 118, 0.12) !important;
  border-color: #00f076 !important;
  box-shadow: 0 0 16px rgba(0, 240, 118, 0.25) !important;
}

html[data-theme="light"] #screen-workout .day-chip,
:root[data-theme="light"] #screen-workout .day-chip,
body.light-theme #screen-workout .day-chip {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #334155 !important;
}

html[data-theme="light"] #screen-workout .day-chip.is-active,
:root[data-theme="light"] #screen-workout .day-chip.is-active,
body.light-theme #screen-workout .day-chip.is-active {
  background: rgba(0, 240, 118, 0.16) !important;
  border-color: #00f076 !important;
  color: #047857 !important;
  font-weight: 800 !important;
}

/* Light Theme Interactive Day Pills */
html[data-theme="light"] #screen-workout .premium-day-pill,
:root[data-theme="light"] #screen-workout .premium-day-pill,
body.light-theme #screen-workout .premium-day-pill {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] #screen-workout .premium-day-pill .premium-day-name,
:root[data-theme="light"] #screen-workout .premium-day-pill .premium-day-name,
body.light-theme #screen-workout .premium-day-pill .premium-day-name {
  color: #1e293b !important;
  font-weight: 700 !important;
}

html[data-theme="light"] #screen-workout .premium-day-pill .premium-day-dot,
:root[data-theme="light"] #screen-workout .premium-day-pill .premium-day-dot,
body.light-theme #screen-workout .premium-day-pill .premium-day-dot {
  background: #cbd5e1 !important;
}

html[data-theme="light"] #screen-workout .premium-day-pill.is-day,
:root[data-theme="light"] #screen-workout .premium-day-pill.is-day,
body.light-theme #screen-workout .premium-day-pill.is-day {
  background: #00f076 !important;
  border-color: #00f076 !important;
  box-shadow: 0 2px 8px rgba(0, 240, 118, 0.35) !important;
}

html[data-theme="light"] #screen-workout .premium-day-pill.is-day .premium-day-name,
:root[data-theme="light"] #screen-workout .premium-day-pill.is-day .premium-day-name,
body.light-theme #screen-workout .premium-day-pill.is-day .premium-day-name {
  color: #05080e !important;
  font-weight: 900 !important;
}

html[data-theme="light"] #screen-workout .premium-day-pill.is-day .premium-day-dot,
:root[data-theme="light"] #screen-workout .premium-day-pill.is-day .premium-day-dot,
body.light-theme #screen-workout .premium-day-pill.is-day .premium-day-dot {
  background: #05080e !important;
}

html[data-theme="light"] #screen-workout .premium-wizard-progress span:not(.is-on),
:root[data-theme="light"] #screen-workout .premium-wizard-progress span:not(.is-on) {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #64748b !important;
  box-shadow: none !important;
}

html[data-theme="light"] #screen-workout .premium-wizard-progress span.is-on,
:root[data-theme="light"] #screen-workout .premium-wizard-progress span.is-on {
  background: rgba(0, 240, 118, 0.2) !important;
  border-color: #00f076 !important;
  color: #047857 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 12px rgba(0, 240, 118, 0.3) !important;
}

html[data-theme="light"] #screen-workout .premium-wizard-kicker,
html[data-theme="light"] #screen-workout .premium-wizard-step-label,
:root[data-theme="light"] #screen-workout .premium-wizard-kicker,
:root[data-theme="light"] #screen-workout .premium-wizard-step-label {
  color: #047857 !important;
  font-weight: 800 !important;
}

html[data-theme="light"] #screen-workout .premium-workout-wizard h3,
:root[data-theme="light"] #screen-workout .premium-workout-wizard h3 {
  color: #0f172a !important;
}

html[data-theme="light"] #screen-workout .premium-wizard-copy,
:root[data-theme="light"] #screen-workout .premium-wizard-copy {
  color: #475569 !important;
}






/* --- Activity Day Details Sheet Dark Neon Base --- */
#modal-activity-day,
.activity-day-modal-overlay {
  background: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.activity-day-modal-content {
  background: linear-gradient(180deg, #0e1524 0%, #060a12 100%) !important;
  border-top: 1px solid rgba(0, 240, 118, 0.35) !important;
  box-shadow: 0 -16px 48px rgba(0, 0, 0, 0.85) !important;
  color: #ffffff !important;
}

.act-modal-row {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #cbd5e1 !important;
}

.act-modal-sub-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

/* --- Activity Day Details Sheet Theme Adaptation --- */
html[data-theme="light"] #modal-activity-day {
  background: rgba(15, 23, 42, 0.45) !important;
}

html[data-theme="light"] .activity-day-modal-content {
  background: #ffffff !important;
  color: #0f172a !important;
  border-top: 1px solid rgba(16, 185, 129, 0.3) !important;
  box-shadow: 0 -12px 42px rgba(15, 23, 42, 0.15) !important;
}

html[data-theme="light"] .act-modal-handle,
html[data-theme="light"] .activity-day-modal-content > div:first-child {
  background: #cbd5e1 !important;
}

html[data-theme="light"] #act-modal-date {
  color: #0f172a !important;
}

html[data-theme="light"] .act-modal-row,
html[data-theme="light"] .activity-day-modal-content div[style*="rgba(255,255,255,0.04)"] {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .activity-day-modal-content span[style*="#cbd5e1"] {
  color: #334155 !important;
}

html[data-theme="light"] #act-modal-food-val {
  color: #0f172a !important;
}

html[data-theme="light"] .act-modal-sub-btn,
html[data-theme="light"] .activity-day-modal-content div[style*="grid-template-columns: 1fr 1fr"] button {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .act-modal-sub-btn:hover,
html[data-theme="light"] .activity-day-modal-content div[style*="grid-template-columns: 1fr 1fr"] button:hover {
  background: #f1f5f9 !important;
  border-color: #10b981 !important;
}

html[data-theme="light"] .act-modal-close-btn,
html[data-theme="light"] .activity-day-modal-content button[style*="color: #94a3b8"] {
  color: #64748b !important;
  font-weight: 700 !important;
}

/* --- Settings Screen Elements Theme Adaptation --- */
html[data-theme="light"] .st-select,
html[data-theme="light"] select.st-select,
html[data-theme="light"] #st-opt-water-interval {
  color-scheme: light !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
}

html[data-theme="light"] .st-select option,
html[data-theme="light"] select.st-select option,
html[data-theme="light"] #st-opt-water-interval option {
  color-scheme: light !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
}

html[data-theme="light"] .st-row-icon {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

:root:not([data-theme="light"]) .st-row-icon {
  background: rgba(0, 240, 118, 0.08) !important;
  border: 1px solid rgba(0, 240, 118, 0.22) !important;
  color: #00f076 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.st-row-icon svg {
  width: 20px !important;
  height: 20px !important;
  stroke: currentColor !important;
  display: block !important;
}

/* --- Dashboard Bottom CTA & Measurements Premium Styling --- */
.dashboard-workout-mini-cta .dashboard-workout-promo-play {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

:root:not([data-theme="light"]) .dashboard-workout-mini-cta {
  background: linear-gradient(135deg, rgba(16, 24, 38, 0.85) 0%, rgba(8, 14, 22, 0.95) 100%) !important;
  border: 1px solid rgba(0, 240, 118, 0.28) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="light"] .dashboard-workout-mini-cta {
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%) !important;
  border: 1.5px solid rgba(16, 185, 129, 0.35) !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .dashboard-workout-mini-cta [data-dashboard-workout-title] {
  color: #0f172a !important;
}

html[data-theme="light"] .dashboard-workout-mini-cta [data-dashboard-workout-meta] {
  color: #475569 !important;
}

#dashboard-btn-body-measurements {
  margin-top: 10px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 16px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

:root:not([data-theme="light"]) #dashboard-btn-body-measurements {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 240, 118, 0.05) 100%) !important;
  border: 1px solid rgba(0, 240, 118, 0.22) !important;
  color: #f1f5f9 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

:root:not([data-theme="light"]) #dashboard-btn-body-measurements:hover {
  border-color: rgba(0, 240, 118, 0.45) !important;
  box-shadow: 0 6px 20px rgba(0, 240, 118, 0.25) !important;
}

html[data-theme="light"] #dashboard-btn-body-measurements {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] #dashboard-btn-body-measurements:hover {
  background: #f8fafc !important;
  border-color: #10b981 !important;
}

/* --- Menu Supermarkets 2-column Layout & Legibility --- */
.menu-stores-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.store-chip {
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.store-title {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 1 1 auto !important;
}

/* Legal operator row in settings */
.st-legal-operator-row {
  background: rgba(0, 240, 118, 0.04) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.st-legal-operator-title {
  color: #ffffff !important;
  font-weight: 700 !important;
}
.st-legal-operator-text,
.st-legal-operator-body {
  color: #cbd5e1 !important;
}
.st-legal-operator-link {
  color: #00f076 !important;
  text-decoration: none !important;
}
.st-legal-operator-link:hover {
  text-decoration: underline !important;
}

html[data-theme="light"] .st-legal-operator-row {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .st-legal-operator-title {
  color: #0f172a !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .st-legal-operator-text,
html[data-theme="light"] .st-legal-operator-body {
  color: #334155 !important;
}
html[data-theme="light"] .st-legal-operator-link {
  color: #047857 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

/* Universal scrollbar removal */
html, body, .screen, .main-content, * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
  display: none !important;
}