/* HockeyScores 2.0: a bright, legible rink rather than a dark telemetry console. */
:root{color-scheme:light;--bg:#f3f6f8;--panel:#fff;--line:#d9e1e8;--ink:#182c42;--muted:#596d7e;--ion:#17658e;--team-accent:#ad385b}
html{background:#f3f6f8;color-scheme:light}
body{background:#f3f6f8!important;background-image:linear-gradient(90deg,transparent calc(50% - 1px),#dde6ed calc(50% - 1px),#dde6ed calc(50% + 1px),transparent calc(50% + 1px))!important;color:#182c42!important;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
header{max-width:none;padding:17px max(4%,calc((100vw - 1320px)/2));background:#fff!important;border-bottom:3px solid #cc323b;box-shadow:0 1px 12px #18344d0b}
header a,header>a:last-child{color:#20374c!important}
.brand{color:#182c42!important;font-size:15px;letter-spacing:.13em}
.brand-labs{color:#bb303b!important}
.brand small{display:inline;margin-left:18px;color:#728398!important;font-size:10px}
main{max-width:1350px;padding:26px 3.5% 60px}
.intro{margin:0 0 20px;align-items:center}
.intro .eyebrow{font:700 11px/1.4 system-ui;letter-spacing:.15em;color:#ab3540!important;margin:0}
h1{font:800 clamp(34px,4.1vw,54px)/1.06 Georgia,serif!important;letter-spacing:-.045em!important;color:#152b42;margin:8px 0!important}
h1 span{color:#bd3341!important}
.intro .muted{margin:5px 0;color:#627488!important;font-size:14px}
.chip{font:600 11px system-ui;color:#346556!important;background:#e7f3ed!important;border:1px solid #cce4d5!important;box-shadow:none!important;border-radius:30px;padding:9px 14px}
button,.team-picker summary,select,input{border-radius:6px!important}
button{background:#fff!important;color:#233b52!important;border:1px solid #cad7e1!important;box-shadow:none!important;font-weight:600}
button:hover{background:#edf5fa!important;border-color:#6b9cb8!important;box-shadow:none!important}
button[aria-pressed=true]{background:#e8f2f8!important;border-color:#2776a0!important;box-shadow:inset 0 -3px #bc3542!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #398cb4;outline-offset:3px}
.team-toolbar{background:white!important;border:1px solid #dae3e9!important;border-radius:10px!important;box-shadow:0 3px 18px #142a3908!important;margin:0 0 18px;padding:14px 17px!important}
.toolbar-label,.view-navigation-label{color:#486077!important;font:700 11px system-ui!important;letter-spacing:.07em!important}
.toolbar-label span,.view-navigation-label span{color:#8493a1!important;font-weight:400}
.favorite-team{background:white!important;min-width:unset!important}
.team-picker{background:#fff!important;border:1px solid #cddae5!important;padding:0!important;margin:0!important}
.team-picker summary{color:#213c55!important}
.team-picker-popover{background:#fff!important;color:#1b3044!important;box-shadow:0 16px 40px #18334d2b!important;z-index:30!important}
#teamSearch,select{background:#fff!important;color:#162e43!important;border:1px solid #cbd7e2!important}
.filter-bar{background:#f2f6f9!important;border-left:0!important;padding:8px!important;margin:0!important}
.workspace,.overview-grid{display:block!important}
#teamContent{width:100%;min-width:0}
.overview-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:16px!important;margin:0 0 15px}
.panel{background:#fff!important;background-image:none!important;border:1px solid #d8e1e8!important;border-radius:9px!important;box-shadow:0 4px 20px #1c37520a!important;color:#182d43!important;padding:20px!important}
.hero{margin:0!important;min-height:245px!important;position:relative;background:#fff!important;border-top:5px solid var(--team-accent)!important;overflow:hidden}
.hero:after{content:none!important}
.hero .eyebrow{color:#6b7f92!important;font:700 11px system-ui!important}
.hero h2{color:#1c3044!important;text-shadow:none!important;font:800 clamp(24px,2.7vw,38px)/1.1 "Arial Narrow",Impact,system-ui,sans-serif!important;max-width:70%!important;margin:15px 0!important}
.hero>p:not(.eyebrow){font-size:14px!important;color:#40566b!important;max-width:76%!important}
#heroIcon{right:23px;top:58px}
#heroIcon .team-logo{width:105px;height:95px;filter:none!important}
#nextCountdown{color:#176b91!important;font-weight:700}
#refresh{padding:8px 13px!important;min-height:36px!important;font-size:12px!important}
.data-freshness{color:#718597!important;font-size:11px!important}
.game-day{min-height:245px!important}
.game-day h2{font:800 25px/1.2 system-ui!important;color:#1b344a!important;margin:3px 0}
.eyebrow{color:#b23542!important}
.day-indicator{color:#3b705b!important}
.section-head{border-color:#e0e7ed!important}
.section-head h3{color:#20374c!important}
.day-grid{background:#fff!important}
.day-grid>*{background:#f7f9fb!important;border-color:#e1e7ed!important;border-radius:6px!important;color:#193249!important}
.day-grid *, .day-grid p{color:inherit}
.day-source{color:#617486!important}
#seasonStandings{border-left:4px solid #2b759b!important;background:#fff!important;margin:0 0 14px!important}
#seasonStandings *{color:#233a50}
#liveGames:empty{display:none!important}
.team-summary-grid{display:block!important}
.view-navigation-label{margin:23px 0 9px!important}
.content-tabs{background:white!important;border:1px solid #dbe4eb!important;border-radius:9px!important;overflow:hidden;gap:0!important}
.content-tabs button{border:0!important;border-right:1px solid #e4eaf0!important;border-radius:0!important;background:#fff!important;color:#233a50!important;text-align:left!important}
.content-tabs button[aria-selected=true]{background:#eaf4f9!important;box-shadow:inset 0 -4px #2879a2!important}
.tab-title{color:#20374d!important;font-size:14px!important}
.tab-description{color:#718497!important;font-size:11px!important}
.view-hint,.view-navigation-label{color:#657b8e!important}
.columns{gap:16px!important}
#upcomingPanel,#resultsPanel{min-width:0}
.game{background:#fff!important;color:#23394f!important;border-bottom:1px solid #e5eaf0!important;padding:14px 10px!important}
.game:hover{background:#eef5f9!important}
.game strong,.game span,.game time{color:#21364b}
.game small{color:#687e91!important}
.win{color:#157348!important}
.loss{color:#ac463b!important}
.game .win,.game .loss{font-weight:800!important}
.match-icons .team-logo{width:38px;height:32px}
#statsView .panel,#analytics,.stats-help{color:#243b50!important;background:white!important}
#statsView .panel *,#analytics *{color:inherit}
#dataHealth{background:#fff!important;color:#354f63!important;margin-top:24px}
#dataHealth summary,.stats-help summary{color:#17658e!important}
dialog{background:#fff!important;color:#20384e!important;border:1px solid #d8e3eb!important;border-radius:12px!important;box-shadow:0 22px 90px #071b2d52!important}
dialog::backdrop{background:#10283a99!important}
dialog h2,dialog h3,dialog strong{color:#182e43!important}
dialog .panel,dialog section,dialog article{color:#243b52!important}
.footnote,.muted{color:#65788b!important}
footer{border-color:#d7e0e9!important;color:#76889a!important}
@media(max-width:900px){.overview-grid{grid-template-columns:1fr!important}.hero,.game-day{min-height:0!important}.columns{grid-template-columns:1fr!important}}
@media(max-width:600px){header{padding:13px 5%}.brand{font-size:12px}.brand small{display:block;margin:5px 0 0;font-size:9px}.intro{display:block}.chip{display:inline-flex;margin-top:8px}.hero h2{max-width:68%!important}.hero>p:not(.eyebrow){max-width:100%!important;padding-right:25%}.team-toolbar{padding:12px!important}.content-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.content-tabs button{padding:10px!important}.tab-description{display:none!important}.panel{padding:15px!important}}


/* Polish pass: retire remaining dark scoreboard components */
.team-picker>summary,.team-picker summary,.team-controls .team-picker,.team-controls .team-picker>summary{background:#fff!important;color:#19374e!important;border-color:#cad7e2!important;box-shadow:none!important}
.team-picker>summary::marker{color:#236e96}
.team-picker-popover,.team-picker-row,.team-choice,.team-favorite-star{background:#fff!important;color:#19374e!important}
.team-picker-row:hover,.team-choice:hover{background:#eef5f9!important}
#results .game,#schedule .game{background:#fff!important;border:1px solid #d9e3eb!important;border-radius:6px!important;margin:5px 0!important}
#results .game:hover,#schedule .game:hover{background:#f3f8fb!important}
#results .game *,#schedule .game *{text-shadow:none!important}
#results .game .win,#schedule .game .win{color:#137548!important}
#results .game .loss,#schedule .game .loss{color:#a33f35!important}
#results [class*="record"],#results [class*="summary"],#results [class*="form"],#results [class*="streak"],.recent-record,.result-summary{background:#f1f5f8!important;color:#1c3850!important;border-color:#d5e0e8!important;box-shadow:none!important}
#results [class*="record"] *,#results [class*="summary"] *,#results [class*="form"] *,#results [class*="streak"] *{color:#1c3850!important}
#results .game .team-logo,#schedule .game .team-logo{filter:none!important}
#teamContent .panel .section-head>span{color:#647b90!important}
.game-day .day-grid button,.game-day .day-grid article{background:#f7fafc!important;color:#1f3a51!important;border:1px solid #dbe5ec!important}
.game-day .day-grid strong,.game-day .day-grid span{color:#1f3a51!important}
@media(max-width:650px){.team-controls{gap:10px!important}.team-picker{max-width:100%!important}}

/* Legacy compact record strip and scoreboard elements */
.compact-summary,.results-summary,.results-summary p{background:#edf3f7!important;color:#203a50!important;border:1px solid #d5e0e8!important;border-radius:5px!important;box-shadow:none!important}
.compact-summary *,.results-summary *{color:#203a50!important}
#resultsPanel .scoreboard-game,#upcomingPanel .scoreboard-game{background:#fff!important;color:#20384d!important;border:1px solid #d9e4ec!important;border-radius:6px!important}
#resultsPanel .scoreboard-game:hover,#upcomingPanel .scoreboard-game:hover{background:#f1f7fb!important}
.team-controls .team-picker summary{background:#fff!important;color:#20384d!important}
