[data-theme="light"] {
  --wie-light-bg: #eef3f8;
  --wie-light-bg-2: #f8fbff;
  --wie-light-surface: rgba(255, 255, 255, 0.96);
  --wie-light-surface-strong: #ffffff;
  --wie-light-surface-muted: #f4f7fb;
  --wie-light-border: #d7dfeb;
  --wie-light-border-strong: #c5d0e0;
  --wie-light-text: #172033;
  --wie-light-text-soft: #5e6b82;
  --wie-light-text-faint: #7b879a;
  --wie-light-primary: #2d6cdf;
  --wie-light-primary-soft: rgba(45, 108, 223, 0.12);
  --wie-light-shadow: 0 18px 48px rgba(15, 23, 42, 0.09);
}

[data-theme="light"] body {
  background:
    radial-gradient(circle at top right, rgba(77, 184, 255, 0.14), transparent 24%),
    linear-gradient(180deg, var(--wie-light-bg), var(--wie-light-bg-2)) !important;
  color: var(--wie-light-text) !important;
}

[data-theme="light"] header,
[data-theme="light"] .left-nav {
  background: rgba(255, 255, 255, 0.92) !important;
  background: color-mix(in srgb, var(--wie-light-surface) 90%, transparent) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

[data-theme="light"] .left-nav {
  background: #ffffff !important;
  border-right-color: #d5deea !important;
  box-shadow: 8px 0 28px rgba(15, 23, 42, 0.05) !important;
}

[data-theme="light"] .nav-logo {
  border-color: #d5deea !important;
}

[data-theme="light"] .nav-logo span {
  color: #2f59c7 !important;
  font-weight: 700 !important;
}

[data-theme="light"] .left-nav .athlete-select {
  background: #ffffff !important;
  border-color: #c5d6f2 !important;
  color: #3c4f6d !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}

[data-theme="light"] header,
[data-theme="light"] .left-nav,
[data-theme="light"] .nav-logo,
[data-theme="light"] .table-wrap,
[data-theme="light"] .chart-card,
[data-theme="light"] .chart-pair,
[data-theme="light"] .toolbar,
[data-theme="light"] .filters,
[data-theme="light"] .calendar-shell,
[data-theme="light"] .kpi-card,
[data-theme="light"] .cp-card,
[data-theme="light"] .cp-wie-card,
[data-theme="light"] .week-summary,
[data-theme="light"] .week-stat,
[data-theme="light"] .well-chip,
[data-theme="light"] .cal-day,
[data-theme="light"] .cal-workout,
[data-theme="light"] .workout-row,
[data-theme="light"] .card,
[data-theme="light"] .modal,
[data-theme="light"] .saved-dropdown-menu,
[data-theme="light"] .fitness-card,
[data-theme="light"] .quarter-card,
[data-theme="light"] .sprint-card,
[data-theme="light"] .vo2-summary,
[data-theme="light"] .ia-inter-summary,
[data-theme="light"] .analysis-tabs,
[data-theme="light"] .records-help,
[data-theme="light"] .durability-thresholds,
[data-theme="light"] .laps-search-bar,
[data-theme="light"] .laps-copy-bar,
[data-theme="light"] .selection-inline {
  border-color: var(--wie-light-border) !important;
  box-shadow: var(--wie-light-shadow) !important;
}

[data-theme="light"] .toolbar,
[data-theme="light"] .filters,
[data-theme="light"] .calendar-shell,
[data-theme="light"] .chart-card,
[data-theme="light"] .chart-pair,
[data-theme="light"] .kpi-card,
[data-theme="light"] .cp-card,
[data-theme="light"] .cp-wie-card,
[data-theme="light"] .card,
[data-theme="light"] .modal,
[data-theme="light"] .saved-dropdown-menu,
[data-theme="light"] .fitness-card,
[data-theme="light"] .quarter-card,
[data-theme="light"] .sprint-card,
[data-theme="light"] .vo2-summary,
[data-theme="light"] .ia-inter-summary,
[data-theme="light"] .analysis-tabs,
[data-theme="light"] .records-help,
[data-theme="light"] .durability-thresholds,
[data-theme="light"] .laps-search-bar,
[data-theme="light"] .laps-copy-bar,
[data-theme="light"] .selection-inline {
  background:
    radial-gradient(circle at top right, rgba(77, 184, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 253, 0.98)) !important;
}

[data-theme="light"] .week-summary,
[data-theme="light"] .week-stat,
[data-theme="light"] .well-chip,
[data-theme="light"] .cal-day,
[data-theme="light"] .cal-workout,
[data-theme="light"] .workout-row,
[data-theme="light"] .mmp-table thead th,
[data-theme="light"] .laps-table thead th,
[data-theme="light"] .vo2-table th,
[data-theme="light"] .block-table th {
  background: var(--wie-light-surface-muted) !important;
}

[data-theme="light"] .cal-day.empty,
[data-theme="light"] .cal-day.outside-month {
  background: #f5f8fc !important;
}

[data-theme="light"] .nav-logo img,
[data-theme="light"] header img {
  filter: invert(1) hue-rotate(180deg) !important;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] .athlete-name,
[data-theme="light"] .month-label,
[data-theme="light"] .race-title,
[data-theme="light"] .section-title,
[data-theme="light"] .week-summary-title,
[data-theme="light"] .week-stat-value,
[data-theme="light"] .well-chip-value,
[data-theme="light"] .cal-workout-title,
[data-theme="light"] .chart-stat span,
[data-theme="light"] .kpi-value,
[data-theme="light"] .sprint-metric-val,
[data-theme="light"] .cp-val.wie {
  color: var(--wie-light-text) !important;
}

[data-theme="light"] .athlete-subtitle,
[data-theme="light"] .count-info,
[data-theme="light"] .chart-label,
[data-theme="light"] .chart-label-dot + span,
[data-theme="light"] .kpi-label,
[data-theme="light"] .kpi-sub,
[data-theme="light"] .chart-stat,
[data-theme="light"] .cal-header,
[data-theme="light"] .cal-day-name,
[data-theme="light"] .week-summary-range,
[data-theme="light"] .week-stat-label,
[data-theme="light"] .week-stat-sub,
[data-theme="light"] .well-chip-label,
[data-theme="light"] .workout-date,
[data-theme="light"] .workout-dur,
[data-theme="light"] .zoom-hint,
[data-theme="light"] .loading,
[data-theme="light"] .state-msg,
[data-theme="light"] .race-subtitle,
[data-theme="light"] .meta-tag,
[data-theme="light"] .tt-time,
[data-theme="light"] .tt-label,
[data-theme="light"] .ia-section-title,
[data-theme="light"] .vo2-merge-btn,
[data-theme="light"] .cp-method,
[data-theme="light"] .cp-wie-label,
[data-theme="light"] .cp-wie-detail,
[data-theme="light"] .cal-meta-item,
[data-theme="light"] .kpi-section-label,
[data-theme="light"] .laps-search-hint,
[data-theme="light"] .records-help,
[data-theme="light"] .selection-inline-range,
[data-theme="light"] .selection-inline-metric .l {
  color: var(--wie-light-text-soft) !important;
}

[data-theme="light"] .page-link,
[data-theme="light"] .left-nav .page-link,
[data-theme="light"] .filter-btn,
[data-theme="light"] .disc-btn,
[data-theme="light"] .month-nav-btn,
[data-theme="light"] .btn-refresh,
[data-theme="light"] .btn-refresh-dash,
[data-theme="light"] .btn-compare,
[data-theme="light"] .toggle-acwr,
[data-theme="light"] .toggle-cp-wie,
[data-theme="light"] .mode-btn,
[data-theme="light"] .unit-btn,
[data-theme="light"] .seg-ctrl button,
[data-theme="light"] .analysis-tab-btn,
[data-theme="light"] .durability-threshold-btn,
[data-theme="light"] .vo2-series-btn,
[data-theme="light"] .back-btn,
[data-theme="light"] .btn-theme,
[data-theme="light"] .btn-header,
[data-theme="light"] .mobile-more-link,
[data-theme="light"] .mobile-more-action,
[data-theme="light"] .mobile-nav-sheet-link,
[data-theme="light"] .mobile-nav-sheet-action {
  background: var(--wie-light-surface-strong) !important;
  border-color: var(--wie-light-border-strong) !important;
  color: var(--wie-light-text-soft) !important;
}

[data-theme="light"] .left-nav .page-link {
  color: #62708d !important;
  font-weight: 700 !important;
  border-color: transparent !important;
  background: transparent !important;
}

[data-theme="light"] .page-link:hover:not(.active),
[data-theme="light"] .left-nav .page-link:hover:not(.active),
[data-theme="light"] .filter-btn:hover:not(.active),
[data-theme="light"] .disc-btn:hover:not(.active),
[data-theme="light"] .month-nav-btn:hover,
[data-theme="light"] .btn-refresh:hover,
[data-theme="light"] .btn-refresh-dash:hover,
[data-theme="light"] .btn-compare:hover,
[data-theme="light"] .toggle-acwr:hover,
[data-theme="light"] .toggle-cp-wie:hover,
[data-theme="light"] .mode-btn:hover:not(.active),
[data-theme="light"] .unit-btn:hover:not(.active),
[data-theme="light"] .seg-ctrl button:hover:not(.active),
[data-theme="light"] .analysis-tab-btn:hover:not(.active),
[data-theme="light"] .durability-threshold-btn:hover:not(.active),
[data-theme="light"] .vo2-series-btn:hover:not(.active),
[data-theme="light"] .back-btn:hover,
[data-theme="light"] .btn-theme:hover,
[data-theme="light"] .btn-header:hover {
  background: #f1f6ff !important;
  border-color: #8db7ef !important;
  color: var(--wie-light-primary) !important;
}

[data-theme="light"] .left-nav .page-link:hover:not(.active) {
  background: #f5f8fe !important;
  border-color: #dce7f7 !important;
  color: #425674 !important;
}

@supports not (background: color-mix(in srgb, white 90%, transparent)) {
  [data-theme="light"] header,
  [data-theme="light"] .left-nav {
    background: rgba(255, 255, 255, 0.92) !important;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  [data-theme="light"] header,
  [data-theme="light"] .left-nav {
    background: rgba(255, 255, 255, 0.98) !important;
  }
}

[data-theme="light"] .page-link.active,
[data-theme="light"] .left-nav .page-link.active,
[data-theme="light"] .filter-btn.active,
[data-theme="light"] .disc-btn.active,
[data-theme="light"] .btn-compare.active,
[data-theme="light"] .mode-btn.active,
[data-theme="light"] .unit-btn.active,
[data-theme="light"] .seg-ctrl button.active,
[data-theme="light"] .analysis-tab-btn.active,
[data-theme="light"] .durability-threshold-btn.active,
[data-theme="light"] .vo2-series-btn.active,
[data-theme="light"] .mobile-bottom-link.active,
[data-theme="light"] .mobile-bottom-more.active,
[data-theme="light"] .mobile-nav-link.active,
[data-theme="light"] .mobile-nav-more.active {
  background: var(--wie-light-primary-soft) !important;
  border-color: rgba(45, 108, 223, 0.28) !important;
  color: var(--wie-light-primary) !important;
  box-shadow: inset 0 0 0 1px rgba(45, 108, 223, 0.08);
}

[data-theme="light"] .left-nav .page-link.active {
  background: linear-gradient(180deg, #e8f0ff, #dce9ff) !important;
  border-color: #b7cff8 !important;
  color: #2e66d4 !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 0 0 1px rgba(45, 108, 223, 0.10),
    0 4px 10px rgba(45, 108, 223, 0.08) !important;
}

[data-theme="light"] .seg-ctrl,
[data-theme="light"] .mode-bar,
[data-theme="light"] .unit-toggle {
  background: #edf3fb !important;
  border-color: var(--wie-light-border) !important;
}

[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] input[type="date"],
[data-theme="light"] .range-select,
[data-theme="light"] .laps-search-input,
[data-theme="light"] .analysis-tabs-search input {
  background: var(--wie-light-surface-strong) !important;
  border-color: var(--wie-light-border-strong) !important;
  color: var(--wie-light-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] input::placeholder,
[data-theme="light"] .laps-search-input::placeholder,
[data-theme="light"] .analysis-tabs-search input::placeholder {
  color: #97a3b6 !important;
}

[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] input[type="date"]:focus,
[data-theme="light"] .laps-search-input:focus,
[data-theme="light"] .analysis-tabs-search input:focus {
  outline: none;
  border-color: #7aaaf0 !important;
  box-shadow: 0 0 0 4px rgba(77, 184, 255, 0.12) !important;
}

[data-theme="light"] .coach-table tbody tr,
[data-theme="light"] tbody tr,
[data-theme="light"] .mmp-table tbody tr,
[data-theme="light"] .laps-table tbody tr,
[data-theme="light"] .vo2-table tr,
[data-theme="light"] .block-table tr {
  border-color: #e1e8f0 !important;
}

[data-theme="light"] .coach-table tbody tr:hover,
[data-theme="light"] tbody tr:hover,
[data-theme="light"] .laps-table tbody tr:hover {
  background: rgba(45, 108, 223, 0.04) !important;
}

[data-theme="light"] .overlay,
[data-theme="light"] .mobile-more-backdrop,
[data-theme="light"] .mobile-nav-backdrop {
  background: rgba(15, 23, 42, 0.24) !important;
}