/* Color-only preview: retain the existing layout and market palette. */
body[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6f8;
  --panel: #ffffff;
  --panel-strong: #ffffff;
  --panel-soft: #f1f5f9;
  --line: #aebdca;
  --text: #172331;
  --muted: #526579;
  --quiet: #64748b;
  --blue: #087fbc;
  --emerald: #087e65;
  --shadow: 0 10px 35px rgba(24, 45, 65, .07);
  --shadow-soft: 0 3px 12px rgba(24, 45, 65, .06);
  color: var(--text);
  background: var(--bg);
}
body[data-theme="light"] :is(.shell,.main) { background: transparent; color: var(--text); }
body[data-theme="light"] :is(.topbar,.topbar-inner,.panel,.home-hero,.home-league-selector,.home-fixtures-workspace,.fixture-detail,.home-match-filter,.home-filter-card,.match-card,.match-card-body,.racha-block,.racha-list,.analysis-meter-card,.team-performance-chart,.performance-chart,.ios-filter-panel,.streak-team-card,.trend-card,.pricing-card,.auth-card,.login-card,.modal-content,.trend-chart-modal,.home-more-leagues[open],.result-pie::after) {
  background: #fff !important;
  color: #172331 !important;
  border-color: #d9e1e8 !important;
  box-shadow: 0 3px 14px rgba(24,45,65,.04);
}
body[data-theme="light"] :is(h1,h2,h3,h4,.brand-title,.team-name,.team strong,.section-head strong,.home-filter-card strong,.racha-row strong,.fixture-detail-title,.analysis-meter-card strong,.analysis-meter-card b,.home-filter-card h3,.home-hero h1) { color: #172331 !important; }
body[data-theme="light"] :is(p,small,label,.brand-subtitle,.muted,.home-hero p,.racha-head,.racha-row,.analysis-meter-legend,.filter-range-scale,.home-filter-card small,.team-performance-meta,.match-card-league,.home-filter-summary-actions) { color: #526579; }
body[data-theme="light"] :is(input,select,textarea,.chip,.nav-button,.home-date-tab,.date-tab,.home-filter-line-row button,.filter-card-toggle,.home-filter-scope button,.fixture-detail-actions button,.racha-block button,.home-more-leagues summary) {
  color: #33485e;
  background: #f5f8fa;
  border-color: #cbd7e1;
}
body[data-theme="light"] :is(button:hover,.chip:hover,.nav-button:hover) { background-color: #e9f2f7; }
body[data-theme="light"] :is(.nav-button.active,.chip.active,.home-date-tab.active,.date-tab.active) { color: #fff !important; background: #098bc9 !important; border-color: #098bc9 !important; }
body[data-theme="light"] :is(.home-filter-line-row button.selected,.filter-card-toggle.active,.fixture-detail-actions button.active,.racha-block button.active,.home-filter-scope button.active) { color: #342600 !important; background: #f3bf3e !important; border-color: #dfab2a !important; }
body[data-theme="light"] .match-card.active { border-color: #0c98c8 !important; box-shadow: 0 0 0 1px #0c98c8; }
body[data-theme="light"] :is(.match-card-head,.racha-head,thead,th,.home-match-filter summary,.home-filter-footer,.team-performance-head) { background: #f2f6f9 !important; color: #526579 !important; border-color: #d9e1e8 !important; }
body[data-theme="light"] :is(.racha-row,td,tr) { background-color: transparent; border-color: #e2e8ee !important; color: #33485e; }
body[data-theme="light"] :is(.racha-row:nth-child(even),tbody tr:nth-child(even)) { background-color: #f8fafc !important; }
body[data-theme="light"] :is(.racha-average,.racha-mean,.racha-summary) { background: #e8f6f0 !important; }
body[data-theme="light"] :is(.home-filter-card.enabled,.outcome-card) { background: #f5fafc !important; }
body[data-theme="light"] :is(.analysis-meter-track,.filter-range input) { background-color: #dce5ed; border-color: #ccd8e2; }
body[data-theme="light"] .filter-range input { background: linear-gradient(to right,var(--meter-color) 0 var(--filter-rate),#dce5ed var(--filter-rate) 100%); }
body[data-theme="light"] :is(.seo-footer,.seo-footer a) { color: #526579; background: #f4f6f8; }
body[data-theme="light"] :is(.team-logo,.brand-mark) { background-color: transparent; }
body[data-theme="light"] .vs { background: #edf3f7 !important; color: #526579 !important; }
body[data-theme="light"] svg text { fill: #526579; }
body[data-theme="light"] :is(.auth-modal,.trend-chart-modal-backdrop) { background: rgba(27,43,58,.3); }
body[data-theme="light"] :is(.filter-range>span,.home-match-filter summary strong,.home-filter-card .filter-range>span) { color: #33485e !important; }
body[data-theme="light"] :is(.home-filter-size,.home-filter-scope>div,.home-filter-summary-actions>small) { background: #eaf0f5 !important; border-color: #cbd7e1 !important; color: #33485e !important; }
body[data-theme="light"] .home-filter-size button { color: #33485e; }
body[data-theme="light"] .home-filter-size button.active { background: #f3bf3e; color: #342600; }
body[data-theme="light"] .home-filter-line-row button { opacity: 1; }
body[data-theme="light"] .filter-range { opacity: 1; }
body[data-theme="light"] .home-filter-card:not(.enabled) .filter-range>span { color: #64748b !important; }
body[data-theme="light"] :is(.daily-pick-card,.daily-pick,.daily-pick-match,.daily-pick-analysis,.daily-pick-recommendation,.card-model-card,.card-model-match,.card-market-panel,.card-formula-panel,.corner-line-card,.price-card,.filter-card,.trend-team-card,.trend-chart-modal-dialog,.login-panel,.streak-run-match,.performance-chart-card,.team-performance-panel) { background: #fff !important; border-color: #d9e1e8 !important; color: #172331 !important; }
body[data-theme="light"] :is(.daily-picks-list,.cards-analysis-list,.trend-charts-grid,.view-lab,.view-allstats,.view-streaks,.view-corners,.view-cards,.view-pricing) :is(strong,b,h2,h3,h4) { color: #172331 !important; }
body[data-theme="light"] :is(.daily-pick-time,.daily-pick-league,.card-market-kicker,.card-model-card span,.daily-pick-card span,.trend-team-card span) { color: #526579; }

/* Shared light surfaces across tools, including their empty and selected states. */
body[data-theme="light"] :is(.hero,.trend-dashboard-head,.headline,.blog-placeholder,.pricing-intro,.daily-pick-markets,.daily-market,.metric,.metric-card,.metric-grid>div,.radar-results,.season-picker,.system-teams,.selected-teams,.preset,.preset-row,.empty,.system-empty,.daily-no-pick,.analysis-breakdown,.streak-run-list,.streak-team-main,.trend-chart,.chart-panel,.chart-wrap) {
  background: #fff !important;
  border-color: #aebdca !important;
  color: #172331 !important;
}
body[data-theme="light"] :is(.panel,.home-hero,.home-league-selector,.home-fixtures-workspace,.home-match-filter,.home-filter-card,.match-card,.racha-block,.analysis-meter-card,.daily-pick-card,.card-model-card,.streak-team-card,.trend-team-card,.filter-card,.price-card,.ios-filter-panel,.trend-dashboard-head,.hero) {
  border-color: #aebdca !important;
}
body[data-theme="light"] :is(.main p,.main small,.main label,.main time,.main .muted,.home-filter-result-summary span,.home-filter-card>header,.hero-copy,.hero-message,.trend-dashboard-head p,.streak-run-fixture,.streak-run-fixture span,.streak-run-date,.analysis-breakdown span,.analysis-breakdown b,.daily-confidence span,.daily-market small,.daily-pick-league,.metric span,.metric small,.empty,.filter-range>span) {
  color: #172331 !important;
}
body[data-theme="light"] :is(.hero-message h1,.headline h1,.trend-dashboard-head h1,.daily-pick-teams strong,.streak-run-fixture strong,.metric strong,.metric-grid strong,.radar-results h2) { color: #172331 !important; -webkit-text-fill-color: #172331 !important; }
body[data-theme="light"] :is(.streak-result-badge,.streak-run-index,.streak-score-pill) {
  background: #e3f2ec !important;
  color: #12553f !important;
  border: 1px solid #8fbaa9 !important;
  font-weight: 800;
}
body[data-theme="light"] :is(.streak-run-match,.streak-run-head,.racha-row,td,th,.analysis-breakdown>div,.daily-pick-match,.daily-pick-markets,.section-head) { border-color: #aebdca !important; }
body[data-theme="light"] :is(.daily-rank,.daily-market-number) { background: #08765c !important; color: #fff !important; }
body[data-theme="light"] .daily-confidence strong { color: #08664f !important; }
body[data-theme="light"] .analysis-risk-control { background: #fff8e2 !important; border: 1px solid #bc8b21 !important; box-shadow: none !important; }
body[data-theme="light"] .analysis-risk-control small { color: #5a4105 !important; }
body[data-theme="light"] .analysis-risk-control input { accent-color: #a66c00; }
body[data-theme="light"] :is(.analysis-meter-track,.filter-range input) { opacity: 1 !important; border-color: #a0b2c2 !important; }
body[data-theme="light"] .filter-range input { height: 7px; background: linear-gradient(to right,var(--meter-color) 0 var(--filter-rate),#aebdca var(--filter-rate) 100%) !important; }
body[data-theme="light"] .filter-range input::-webkit-slider-thumb { border-color: #fff; box-shadow: 0 0 0 2px var(--meter-color); }
body[data-theme="light"] .filter-range input::-moz-range-thumb { border-color: #fff; }
body[data-theme="light"] .home-filter-card:not(.enabled) .filter-range { opacity: .85 !important; }
body[data-theme="light"] .home-filter-card:not(.enabled) .filter-range>span { color: #172331 !important; }
body[data-theme="light"] :is(.season-picker,.system-teams,.selected-teams,.preset-list) { background: #f0f4f7 !important; border-color: #aebdca !important; }
body[data-theme="light"] :is(.radar-filters button:not(.primary-button):not(.active),.radar-filters .chip:not(.active)) { background: #fff; color: #172331; border-color: #aebdca; }
body[data-theme="light"] .main button:focus-visible { outline: 3px solid #087fbc; outline-offset: 2px; }
body[data-theme="light"] :is(label>span,.ios-select-field>span,.field>span,.field>label,.streak-run-head span,.system-team-list span,.system-team-list p,.preset-list span,.metric-grid span) { color: #172331 !important; }
body[data-theme="light"] :is(.streak-venue-control,.segmented-control,.system-team-list,.system-team,.preset-actions,.trend-selected-teams) { background: #eef3f7 !important; border-color: #aebdca !important; color: #172331 !important; }
body[data-theme="light"] :is(select,input,textarea,.ios-filter-panel,.streak-venue-control) { box-shadow: none !important; }
body[data-theme="light"] option { background: #fff !important; color: #172331 !important; }
body[data-theme="light"] :is(.stat-value,.stat-label,.small-note,.system-box,.table-toolbar,.table-tools,.table-controls,.table-wrap,.radar-table,.allstats-pager,.radar-filters .system-box) { color: #172331 !important; background-color: #fff !important; border-color: #aebdca !important; }
body[data-theme="light"] :is(table,tbody,tr,td) { background: #fff !important; color: #172331 !important; }
body[data-theme="light"] :is(tbody tr:nth-child(even),tbody tr:nth-child(even) td) { background: #f0f4f7 !important; }
body[data-theme="light"] :is(tbody tr:hover,tbody tr:hover td) { background: #e3f0f7 !important; }
body[data-theme="light"] :is(.table-wrap button,.system-box button) { color: #172331; background: #f0f4f7; border-color: #aebdca; }
body[data-theme="light"] :is(.profit,.stat-value.profit) { color: #08664f !important; }
body[data-theme="light"] :is(.loss,.stat-value.loss) { color: #a6233d !important; }
body[data-theme="light"] .table-title { background: #f0f4f7 !important; color: #172331 !important; border-color: #aebdca !important; }
body[data-theme="light"] :is(.table-toolbar span,.table-tools span,.table-controls span,.table-wrap .small-note,.table-title p,.table-title span) { color: #172331 !important; }
body[data-theme="light"] :is(.ios-filter-panel,.streaks-filters) { box-shadow: none !important; }
body[data-theme="light"] .trend-filter-list { background: #f0f4f7 !important; border-color: #aebdca !important; }
body[data-theme="light"] .table-toolbar { color: #172331 !important; }
body[data-theme="light"] .table-toolbar :is(b,strong,small) { color: #172331 !important; }
body[data-theme="light"] { scrollbar-color: #8a9eaf #edf2f6; }
body[data-theme="light"] .daily-pick-teams strong { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.35; }
body[data-theme="light"] .table-toolbar * { color: #172331 !important; }
body[data-theme="light"] .table-wrap .small-note { background: transparent !important; }
html:has(body[data-theme="light"]) { color-scheme: light; background: #f4f6f8; scrollbar-color: #b1b9c1 #fff; scrollbar-width: thin; }
html:has(body[data-theme="light"])::-webkit-scrollbar,
body[data-theme="light"] ::-webkit-scrollbar { width: 9px; height: 9px; }
html:has(body[data-theme="light"])::-webkit-scrollbar-track,
body[data-theme="light"] ::-webkit-scrollbar-track { background: #fff; }
html:has(body[data-theme="light"])::-webkit-scrollbar-thumb,
body[data-theme="light"] ::-webkit-scrollbar-thumb { background: #b1b9c1; border: 2px solid #fff; border-radius: 20px; }
body[data-theme="light"] * { scrollbar-color: #b1b9c1 #fff; }
body[data-theme="light"] :is(.corners-venue-control,.streak-venue-control,.corners-venue-control>div,.card-confidence,.card-confidence.recommended,.trend-filter-list,.table-title) { background: #fff !important; border-color: #aebdca !important; box-shadow: none !important; }
body[data-theme="light"] :is(.corners-venue-control>span,.streak-venue-control>span,.card-confidence span,.card-confidence strong,.table-title h3,.table-title p) { color: #172331 !important; }
body[data-theme="light"] .corners-venue-control button { background: #f4f6f8 !important; color: #172331 !important; border: 1px solid #aebdca; }
body[data-theme="light"] :is(.corners-venue-control button.active,#streakApplyButton) { background: #f3bf3e !important; color: #342600 !important; border-color: #b88a1e !important; }
body[data-theme="light"] .main .trend-filter-list { background: #fff !important; }
body[data-theme="light"] .table-wrap td .small-note { background: none !important; box-shadow: none !important; }
body[data-theme="light"] .home-filter-card { border-width: 2px; }
body[data-theme="light"] .filter-range input { height: 9px !important; }
body[data-theme="light"] :is(.analysis-meter-track,.analysis-meter-line,.distribution-lines>div>i) { height: 6px !important; }
body[data-theme="light"] :is(.distribution-lines span,.distribution-lines strong,.distribution-lines small,.analysis-meter-scale span,.analysis-meter-legend span,.analysis-meter-legend b) { color: #172331 !important; }
body[data-theme="light"] .distribution-lines span { font-size: 11px; }
body[data-theme="light"] .distribution-lines strong small { font-size: 10px; }
body[data-theme="light"] .analysis-meter-head>strong { font-size: 30px !important; }
body[data-theme="light"] .analysis-meter-legend b { font-size: 13px; }
body[data-theme="light"] .analysis-meter-scale { font-size: 10px; }
body[data-theme="light"] .team-crest-feature .team-crest { width: 124px !important; height: 124px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-theme="light"] .team-crest-feature .team-crest img { width: 100%; height: 100%; object-fit: contain; border-radius: 0; padding: 0; }
body[data-theme="light"] .brand-mark img { border-radius: 12px; }
body[data-theme="light"] .home-match-filter>summary { background: #fff !important; color: #172331 !important; padding: 14px 12px; }
body[data-theme="light"] .home-filter-summary-actions { gap: 10px; }
body[data-theme="light"] .home-match-filter-body { padding-top: 16px; }
body[data-theme="light"] .home-filter-grid { gap: 12px; }
body[data-theme="light"] .match-card-head .league-name { color: #172331 !important; }
body[data-theme="light"] .analysis-risk-control { background: #fff !important; border-color: #aebdca !important; }
body[data-theme="light"] #analyzeFixture { background: #19ae7c !important; color: #062d20 !important; border-color: #087e59 !important; font-weight: 800; }
body[data-theme="light"] .analysis-match-crests { border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 0; }
body[data-theme="light"] .home-filter-active-markets { display: flex; align-items: center; justify-content: center; width: 100%; }
body[data-theme="light"] .home-filter-active-markets>span { display: inline-flex; align-items: center; justify-content: center; text-align: center; }
body[data-theme="light"] .home-filter-card:not(.outcome-card) .home-filter-line-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 6px; }
body[data-theme="light"] .home-filter-card .home-filter-line-row button { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 32px; height: auto; padding: 5px 4px; white-space: normal; line-height: 1.3; }
body[data-theme="light"] .streak-venue-action-row { margin-top: 14px; }
body[data-theme="light"] .section-banner { background: #fff; border-color: #aebdca; color: #172331; border-left: 4px solid #08765c; }
body[data-theme="light"] .section-banner-copy strong { color: #075c47; }
body[data-theme="light"] .section-banner-controls button { border-color: #aebdca; }
body[data-theme="light"] .outcome-card .home-filter-line-row button:nth-child(1) { color: #076747; border: 2px solid #147c5b; }
body[data-theme="light"] .outcome-card .home-filter-line-row button:nth-child(2) { color: #765000; border: 2px solid #a67b1d; }
body[data-theme="light"] .outcome-card .home-filter-line-row button:nth-child(3) { color: #075c9b; border: 2px solid #247bb3; }
body[data-theme="light"] .outcome-card .outcome-preview { height: 10px; border-width: 2px; }
body[data-theme="light"] .outcome-card .outcome-home { background: #147c5b; }
body[data-theme="light"] .daily-market h3 { display: inline-block; margin: 10px 0; padding: 10px 14px; border-left: 4px solid #08765c; background: #e5f4ec; color: #07543f !important; border-radius: 5px; font-size: 22px; line-height: 1.35; }
body[data-theme="light"] .section-banner { background: #e6f4ed; border: 2px solid #72ab93; border-left: 6px solid #08765c; min-height: 116px; padding: 20px; }
body[data-theme="light"] .section-banner-copy strong { display: block; font-size: 22px; margin-top: 5px; }
body[data-theme="light"] .section-banner-copy small { font-size: 10px; font-weight: 800; color: #07543f !important; }
body[data-theme="light"] .section-banner-copy p { font-size: 14px; max-width: 850px; }
body[data-theme="light"] .section-banner-controls { flex-direction: column; align-items: flex-end; }
body[data-theme="light"] .section-banner-controls button { width: auto; height: auto; min-height: 40px; padding: 10px 16px; background: #08765c; color: #fff; border: 0; font-weight: 750; }
body[data-theme="light"] .section-banner-navigation button[data-banner-step] { width: 32px; min-height: 32px; height: 32px; padding: 0; border: 1px solid #72ab93; background: #fff; color: #07543f; }
body[data-theme="light"] :is(.home-filter-footer,.home-filter-active-markets,.home-filter-size,.home-filter-scope>div) { background: #fff !important; box-shadow: none !important; }
body[data-theme="light"] .analysis-risk-control { border: 0 !important; box-shadow: none !important; }
body[data-theme="light"] .corners-lookback-select { background: #fff !important; color: #172331 !important; border: 1px solid #aebdca !important; box-shadow: none !important; }
body[data-theme="light"] .corners-lookback-select>span { color: #172331 !important; }
body[data-theme="light"] .card-chart-track { background: #dce5ed !important; border: 1px solid #b5c4d0; }
body[data-theme="light"] .fixture-detail .racha-tabs .chip { background: #fff !important; color: #172331 !important; border-color: #aebdca !important; box-shadow: none !important; }
body[data-theme="light"] .fixture-detail .racha-tabs .chip.active { background: #f3bf3e !important; color: #342600 !important; border-color: #b88a1e !important; box-shadow: none !important; }
body[data-theme="light"] .fixture-detail .racha-tabs .chip:hover:not(.active) { background: #edf3f7 !important; }
body[data-theme="light"] .fixture-detail .recent-match-row,
body[data-theme="light"] .fixture-detail .recent-match-row:hover { background: #fff !important; color: #172331 !important; border-color: #b5c4d0 !important; }
body[data-theme="light"] .fixture-detail .recent-match-metric { background: #f6f9fb !important; border-color: #cbd7e1 !important; }
body[data-theme="light"] .fixture-detail :is(.recent-match-opponent strong,.recent-match-opponent small,.recent-match-metric strong,.recent-match-metric small,.recent-match-metric em,.recent-match-metric strong i) { color: #172331 !important; }
body[data-theme="light"] .fixture-detail .recent-match-result { color: #172331; }
body[data-theme="light"] .h2h-duel-feature>div { border: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-theme="light"] .h2h-duel-feature .team-crest { width: 84px !important; height: 84px !important; max-width: 100%; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-theme="light"] .h2h-duel-feature .team-crest img { width: 100%; height: 100%; object-fit: contain; border-radius: 0; }
@media(min-width:761px) {
  body[data-theme="light"] .sidebar-toggle { right: 10px !important; top: 12px !important; width: 28px; height: 28px; color: #172331 !important; background: #e2e8ee !important; border: 1px solid #8699aa !important; box-shadow: none !important; }
  body[data-theme="light"] .topbar .brand { padding-right: 30px; }
  body[data-theme="light"] .shell.sidebar-collapsed .sidebar-toggle { right: 8px !important; top: 76px !important; }
  body[data-theme="light"] .shell.sidebar-collapsed .topbar .brand { padding-right: 0; }
}
@media(max-width:600px) { body[data-theme="light"] .section-banner { flex-direction: column; align-items: stretch; min-height: 190px; padding: 16px; } body[data-theme="light"] .section-banner-controls { flex-direction: row; align-items: center; justify-content: space-between; } }