/* SubLines "Daylight" theme — white-first, high-legibility sportsbook.
   Black brand bar on top, white page, crisp cards, red accent for selections and primary actions.
   Artwork (hero rail, stadium, live arena, mascots) stays as rich dark media panels. */
:root{
  --d-bg:#f2f3f5;--d-surface:#fff;--d-surface2:#f7f8fa;--d-line:#e2e5e9;--d-line2:#cfd4da;
  --d-ink:#0e1116;--d-ink2:#2b323b;--d-sub:#5b6470;--d-dim:#8a929c;
  --d-red:#d9001b;--d-red2:#b30016;--d-red-soft:#fff0f2;--d-live:#e0112b;
  --d-radius:12px;--d-shadow:0 1px 2px #1018280d,0 1px 3px #1018280a;--d-shadow-lg:0 12px 32px #10182814;
  --sl-bg:#fff;--sl-s1:#fff;--sl-s2:#f7f8fa;--sl-s3:#eef0f3;--sl-line:#e2e5e9;--sl-line2:#cfd4da;--sl-text:#0e1116;--sl-muted:#5b6470;--sl-dim:#8a929c;
  --bg:#f2f3f5;--surface:#fff;--surface2:#f7f8fa;--text:#0e1116;--muted:#5b6470;--border:#e2e5e9;--focus:#0e1116;
}
html,body{background:var(--d-bg)!important;color:var(--d-ink)!important}
body{font-family:Manrope,'Segoe UI',system-ui,sans-serif}
::selection{background:#ffd4da}

/* ---------- Brand bar stays black; everything below is daylight ---------- */
body .topbar{background:#0b0c0e!important;border-bottom:0!important;box-shadow:0 1px 0 #000,0 6px 20px #0000001a}
body .demo-strip{background:#fff!important;border-bottom:1px solid var(--d-line)!important;color:var(--d-sub)!important}
body .demo-strip *{color:inherit}
body .demo-strip strong{color:var(--d-red)!important;border-color:var(--d-red)!important;background:var(--d-red-soft)!important}
body .demo-strip a{color:var(--d-ink)!important}
body .category-bar{background:#fff!important;border-bottom:1px solid var(--d-line)!important;box-shadow:var(--d-shadow)}
body .category-bar>*{background:#fff!important;color:var(--d-ink2)!important;border:1px solid var(--d-line2)!important;box-shadow:none!important;border-radius:999px!important;font-weight:700!important}
body .category-bar>*:hover{border-color:var(--d-ink)!important;background:var(--d-surface2)!important}
body .category-bar .icon{color:currentColor;stroke:currentColor}
body .category-bar .active,body .category-bar [aria-pressed="true"]{background:var(--d-ink)!important;color:#fff!important;border-color:var(--d-ink)!important}

/* ---------- Page frame ---------- */
body .layout,body .main{background:transparent!important;color:var(--d-ink)!important}
body .sidebar{background:#fff!important;border-right:1px solid var(--d-line)!important;border-left:0!important}
body .sidebar a,body .sidebar button{color:var(--d-ink2)!important;background:transparent!important;box-shadow:none!important;border-color:transparent!important}
body .sidebar a:hover,body .sidebar button:hover:not(:disabled){background:var(--d-surface2)!important}
body .sidebar a.active,body .sidebar button.active{background:var(--d-red-soft)!important;color:var(--d-red2)!important;box-shadow:inset 3px 0 var(--d-red)!important;font-weight:800}
body .sidebar .eyebrow,body .sidebar small,body .sidebar .side-note,body .sidebar p{color:var(--d-dim)!important}
body .sidebar h2,body .sidebar strong{color:var(--d-ink)!important}
body .sidebar .icon{stroke:currentColor;color:currentColor}
body .sidebar button:disabled{opacity:.45}
body .props-side-note{background:var(--d-surface2)!important;border-color:var(--d-line)!important}

/* Typography */
body h1,body h2,body h3,body h4{color:var(--d-ink)!important}
body .eyebrow{color:var(--d-red)!important}
body .sub,body .muted,body .small,body .footnote,body .legal-note,body .props-footnote{color:var(--d-sub)!important}
body a{color:inherit}
body .text-link{color:var(--d-ink)!important;text-decoration-color:var(--d-red)!important}
body .section-title h2{color:var(--d-ink)!important}
body .section-title a{color:var(--d-red2)!important}
body .heading .heading-icon{color:var(--d-sub)!important;border-color:var(--d-line)!important;background:#fff!important}

/* Generic surfaces */
body .panel,body .card,body .notice,body .empty,body .table-wrap,body .settle-row,body .scenario,body .admin-stats>*,body .wallet-hero,body .sweeps-cards>*,body .discovery-card,body .live-card,body .model-home-live,body .studio-notice,body .ticket-explainer,body .reference-content,body .league,body .event,body .props-market,body .props-matchup,body .props-availability{background:#fff!important;color:var(--d-ink)!important;border:1px solid var(--d-line)!important;box-shadow:var(--d-shadow)!important;border-radius:var(--d-radius)}
body .panel *,body .card *,body .notice *,body .empty *,body .table-wrap *,body .live-card *,body .model-home-live *,body .discovery-card *,body .wallet-hero *{border-color:var(--d-line)}
body .notice{background:#fff8e6!important;border-color:#f6d58a!important;color:#5c4100!important}
body .notice strong{color:#3d2b00!important}
body table{color:var(--d-ink)}
body th{color:var(--d-sub)!important;background:var(--d-surface2)!important}
body td{border-color:var(--d-line)!important}
body .tag{background:var(--d-surface2)!important;color:var(--d-ink2)!important;border-color:var(--d-line2)!important}
body .live-badge{background:var(--d-live)!important;color:#fff!important;border-color:var(--d-live)!important}

/* Inputs & buttons (outside the slip) */
body input,body select,body textarea{background:#fff!important;color:var(--d-ink)!important;border:1px solid var(--d-line2)!important;box-shadow:none!important}
body input::placeholder{color:var(--d-dim)}
body input:focus,body select:focus{border-color:var(--d-ink)!important;outline:3px solid #0e111614!important}
body .secondary{background:#fff!important;color:var(--d-ink)!important;border:1px solid var(--d-line2)!important;box-shadow:none!important}
body .secondary:hover:not(:disabled){border-color:var(--d-ink)!important;background:var(--d-surface2)!important}
body .primary,body .header-slip{background:linear-gradient(180deg,#ec0a24,#c60018)!important;border:1px solid #b30016!important;color:#fff!important;box-shadow:0 1px 2px #1018281f,inset 0 1px #ffffff33!important}
body .topbar .header-slip{box-shadow:none!important}
body .favorite{color:var(--d-dim)!important;background:transparent!important;border-color:var(--d-line2)!important}
body .favorite.on{color:#d79a00!important}
body .tabs{border-color:var(--d-line)!important}
body .tab,body .date{color:var(--d-sub)!important;background:transparent!important;border-color:transparent!important}
body .tab.active,body .date.active,body .tab[aria-pressed="true"]{color:var(--d-ink)!important;box-shadow:inset 0 -3px var(--d-red)!important;font-weight:800}
body .pagination{color:var(--d-sub)!important}
body :focus-visible{outline-color:var(--d-ink)!important}

/* ---------- Odds buttons everywhere (legacy .odds and new .sl-mb) ---------- */
body .odds,body .sl-mb{background:#fff!important;border:1px solid var(--d-line2)!important;color:var(--d-ink)!important;box-shadow:0 1px 1px #1018280a!important}
body .odds .line,body .sl-mb-line{color:var(--d-sub)!important;font-weight:600}
body .odds .price,body .sl-mb-price{color:var(--d-ink)!important;font-weight:800}
body .odds:hover:not(:disabled):not(.selected),body .sl-mb:hover:not(:disabled):not(.is-selected){background:#f6f7f9!important;border-color:#8f98a3!important}
body .odds.selected,body .sl-mb.is-selected{background:var(--d-red)!important;border-color:var(--d-red2)!important;box-shadow:0 4px 12px #d9001b33!important}
body .odds.selected *,body .sl-mb.is-selected *{color:#fff!important}
body .odds:disabled,body .sl-mb:disabled{background:repeating-linear-gradient(135deg,#f5f6f8 0 6px,#eef0f3 6px 12px)!important;border-style:dashed!important;color:var(--d-dim)!important}
body .odds:disabled *,body .sl-mb-lock{color:var(--d-dim)!important}
body .sl-mb.team-outcome:not(.is-selected),body .team-outcome:not(.selected){border-left:3px solid var(--team-primary,#9aa2ab)!important;box-shadow:none!important}
body .sl-mb-empty{background:transparent!important;border:0!important;box-shadow:none!important}
body .moved{color:var(--d-red)!important}

/* ---------- Compact board ---------- */
body .sl-board{background:#fff;border:1px solid var(--d-line);border-radius:14px;box-shadow:var(--d-shadow);padding:6px 20px 8px}
body .sl-board-head{margin:14px 0 2px}
body .sl-board-head h2{color:var(--d-ink)!important;border-left-color:var(--d-red)!important;font-size:22px}
body .sl-board-head>span{color:var(--d-sub)}
body .sl-league-head{border-bottom-color:var(--d-line)}
body .sl-league-head h3{color:var(--d-ink)!important}
body .sl-cols>span{color:var(--d-sub)}
body .sl-cols small{color:var(--d-dim)}
body .sl-row{border-bottom-color:var(--d-line)}
body .sl-row:last-child{border-bottom:0}
body .sl-row:hover{background:linear-gradient(90deg,#f7f8fa,transparent 75%)}
body .sl-team{color:var(--d-ink)!important}
body .sl-score{color:var(--d-ink)}
body .sl-row-foot{color:var(--d-sub)}
body .sl-more{color:var(--d-ink)!important}
body .sl-more:hover{color:var(--d-red)!important}
body .sl-row.is-live .sl-row-foot>span:first-child{color:var(--d-ink)}
body .sl-live{color:var(--d-live)}
body .sl-jersey-draw{border-color:var(--d-line2);color:var(--d-sub)}
body .sl-team-draw{color:var(--d-ink2)}

/* Three-level navigation */
body .sl-nav-1 a{background:#fff;border-color:var(--d-line2);color:var(--d-ink2)}
body .sl-nav-1 a small{background:var(--d-surface2);color:var(--d-sub)}
body .sl-nav-1 a:hover{background:var(--d-surface2);border-color:var(--d-ink)}
body .sl-nav-1 a.is-active{background:var(--d-ink);border-color:var(--d-ink);color:#fff}
body .sl-nav-1 a.is-active small{background:#ffffff26;color:#fff}
body .sl-nav-2{border-bottom-color:var(--d-line)}
body .sl-nav-2 button{color:var(--d-sub)}
body .sl-nav-2 button:hover,body .sl-nav-2 button.is-active{color:var(--d-ink)}
body .sl-nav-2 button.is-active:after{background:var(--d-red);box-shadow:none}
body .sl-nav-3 button{background:#fff;border-color:var(--d-line2);color:var(--d-ink2)}
body .sl-nav-3 button:hover{border-color:var(--d-ink)}
body .sl-nav-3 button.is-active{background:var(--d-ink);color:#fff;border-color:var(--d-ink);box-shadow:none}

/* Matchup workspace */
body .sl-ws-head{background:#fff;border-color:var(--d-line);box-shadow:var(--d-shadow)}
body .sl-ws-head:before{background:linear-gradient(90deg,transparent,var(--d-red),transparent)}
body .sl-ws-crumbs,body .sl-crumb{color:var(--d-sub)}
body .sl-back{color:var(--d-ink)!important;background:var(--d-surface2);border-color:var(--d-line2)}
body .sl-back:hover{border-color:var(--d-ink)}
body .sl-save{color:var(--d-ink);border-color:var(--d-line2)}
body .sl-save.is-on{color:#a36f00;border-color:#e9c46a;background:#fff8e6}
body .sl-ws-team strong,body .sl-ws-score{color:var(--d-ink)!important}
body .sl-ws-team small,body .sl-ws-mid small,body .sl-at{color:var(--d-sub)}
body .sl-panel{background:#fff;border:1px solid var(--d-line);border-radius:14px;box-shadow:var(--d-shadow);padding:6px 18px 10px}
body .sl-panel-head{border-bottom-color:var(--d-line)}
body .sl-panel-head h2{color:var(--d-ink)!important}
body .sl-panel-head span,body .sl-note{color:var(--d-sub)}
body .sl-pair-label{color:var(--d-ink)}
body .sl-strip a{background:#fff;border-color:var(--d-line2);color:var(--d-ink)}
body .sl-strip a small,body .sl-strip a i{color:var(--d-sub)}
body .sl-strip a.is-active{background:var(--d-red-soft);border-color:var(--d-red);box-shadow:inset 0 0 0 1px var(--d-red)}

/* Player props */
body .sl-pp{border-bottom-color:var(--d-line)}
body .sl-pp:last-of-type{border-bottom:0}
body .sl-pp-title button{color:var(--d-ink)!important;background:transparent!important}
body .sl-pp-title strong{color:var(--d-ink)!important}
body .sl-pp-title small{color:var(--d-sub)}
body .sl-pp-title small b{color:var(--d-red)}
body .sl-dash{color:var(--d-dim)}
body .sl-chev{border-color:var(--d-ink2)}
body .sl-pp.is-open .sl-chev{border-color:var(--d-red)}
body .sl-pp-colhead{color:var(--d-sub)}
body .sl-pp-line b{color:var(--d-ink)}
body .sl-pp-line small{color:var(--d-sub)}
body .sl-alt{background:var(--d-surface2);border-color:var(--d-line)}
body .sl-step{background:#fff!important;border-color:var(--d-line2)!important;color:var(--d-ink)!important}
body .sl-step:hover:not(:disabled){border-color:var(--d-ink)!important}
body .sl-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--d-red) var(--fill,0%),#d3d8de var(--fill,0%))}
body .sl-slider::-moz-range-track{background:#d3d8de}
body .sl-slider::-webkit-slider-thumb{background:var(--d-red);border-color:#fff;box-shadow:0 0 0 1px #b30016,0 2px 6px #10182833}
body .sl-ticks i{background:#aab2bb}
body .sl-range-ends{color:var(--d-sub)}
body .sl-viewall{background:#fff;border-color:var(--d-ink);color:var(--d-ink)}
body .sl-viewall:hover,body .sl-viewall[aria-expanded="true"]{background:var(--d-ink);color:#fff}
body .sl-alltable{background:#fff;border-color:var(--d-line)}
body .sl-alltable>div{border-top-color:var(--d-line)}
body .sl-alltable-head span{color:var(--d-sub)}
body .sl-alltable>div.is-current{background:var(--d-red-soft)}
body .sl-line-pick{color:var(--d-ink)}
body .sl-line-pick small{color:var(--d-sub)}
body .sl-slip-note{background:var(--d-red-soft);border-color:#f5b8c1;color:#7a0010}

/* ---------- Artwork stays as rich dark media panels ---------- */
body .game-spotlight,body .home-hero,body .live-hero,body .supplied-dragon,body .feature-header,body .event-hero.has-art,body .editorial-image,body .supplied-ticket-promo,body .reference-hero,body .welcome-art,body .model-games-mascot{color:#fff!important;border-color:transparent!important;box-shadow:var(--d-shadow-lg)!important}
body .game-spotlight :is(h1,h2,h3,p,span,small,b,strong),body .home-hero :is(h1,h2,h3,p,span,small,b,strong),body .live-hero :is(h1,h2,h3,p,span,small,b,strong),body .feature-header :is(h1,h2,h3,p,span,small,b,strong){color:inherit}
body .game-spotlight .eyebrow,body .live-hero .eyebrow,body .home-hero .eyebrow,body .feature-header .eyebrow{color:#ff5468!important}
body .game-spotlight{border-radius:18px!important;overflow:hidden}
body .spotlight-lines{background:#fff!important;border-top:1px solid var(--d-line)}
body .spotlight-lines h2{color:var(--d-sub)!important}
body .spotlight-bottom{background:#fff!important;color:var(--d-sub)!important}
body .spotlight-bottom a,body .spotlight-bottom button{color:var(--d-ink)!important}
body .broadcast-channels{background:#fff!important;border-top:1px solid var(--d-line)!important}
body .broadcast-channels button{background:#fff!important;color:var(--d-ink)!important;border-color:var(--d-line)!important}
body .broadcast-channels button small{color:var(--d-sub)!important}
body .broadcast-channels button[aria-pressed="true"]{background:var(--d-red-soft)!important;box-shadow:inset 0 3px var(--d-red)!important}
body .spotlight-score{color:#fff}

/* ---------- Home (classic) ---------- */
body .model-home-live .card-meta,body .model-home-live .card-meta *{color:var(--d-sub)!important}
body .model-home-live .live-badge{color:#fff!important}
body .model-home-live-row strong,body .model-home-live-row>b{color:var(--d-ink)!important}
body .home-intro-grid .home-hero{border-radius:16px;overflow:hidden}
body .supplied-dragon{border-radius:16px!important}

/* ---------- My Bets / tickets: light paper tickets ---------- */
body .model-bets-heading,body .model-bets-toolbar,body .model-bets-stats>*,body .bets-filters,body .bets-dashboard>*{background:#fff!important;color:var(--d-ink)!important;border-color:var(--d-line)!important;box-shadow:var(--d-shadow)!important}
body .model-bets-stats *,body .bets-dashboard *{color:inherit}
body .model-ticket,body .ticket,body .mini-ticket{background:#fff!important;color:var(--d-ink)!important;border:1px solid var(--d-line)!important;box-shadow:var(--d-shadow)!important}
body .model-ticket *,body .ticket *,body .mini-ticket *{border-color:var(--d-line)}
body .model-ticket :is(span,small,p,strong,b,h2,h3,div),body .ticket :is(span,small,p,strong,b,h2,h3,div){color:inherit}
body .model-ticket :is(.mt-type small,.mt-time,.mt-reason,.mt-event,.model-ticket-event,.model-ticket-label),body .ticket-foot{color:var(--d-sub)!important}
body .model-ticket-top,body .mt-head{background:var(--d-surface2)!important}
body .ticket-perforation{border-color:var(--d-line2)!important}

/* ---------- Mobile nav ---------- */
body .mobile-nav{background:#fff!important;border-top:1px solid var(--d-line)!important;box-shadow:0 -6px 20px #1018280f}
body .mobile-nav a{color:var(--d-sub)!important}
body .mobile-nav a.active{color:var(--d-red)!important}

/* ---------- The slip on a light page: lift it with a frame ---------- */
body .slip-rail .slip-inner{box-shadow:0 18px 44px #10182824,0 0 0 1px var(--d-line)!important}
@media (max-width:1050px){body .mobile-slip-bar{box-shadow:0 10px 30px #10182833,0 0 0 1px var(--d-line)!important}}

/* Toast */
body #toast{background:var(--d-ink)!important;color:#fff!important}

/* Fixes: media headlines stay white; remove dark overlays on light cards; category bar scrolls */
body :is(.game-spotlight,.home-hero,.live-hero,.feature-header,.event-hero.has-art,.reference-hero,.welcome-art) :is(h1,h2,h3,p,span:not(.live-badge),small,b,strong,a:not(.primary)){color:#fff!important}
body .spotlight-story h1>span,body .home-hero-kicker,body .spotlight-kicker span{color:#ffffffcc!important}
body .spotlight-score small{color:#ffffffb3!important}
body :is(.live-card,.model-home-live,.event,.panel,.league,.discovery-card)::after,body :is(.live-card,.model-home-live,.event,.panel,.league,.discovery-card)::before{display:none!important}
body .category-bar{overflow-x:auto;scrollbar-width:none}
body .category-bar::-webkit-scrollbar{display:none}
body .home-date-filter,body .home-date-filter *{color:var(--d-sub)!important}

/* Live: hero fits its column next to the owl panel */
body.live-room .live-hero{aspect-ratio:auto!important;width:100%!important;max-width:100%!important;min-height:220px}
body.live-room .supplied-camera img{object-fit:cover!important}

/* My Bets — light paper tickets */
body .model-bets-heading{background:transparent!important;border:0!important;box-shadow:none!important}
body .model-bets-heading h1{font-size:clamp(34px,3.6vw,60px)!important;white-space:normal!important}
body .model-bets-stats{background:#fff!important;border:1px solid var(--d-line)!important;box-shadow:var(--d-shadow)!important;border-radius:12px!important;overflow:hidden}
body .model-bets-stats>*{background:transparent!important;box-shadow:none!important;border:0!important;border-right:1px solid var(--d-line)!important;border-radius:0!important}
body .model-bets-stats>*:last-child{border-right:0!important}
body .model-bets-search,body .model-bets-search *{background:#fff!important;color:var(--d-ink)!important;border-color:var(--d-line2)!important}
body .ticket-view-toggle{background:#fff!important;border:1px solid var(--d-line2)!important}
body .ticket-view-toggle button{background:transparent!important;color:var(--d-sub)!important}
body .ticket-view-toggle button[aria-pressed="true"],body .ticket-view-toggle .active{background:var(--d-ink)!important;color:#fff!important}
body .band-guide,body .band-guide *{background:#fff!important;color:var(--d-ink)!important;border-color:var(--d-line)!important}
body .model-ticket-top{background:var(--d-surface2)!important;background-image:none!important;color:var(--d-sub)!important;border-bottom:1px solid var(--d-line)}
body .model-ticket-top::before,body .model-ticket-top::after{display:none!important}
body .model-ticket-brand,body .model-ticket-brand *{opacity:1!important}
body .model-live-score,body .model-live-score.result,body .model-live-score.upcoming{background:var(--d-surface2)!important;background-image:none!important;color:var(--d-ink)!important;border:1px solid var(--d-line)!important}
body .model-live-score *{color:inherit!important}
body .model-ticket-money{background:#fff!important;background-image:none!important;border-top:1px dashed var(--d-line2)!important}
body .model-ticket-money::before,body .model-ticket-money::after{background:var(--d-bg)!important;box-shadow:inset 0 0 0 1px var(--d-line)!important}
body .model-ticket-money *{color:var(--d-ink)!important}
body .model-ticket-money :is(small,span){color:var(--d-sub)!important}
body .model-barcode{background-color:transparent!important;opacity:.55}
body .model-more{background:var(--d-ink)!important;color:#fff!important}
body .model-ticket-bottom{background:#fff!important;color:var(--d-ink)!important}
body .model-bets [role=tab],body .model-bets .bet-tab,body .bets-tabs button{color:var(--d-sub)!important}
body .model-bets [aria-selected=true],body .model-bets [aria-pressed=true].bet-tab{color:var(--d-ink)!important}

body .model-ticket::before{display:none!important}
body .model-ticket .model-ticket-badge,body .model-ticket .model-ticket-badge *{color:#fff!important}
body [data-action="bet-tab"]{color:var(--d-sub)!important;background:transparent!important}
body [data-action="bet-tab"].active,body [data-action="bet-tab"][aria-pressed="true"]{color:var(--d-ink)!important;font-weight:800;box-shadow:inset 0 -3px var(--d-red)!important}
body input[type=range],body input[type=range]:focus{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
body input[type=range]:focus-visible{outline:2px solid var(--d-ink)!important;outline-offset:6px!important}
body .amount,body .wallet-hero .amount,body .wallet-hero strong{color:var(--d-ink)!important}
body .balance-head,body .balance-head *{color:#fff!important}
body .balance-head small{color:#ffffffa6!important}
body.ticket-room .main{overflow-x:clip}
@media (max-width:520px){
  body .sl-board{padding:4px 12px 6px;border-radius:12px}
  body .sl-panel{padding:4px 12px 8px}
  :root{--sl-col:64px;--sl-gap:5px}
  body .sl-team{font-size:13.5px}
}
@media (max-width:1050px){body .main{padding-bottom:170px!important}}
body .odds.selected:hover,body .sl-mb.is-selected:hover{background:var(--d-red2)!important}
/* Spotlight's white market strip keeps dark text */
body #app .game-spotlight :is(.spotlight-lines,.spotlight-bottom,.broadcast-channels) :is(h2,span,small,b,strong,a,button){color:var(--d-ink)!important}
body #app .game-spotlight .spotlight-bottom .spot-entry small{color:#cbd3df!important} /* the entries are dark glass pills: their counts stay light */
body #app .game-spotlight .spotlight-lines h2,body #app .game-spotlight .spotlight-bottom>span,body #app .game-spotlight .broadcast-channels small{color:var(--d-sub)!important}
body #app .game-spotlight .spotlight-lines .odds .line{color:var(--d-sub)!important}
body #app .game-spotlight .spotlight-lines .odds.selected *,body #app .game-spotlight .spotlight-lines .odds.selected{color:#fff!important}