/* Redesign step 4: NBA, NFL and CFB pages on the msiq-foundation palette.
   Same approach as mlb-redesign.css: re-point the legacy variables, then
   flatten the panels that hard-code navy. Each sport keeps only its accent. */
body.sport-nba,body.sport-nfl,body.sport-cfb{
  --bg:#0F1012;--bg2:#131416;--panel:#17181B;--panel2:#1E2024;--panel3:#24262B;
  --line2:#26282C;--text:#F2EFE8;--muted:#A9A69C;--muted2:#8C897F;
  --vr4-bg:#0F1012;--vr4-panel:#17181B;--vr4-panel2:#17181B;--vr4-line:#26282C;--vr4-text:#F2EFE8;--vr4-muted:#A9A69C;
  --msiq-bg-canvas:#0F1012;--msiq-bg-raised:#131416;--msiq-bg-panel:#17181B;--msiq-bg-panel-strong:#1E2024;--msiq-bg-interactive:#24262B;
  --msiq-text-primary:#F2EFE8;--msiq-text-secondary:#D8D4C9;--msiq-text-tertiary:#A9A69C;
  --msiq-border:#26282C;--msiq-border-strong:#3A3C42;
  --font:var(--msiq-font-body);
  background:#0F1012!important;color:#F2EFE8;font-family:var(--msiq-font-body)
}
body.sport-nba{--accent:#F28C38;--accent2:#F6AE6E;--accent-rgb:242,140,56;--accent-text:#0F1012;--msiq-accent:#F28C38}
body.sport-nfl{--accent:#3FBF7F;--accent2:#78D6A6;--accent-rgb:63,191,127;--accent-text:#0F1012;--msiq-accent:#3FBF7F}
body.sport-cfb{--accent:#F2B33D;--accent2:#F6CB78;--accent-rgb:242,179,61;--accent-text:#0F1012;--msiq-accent:#F2B33D}
:is(body.sport-nba,body.sport-nfl,body.sport-cfb) :is(.main,.content){background:transparent}
:is(body.sport-nba,body.sport-nfl,body.sport-cfb) :is(.command-nav,.command-nav-sports,.command-nav-window){background:#0F1012!important;border-color:#26282C!important}
:is(.app-shell.sport-nba,.app-shell.sport-nfl,.app-shell.sport-cfb) .page.active :is(h1,h2){font-family:var(--msiq-font-display);font-weight:800;letter-spacing:0;line-height:1.02}
:is(.app-shell.sport-nba,.app-shell.sport-nfl,.app-shell.sport-cfb) .page.active h3{font-family:var(--msiq-font-display);font-weight:700;letter-spacing:.01em}
:is(.app-shell.sport-nba,.app-shell.sport-nfl,.app-shell.sport-cfb) .page.active th{background:#131416!important;color:#A9A69C!important;border-color:#26282C!important}
:is(.app-shell.sport-nba,.app-shell.sport-nfl,.app-shell.sport-cfb) .page.active td{border-color:#26282C!important}
:is(.app-shell.sport-nba,.app-shell.sport-nfl,.app-shell.sport-cfb) .page.active :is(input,select){background:#0F1012!important;border-color:#3A3C42!important;color:#F2EFE8}

/* ---- 4a: NBA ---- */
body.sport-nba{--nba-panel:#17181B;--nba-border:#26282C;--nba-text:#F2EFE8;--nba-muted:#A9A69C;--nba-lime:#F28C38}
.app-shell.sport-nba .page.active :is(.nba-hero,.nba-engine,.nba-official,.nba-directory,.nba-matchup,.nba-empty,.nba-stat,.nba-player-card,.card,.hero,.page-hero,.footer-strip){background:#17181B!important;background-image:none!important;border-color:#26282C!important;border-radius:8px!important;box-shadow:none!important}
.app-shell.sport-nba .page.active :is(section,article) :is(.nba-stat,.nba-player-card,.nba-empty){background:#1E2024!important}
.app-shell.sport-nba .page.active .nba-hero{border-top:2px solid #F28C38!important}
.app-shell.sport-nba .page.active .nba-photo{background:#24262B!important;background-image:none!important}
/* In-page NBA tabs and scope toggles share the MLB pill style. */
.app-shell.sport-nba .page.active :is(.nba-page-nav,.nba-scope) button,.app-shell.sport-nba .page.active .nba-more{min-height:44px;padding:0 16px;border-radius:999px!important;border:1px solid #3A3C42!important;background:transparent!important;color:#D8D4C9!important;font:600 14px/1 var(--msiq-font-body)}
.app-shell.sport-nba .page.active :is(.nba-page-nav,.nba-scope) button:hover{border-color:#D8D4C9!important}
.app-shell.sport-nba .page.active .nba-page-nav button[aria-current],.app-shell.sport-nba .page.active .nba-scope button[aria-pressed=true]{background:#F2EFE8!important;border-color:#F2EFE8!important;color:#111214!important}
.app-shell.sport-nba .page.active .nba-page-nav{padding-bottom:16px;border-bottom:1px solid #26282C}
.app-shell.sport-nba .page.active :is(.nba-eyebrow,.nba-section-heading button){color:#F28C38!important}
.app-shell.sport-nba .page.active .nba-launch-badge{color:#F6AE6E!important;border-color:rgba(242,140,56,.45)!important;background:transparent!important}
.app-shell.sport-nba .page.active .nba-notice{background:#17181B!important;border-color:#26282C!important;border-left:3px solid #F28C38!important}
@media(max-width:700px){
  .app-shell.sport-nba .page.active .nba-page-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;grid-template-columns:none!important}
  .app-shell.sport-nba .page.active .nba-page-nav button{flex:0 0 auto;white-space:nowrap}
}

/* ---- 4b: NFL ---- */
.app-shell.sport-nfl .page.active :is(
  .nfl-live-status,.nfl-ops,.nfl-ab-hero,.nfl-ab-card,.nfl-prop-hero,.nfl-prop-card,.nfl-prop-filter,.nfl-results-hero,.nfl-results-gap,.nfl-results-panel,.nfl-result-card,
  .nfl-x-intro,.nfl-x-navigator,.nfl-x-hero,.nfl-x-explain,.nfl-x-personnel,.nfl-x-recent,.nfl-x-support,.nfl-x-strength,.nfl-x-script,.nfl-x-market,
  .all-table-wrap,.card,.hero,.page-hero,.footer-strip
){background:#17181B!important;background-image:none!important;border-color:#26282C!important;border-radius:8px!important;box-shadow:none!important}
.app-shell.sport-nfl .page.active :is(section,article,details) :is(.nfl-prop-card,.nfl-result-card,.nfl-ab-card,.nfl-prop-filter),
.app-shell.sport-nfl .page.active :is(.nfl-x-mvm>div,.nfl-results-kpis>article,.nfl-results-hero>div,.nfl-x-hero .accent){background:#1E2024!important;background-image:none!important;border-color:#26282C!important}
.app-shell.sport-nfl .page.active :is(.nfl-ab-hero,.nfl-prop-hero,.nfl-results-hero,.nfl-x-intro){border-top:2px solid #3FBF7F!important}
.app-shell.sport-nfl .page.active .nfl-x-explain.positive{border-left:3px solid #3FBF7F!important}
.app-shell.sport-nfl .page.active .nfl-x-explain.risk{border-left:3px solid #E8786C!important}
.app-shell.sport-nfl .page.active .nfl-prop-card.is-qualified{border-top:2px solid #3FBF7F!important}

/* ---- 4c: CFB ---- */
.app-shell.sport-cfb .page.active :is(
  .cfb-panel,.cfb-bet-card,.cfb-learning-callout,.cfb-matchup-browser,.cfb-browser-selected,
  .cfb-gq-why-full,.cfb-gq-hero,.cfb-gq-read,.cfb-gq-market,.cfb-gq-roster,.cfb-gq-strength,.cfb-gq-mismatch,.cfb-model-lean,
  .card,.hero,.page-hero,.footer-strip
){background:#17181B!important;background-image:none!important;border-color:#26282C!important;border-radius:8px!important;box-shadow:none!important}
.app-shell.sport-cfb .page.active :is(section,article,details) .cfb-bet-card,
.app-shell.sport-cfb .page.active :is(.cfb-results-breakdown>article,.cfb-browser-snapshot>span,.cfb-matchup-browser-controls>button,.cfb-gq-marketgrid>div,.cfb-gq-hero article,.cfb-gq-read article){background:#1E2024!important;background-image:none!important;border-color:#26282C!important}
.app-shell.sport-cfb .page.active td{background:transparent!important}
.app-shell.sport-cfb .page.active .cfb-model-lean__bar{background:#24262B!important;background-image:none!important}
.app-shell.sport-cfb .page.active :is(.cfb-s2-head,.cfb-gq-hero){border-top:2px solid #F2B33D!important}
.app-shell.sport-cfb .page.active .eyebrow{color:#F2B33D!important}