/* The People's Tips — "Broadcast" theme (18 Sep 2026, build 18.09.4).
   Loaded by every page after its own <style> (app.js injects it too), so it wins on the shared tokens.
   Navy ground, one lime accent, red for Mega / live, condensed headlines, mono numbers. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600;700&display=swap');

:root{
  --bg:#0a1224; --card:#0f1b38; --card2:#152a5a; --card3:#1b3470;
  --accent:#c6ff3d; --gold:#c6ff3d; --fire:#ff5c7a; --mega:#e8003d;
  --blue:#7e9cff; --purple:#7e9cff; --orange:#ffb347; --teal:#5ce1e6; --brown:#c9a27e;
  --text:#e9eef7; --muted:#9fb3d9; --dim:#6f83ad; --border:#23407a; --tap:44px;
  --live:#e8003d; --lime:#c6ff3d; --navy:#0a1224; --panel:#0f1b38;
  --font:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --cond:"Barlow Condensed","Barlow",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
html{background:#0a1224}
body{background:var(--bg);color:var(--text);font-family:var(--font)}
header{background:linear-gradient(180deg,#0d1a3a,#0a1224);border-bottom:1px solid var(--border)}
h1{font-family:var(--cond);font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--text)}
h1 em,h1 i{font-style:normal;color:var(--lime)}
h2,h3{font-family:var(--cond);letter-spacing:.01em}
.card h2{color:var(--text);font-size:1.15rem;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--border)}
.sechead{color:var(--muted);font-family:var(--cond);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.card,.race,.tile,.stat,.steps,.trk,.em,.emc{background:var(--card);border-color:var(--border)}
.tabwrap{background:rgba(10,18,36,.96)}
.tab-btn,.tabs .tab{font-family:var(--cond);font-weight:600;font-size:1rem;letter-spacing:.02em;border-radius:8px;background:var(--card);color:var(--muted);border:1px solid var(--border)}
.tab-btn.active,.tabs .tab.on{background:var(--lime);color:var(--navy);border-color:var(--lime);font-weight:700}
.pill{font-family:var(--cond);font-size:.78rem;letter-spacing:.06em;border-radius:4px;font-weight:700}
.p-mega{background:var(--mega);color:#fff}
.p-lock{background:var(--lime);color:var(--navy)}
.p-prem{background:var(--blue);color:var(--navy)}
.p-split{background:var(--orange);color:var(--navy)}
.p-rough{background:var(--brown);color:var(--navy)}
.p-strong{background:var(--card3);color:var(--text)}
.p-won{background:var(--lime);color:var(--navy)}
.mega-card{border:1px solid var(--border);border-left:4px solid var(--mega);background:var(--card)}
.lock-card{border:1px solid var(--border);border-left:4px solid var(--lime);background:var(--card)}
.prem-card{border:1px solid var(--border);border-left:4px solid var(--blue);background:var(--card)}
.split-card{border:1px solid var(--border);border-left:4px solid var(--orange);background:var(--card)}
.split-card .pk .horse{color:var(--orange)}
.rough-card{border:1px solid var(--border);border-left:4px solid var(--brown);background:var(--card)}
.horse{font-family:var(--cond);font-size:1.25rem;font-weight:700;letter-spacing:.01em}
.venue{color:var(--muted);font-family:var(--mono);font-size:.7rem;letter-spacing:.06em}
.num,.px,.odds,.stat .v,.kpi b,.tp-cd,.mono,td.num,th.num,.hero .when{font-family:var(--mono);font-variant-numeric:tabular-nums}
th{background:var(--card2);color:var(--muted);font-family:var(--cond);font-size:.8rem;letter-spacing:.06em}
td{border-color:var(--border)}
.stat .v{color:var(--lime)}
.stat .v.neg{color:var(--fire)}.stat .v.pos{color:var(--lime)}
.a-warn{background:rgba(255,179,71,.08);border-color:var(--orange)}
.alert{color:var(--muted)}
#top-btn{background:var(--card2);color:var(--lime);border-color:var(--border)}
.jumped{opacity:.5}
footer{color:var(--dim);border-color:var(--border)}
footer a{color:var(--muted)}
a{color:var(--lime)}
/* landing */
.hero{background:linear-gradient(160deg,#152a5a,#0d1a3a);color:var(--text);border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hero .big{font-family:var(--cond);font-weight:800;font-size:1.9rem;text-transform:uppercase;letter-spacing:.01em}
.hero .pill{background:var(--live);color:#fff;font-family:var(--cond);letter-spacing:.12em;font-size:.72rem}
.hero .when{font-family:var(--cond);font-weight:600;font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase;color:var(--lime)}
.hero .venues{color:var(--muted);opacity:1}
.tile b{color:var(--muted);font-family:var(--cond);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.tile span{color:var(--muted)}
.emc{border-left:4px solid var(--lime);background:var(--card)}
.emc .t{color:var(--text);font-family:var(--cond);font-size:1.15rem;text-transform:uppercase}
.emc .chip.in{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.emc .chip{background:var(--card2);color:var(--muted);border-color:var(--border)}
.step .n{background:var(--card3);color:var(--lime);font-family:var(--mono)}
.step b{color:var(--text)}
.note{color:var(--dim)}
/* early / admin / stats shared bits */
.src.in,.pill.on,.chip.in{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.src,.chip{background:var(--card2);color:var(--muted);border-color:var(--border)}
.bet .k{font-family:var(--cond);font-size:.78rem;letter-spacing:.06em;background:var(--card3);color:var(--text)}
.bet .k.best_bet{background:var(--mega);color:#fff}.bet .k.value{background:var(--blue);color:var(--navy)}.bet .k.roughie{background:var(--brown);color:var(--navy)}.bet .k.each_way{background:var(--teal);color:var(--navy)}.bet .k.agree{background:var(--lime);color:var(--navy)}.bet .k.suggested{background:var(--card3);color:var(--text)}
.bet .b .px,.sbpx,td .no{color:var(--lime);font-family:var(--mono)}
.gh{color:var(--muted);font-family:var(--cond);font-size:.9rem;letter-spacing:.08em}
.em h2,.vh{color:var(--text)}
tr.agree td:not(.r){background:rgba(198,255,61,.07)}
.tp-bet{background:var(--lime)!important;color:var(--navy)!important;border-color:var(--lime)!important;font-family:var(--cond);font-size:1rem;letter-spacing:.02em}
.tp-bet.off{background:var(--card2)!important;color:var(--dim)!important;border-color:var(--border)!important}
.tp-add{background:transparent;border:1px solid var(--border);color:var(--text);font-family:var(--cond);font-size:1rem}
.tp-add.on{background:var(--text);color:var(--navy);border-color:var(--text)}
#tray,#tp-tray{background:#0b1530;border-top:1px solid var(--border)}
#tray .odds,#tp-tray .odds{color:var(--lime);font-family:var(--mono)}
#tray .share,#tp-tray .tp-share{border-color:var(--lime);color:var(--lime);font-family:var(--cond);font-size:1rem}
.stats .stat .l,.kpi .l{color:var(--muted)}
input,textarea,select{background:#0b1530;color:var(--text);border-color:var(--border);font-family:var(--font)}
input:focus,textarea:focus{border-color:var(--lime)}
.btn{font-family:var(--cond);font-size:.9rem;letter-spacing:.02em;background:var(--card2);color:var(--text);border-color:var(--border)}
.btn.p,.btn.g{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.btn.d{color:var(--fire)}
.pill.gold{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.pill.red{background:rgba(232,0,61,.15);color:var(--fire);border-color:#6a1030}
.pill.wait{background:rgba(255,179,71,.12);color:var(--orange);border-color:#6a4a20}
.bar{background:var(--card2)}
.kv .k{color:var(--text)}.kv .v{color:var(--muted)}
.chart{background:var(--card);border-color:var(--border)}
.bar.sat{background:var(--lime)}.bar.today{background:#fff}
/* app.js widgets (colours are literal in app.js; these win where a class exists) */
.tp-fab{background:var(--card2)!important;border-color:var(--border)!important;color:var(--lime)!important}
.tp-fab.on{background:var(--lime)!important;color:var(--navy)!important}
.tp-sheet{background:var(--card)!important;border-top-color:var(--border)!important;font-family:var(--font)!important}
.tp-sheet h3{color:var(--text)!important;font-family:var(--cond)!important;text-transform:uppercase;font-size:1.3rem!important}
.tp-btn{background:var(--lime)!important;color:var(--navy)!important;font-family:var(--cond)!important;font-size:1.05rem!important;letter-spacing:.02em}
.tp-btn.ghost{background:transparent!important;color:var(--muted)!important;border-color:var(--border)!important}
.tp-btn.danger{background:transparent!important;color:var(--fire)!important;border-color:var(--border)!important}
.tp-sw.on{background:var(--lime)!important}.tp-sw.on:after{background:var(--navy)!important}
.tp-note{background:var(--card2)!important;border-color:var(--border)!important}
.tp-banner{background:var(--lime)!important;color:var(--navy)!important;font-family:var(--cond)!important;font-size:1.05rem!important}
.tp-banner button{background:var(--navy)!important;color:var(--lime)!important}
.tp-toast{background:var(--card2)!important;border-color:var(--border)!important}
#tp-gate .box{background:var(--card)!important;border-color:var(--border)!important;font-family:var(--font)}
#tp-gate h2{color:var(--text)!important;font-family:var(--cond)!important;text-transform:uppercase;font-size:1.6rem!important}
#tp-gate .go{background:var(--lime)!important;color:var(--navy)!important;font-family:var(--cond)!important;font-size:1.15rem!important}
#tp-gate input{background:#0b1530!important;border-color:var(--border)!important;color:var(--text)!important}
#tp-gate input:focus{border-color:var(--lime)!important}
.tp-me{background:var(--card2)!important;border-color:var(--border)!important}.tp-me .av{background:var(--lime)!important;color:var(--navy)!important}.tp-me .tp-adm{background:var(--lime)!important;color:var(--navy)!important}
.tp-back{background:rgba(15,27,56,.92)!important;border-color:var(--border)!important;color:var(--text)!important;font-family:var(--cond)!important;font-size:.95rem!important}
.tp-ctl button.on,.tp-sort button.on{background:var(--lime)!important;color:var(--navy)!important;border-color:var(--lime)!important}
.tp-ctl button.f-mega.on,.tp-filter button.on[data-f=MEGA]{background:var(--mega)!important;border-color:var(--mega)!important;color:#fff!important}
.tp-ctl button.f-lock.on,.tp-filter button.on[data-f=LOCK]{background:var(--lime)!important;border-color:var(--lime)!important;color:var(--navy)!important}
.tp-ctl button.f-premium.on,.tp-filter button.on[data-f=PREM]{background:var(--blue)!important;border-color:var(--blue)!important;color:var(--navy)!important}
.tp-filter button.on[data-f=ROUGHIE]{background:var(--brown)!important;border-color:var(--brown)!important;color:var(--navy)!important}
.tp-ctl button,.tp-sort button{font-family:var(--cond);font-size:.95rem!important}
.tp-cd{background:#0b2a1a!important;color:var(--lime)!important;border-color:#1f4a2a!important}
.tp-cd.soon{background:#3a2a10!important;color:var(--orange)!important}
.tp-cd.now{background:#3a0a18!important;color:var(--fire)!important}
.tp-cd.gone{background:var(--card)!important;color:var(--dim)!important;border-color:var(--border)!important}
#popular .tp-pm .av{background:var(--lime);color:var(--navy)}
#popular .tp-pm .st.live{color:var(--lime);background:#0b2a1a;border-color:#1f4a2a}
#popular .tp-pm .st.won{background:var(--lime);color:var(--navy);border-color:var(--lime)}
#popular .tp-pm .odds{color:var(--lime)}
#popular .rank.top{color:var(--lime)}
.tp-bets .leg em{color:var(--lime)}
.tp-bets .leg.won b{color:var(--lime)}
/* ---- cleaner pass (18 Sep, build 18.09.5): quieter borders, calmer chips ---- */
.card,.race,.sec,.em{border-radius:14px;border:1px solid var(--border)}
.card.bank,.card.feed,.bank,.feed{border-color:var(--border)!important;background:var(--card)!important}
.card[style*="rgba(198,255,61"],.card[style*="border:1px solid var(--accent)"]{border-color:var(--border)!important}
.rhead .rn,.rhead b:first-child{font-family:var(--mono);color:var(--lime)}
.scr,.p-scr{background:rgba(255,92,122,.12);color:var(--fire);border:1px solid rgba(255,92,122,.25)}
.p-closed,.jumped .pill.p-closed{background:var(--card2);color:var(--dim)}
.tile{border-radius:14px}
.hero{border-radius:16px}
.trk{border-radius:8px}
.tp-back,.tp-user{box-shadow:none}
.tab-btn{height:42px;min-height:42px}
.stat{border-radius:14px}
.a-good{background:var(--card)!important;border:1px solid var(--border)!important;border-left:4px solid var(--lime)!important;color:var(--text)}
.a-good .t{color:var(--lime);font-family:var(--cond);font-size:1.05rem;text-transform:uppercase}
.won-card{border:1px solid var(--border)!important;border-left:4px solid var(--lime)!important;background:var(--card)!important}
#banked-body span,#banked-body .w{background:var(--card2)!important;color:var(--lime)!important;border:1px solid var(--border)}