/* Kailash365 — "Glacier": high-altitude daylight. Snow and glacier-ice surfaces, a deep alpine-blue brand
   (owner: dark blue, never purple), cool ink. Betfair back/lay pastels stay because they are the product. */
:root{
  --brand:#1B3FA6;--brand-on-board:#8FB4F7;--brand-hot:#2F5BE0;--brand-ink:#FFFFFF;--wordmark:#1B3FA6;
  --bg:#F4F7FB;--sunken:#E6EDF6;--surface:#FFFFFF;--surface-2:#F9FBFE;--surface-3:#EEF3FA;
  --text:#0F1A33;--dim:#33415F;--faint:#64708C;--border:#C7D3E6;--line:#E1E8F2;
  --back:#A6D8FF;--back-ink:#14315C;--lay:#FAC0CE;--lay-ink:#7A1533;--positive:#15803D;--live:#B42318;
  --nav-pill:#DCE7FA;--spotlight:#E4ECF7;--score-tint:#E4ECF7;--control:#E6EDF6;--elevated:#FFFFFF;
  --board:#0F1E45;--board-alt:#142856;
  --ticker-bg:#0F1E45;--ticker-ink:#DCE7FA;--ticker-accent:#F2B72E;--ticker-rule:#2F5BE0;
  --focus:#1B3FA6
}
/* :root[data-theme="dark"], not [data-theme="dark"]: the bare attribute selector (0,1,0) lost to the base
   refinements.css :root[data-theme="dark"] (0,2,0), so this palette never applied (My bets review, 2026-09-17). */
:root[data-theme="dark"]{
  --brand:#3B6BE6;--brand-on-board:#8FB4F7;--brand-hot:#5C86F0;--brand-ink:#FFFFFF;--wordmark:#7FA3FF;
  --bg:#0B1220;--sunken:#0F172A;--surface:#111B2E;--surface-2:#16223A;--surface-3:#1C2A45;--elevated:#1A2740;--control:#223252;
  --text:#EDF2F9;--dim:#C3CEE0;--faint:#8B98B4;--border:#34456A;--line:#24314D;
  --back:#1E4B78;--back-ink:#D5EEFF;--lay:#6B3F52;--lay-ink:#FFE0E9;--positive:#6EE7A0;--live:#FF8A80;
  --nav-pill-dark:#1C2A45;--nav-ink-dark:#8FB4F7;--spotlight:#16223A;--score-tint:#16223A;
  --board:#0B162F;--board-alt:#101E3E;
  --ticker-bg:#0B162F;--ticker-ink:#DCE7FA;--ticker-accent:#F2B72E;--ticker-rule:#3B6BE6;
  --focus:#7FA3FF;
  --chrome-dark:#0B162F;
  --board-title-bg:#101E3E;--board-title-border:#24314D;--board-title-ink:#EDF2F9;--board-title-sub:#C3CEE0;--board-title-link:#8FB4F7;--board-title-feed:#6EE7A0;
  --event-top-bg:#101E3E;
  --odds-empty-bg:#1C2A45;--odds-empty-ink:#8B98B4;
  --draw-mark-bg:#223252;--draw-mark-ink:#C3CEE0;--draw-mark-border:#34456A;
  --tile-badge-bg:#1C2A45;
  --badge-muted-bg:#1C2A45;--badge-muted-border:#34456A;
  --skeleton-base:#16223A;--skeleton-sheen:#223252;
  --scrollbar-thumb:#34456A;--scrollbar-track:#0F172A;
  --state-updating-bg:#223252;--state-updating-ink:#C3CEE0;
}

/* Logo lockup (owner 2026-10-19 "b2 peak"): tile + "Kailash365" replaces mark + text; one file per theme, no filters.
   Heights keep the wordmark cap at ~19 px desktop / ~16 px phone (the cap is 0.52 of the tile). */
.brand img.brand-lockup{width:auto!important;height:36px!important;max-width:none;filter:none!important}
.brand .lockup-dark{display:none}
[data-theme="dark"] .brand .lockup-light{display:none}
[data-theme="dark"] .brand .lockup-dark{display:inline-block}
.auth-masthead .brand img.brand-lockup{height:32px!important}
@media(max-width:760px){.brand img.brand-lockup{height:30px!important}.auth-masthead .brand img.brand-lockup{height:28px!important}}
@media(max-width:370px){.brand img.brand-lockup{height:27px!important}}

/* AUDIT (UX-07): --faint #64708C is 4.2:1 on the --sunken chip/tab ground #E6EDF6, so the sport-chip counts, chip labels
   and the inactive product tab take --text-muted-strong: the alpine --dim by day (8.6:1), the night --dim by night. */
:root{--text-muted-strong:#33415F}:root[data-theme="dark"]{--text-muted-strong:#C3CEE0}

/* Type: IBM Plex Sans, the face demo.betby.com paints (owner 2026-10-17 "use betby font also for kailash"; measured with
   getComputedStyle on demo.betby.com: body, event rows, odds and headers are all "IBM Plex Sans" — 600 at 12/14 px for rows
   and odds, 400 at 16 px body, 600 at 20 px and 700 at 22-36 px headers). Self-hosted from Google Fonts (SIL OFL 1.1,
   assets/fonts/OFL-IBM-Plex-Sans.txt; under assets/ because kailash's nginx sends /fonts/ to the API), the variable latin + latin-ext files, 400-700. Same switch as wincricket's brand.css: the base
   paints only --font and --display, so naming the brand's own family first in both tokens moves the whole site (header,
   nav, sportsbook, slip, account); Wyn Rupee stays in front for ₹ (U+20B9). */
@font-face{font-family:'Kailash Plex';src:url('./assets/fonts/ibm-plex-sans-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Kailash Plex';src:url('./assets/fonts/ibm-plex-sans-latin-ext.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--font:Wyn Rupee,'Kailash Plex',sans-serif;--display:'Kailash Plex',Wyn Rupee,sans-serif}

/* Betby-style odds pieces (S2-UI spec §6, 2026-10-17): the --r-* / --fx-* / --wc-odd-* colours the shared Betby pieces read
   (betby-odds.css, generated from wincricket's rules), in Glacier: alpine blue selection with white ink, ice surfaces by day,
   navy by night. No purple, no gold. Sizes live in betby-odds.css. */
:root{
 --r-surface:#FFFFFF;--r-surface-2:#F9FBFE;--r-surface-3:#EEF3FA;--r-hair:#C7D3E6;--r-div:#E1E8F2;--r-text:#0F1A33;
 --r-dim:#33415F;--r-faint:#64708C;--r-accent:#1B3FA6;--r-sel:#1B3FA6;--r-sel-ink:#FFFFFF;--r-live:#D92D20;--r-live-dot:#D92D20;
 --r-up:#15803D;--r-down:#B42318;--r-strip:#E6EDF6;--r-strip-ink:#1B3FA6;--r-score-bg:#E4ECF7;--r-score-ink:#0F1A33;
 --r-lock-bg:repeating-linear-gradient(135deg,#EEF3FA 0 6px,#E6EDF6 6px 12px);--r-lock-rim:#C7D3E6;--r-lock-ink:#33415F;
 --r-na-bg:rgba(15,26,51,.04);--r-na-op:.4;--r-shadow:0 1px 2px rgba(27,63,166,.06),0 4px 16px rgba(27,63,166,.06);
 --r-sheet-shadow:0 -12px 40px rgba(15,26,51,.24);
 --fx-cell-top:#FFFFFF;--fx-cell:#EEF3FA;--fx-rim:#C7D3E6;--fx-rim-hover:rgba(27,63,166,.45);--fx-ink:#0F1A33;--fx-key:#33415F;
 --wc-odd-bg:linear-gradient(180deg,#FFFFFF,#EEF3FA);--wc-odd-rim:rgba(27,63,166,.3);--wc-odd-rim-hover:rgba(27,63,166,.45);
 --wc-odd-hi:rgba(255,255,255,.9);--wc-odd-price:#1B3FA6;--wc-odd-label:#33415F;--wc-odd-sel:#1B3FA6;--wc-odd-sel-ink:#FFFFFF;
 --wc-up:#15803D;--wc-down:#B42318;--accent-ink:#1B3FA6
}
:root[data-theme="dark"]{
 --r-surface:#111B2E;--r-surface-2:#16223A;--r-surface-3:#1C2A45;--r-hair:#34456A;--r-div:#24314D;--r-text:#EDF2F9;
 --r-dim:#C3CEE0;--r-faint:#8B98B4;--r-accent:#8FB4F7;--r-sel:#3B6BE6;--r-sel-ink:#FFFFFF;--r-live:#FF8A80;--r-live-dot:#FF8A80;
 --r-up:#6EE7A0;--r-down:#FF8A80;--r-strip:#101E3E;--r-strip-ink:#EDF2F9;--r-score-bg:#16223A;--r-score-ink:#8FB4F7;
 --r-lock-bg:repeating-linear-gradient(135deg,#16223A 0 6px,#1C2A45 6px 12px);--r-lock-rim:#34456A;--r-lock-ink:#8B98B4;
 --r-na-bg:rgba(255,255,255,.05);--r-na-op:.35;--r-shadow:none;--r-sheet-shadow:0 -12px 40px rgba(0,0,0,.6);
 --fx-cell-top:#1F2E4B;--fx-cell:#1C2A45;--fx-rim:rgba(255,255,255,.10);--fx-rim-hover:rgba(143,180,247,.6);--fx-ink:#FFFFFF;--fx-key:#C3CEE0;
 --wc-odd-bg:linear-gradient(180deg,#1C2A45,#16223A);--wc-odd-rim:rgba(143,180,247,.3);--wc-odd-rim-hover:rgba(143,180,247,.55);
 --wc-odd-hi:rgba(255,255,255,.06);--wc-odd-price:#EDF2F9;--wc-odd-label:#C3CEE0;--wc-odd-sel:#3B6BE6;--wc-odd-sel-ink:#FFFFFF;
 --wc-up:#6EE7A0;--wc-down:#FF8A80;--accent-ink:#8FB4F7
}

/* S2 verdict fix 2 (2026-10-17): the base's dark :is() list (refinements.css, 0,3,2) beat .sport-chip.active, so the active sport
   chip had no fill at night and its count badge was gold in both themes. Kailash-only: brand blue fill, a white count. */
:root[data-theme="dark"] .sport-filters .sport-chip.active{background:var(--r-sel);color:#fff;border-color:var(--r-sel)}
:root .sport-filters .sport-chip.active .count,:root[data-theme="dark"] .sport-filters .sport-chip.active .count{background:rgba(255,255,255,.18);color:#fff}
/* fix 5: Betby's measured price weight is 600 (the variable Plex paints it exactly) */
:root,:root[data-theme="dark"]{--wc-odd-weight:600}