/* ===================================================================
   fd-dark.css  -  Fantasy Dailies dark reskin
   Loaded LAST, after styles.css / theme.css / fdv2.css, so it wins.
   Flips the existing variable-driven theme to dark + royal/green.
   Touches NO shared file and removes NO feature - skin only.
   =================================================================== */

/* ---- 1. remap the theme variables to dark (all three stylesheets read these) ---- */
:root, body.fdx{
  /* surfaces */
  --bg:#0a1020; --paper:#0a1020; --surface:#121d36; --surface-2:#0f1830; --card:#121d36;
  /* text */
  --ink:#ffffff; --t1:#ffffff; --t2:#aebbd6; --t3:#717f9e; --muted:#aebbd6; --faint:#717f9e;
  /* lines */
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.06);
  /* brand - royal primary, green accent (match the redesign) */
  --royal:#1e44d8; --royal-d:#16309e; --fd:#1e44d8; --fd-d:#16309e; --fd-l:#4f8bff;
  --blue:#4f8bff; --blue-d:#1f57ec; --electric:#4f8bff; --sky:#16244a; --sky-bd:#23345a;
  --h1:#4f8bff; --h2:#7aa6ff;
  /* status colors */
  --edge:#1ed98a; --edge-d:#0f9c63; --edge-soft:rgba(30,217,138,.13); --grass:#1ed98a;
  --gold:#ffc24d; --gold-hi:#ffd86b; --gold-d:#cd8a06; --gold-soft:rgba(255,194,77,.14);
  --live:#ff6b81; --cold:#ff6b81;
  --mlb:#4f8bff; --nba:#ef861f; --nfl:#1ed98a; --nhl:#8aa0c0; --gen:#9a7bff;
}

/* ---- 2. base background + the redesign's radial glow ---- */
html, body, body.fdx{
  background:radial-gradient(120% 50% at 85% -8%,#16244a,#0a1020 52%) !important;
  color:#fff !important;
}

/* ---- 3. masthead / nav / ticker ---- */
body.fdx .mast, .mast{ background:rgba(10,16,32,.9) !important; border-bottom:1px solid var(--line) !important; }
.brand .w1, body.fdx .brand .w1{ color:#fff !important; }
.brand .w2, body.fdx .brand .w2{ color:var(--fd-l) !important; }
.nav a, body.fdx .nav a{ color:var(--t3) !important; background:transparent !important; }
.nav a:hover, body.fdx .nav a:hover{ color:#fff !important; }
.nav a.on, body.fdx .nav a.on{ color:var(--edge) !important; background:transparent !important; border-bottom-color:var(--edge) !important; }
.refresh{ background:var(--fd) !important; color:#fff !important; }
.refresh:hover{ background:var(--fd-d) !important; }
.ticker{ background:var(--surface-2) !important; border-bottom:1px solid var(--line) !important; }
.ticker::before{ background:linear-gradient(90deg,var(--surface-2),transparent) !important; }
.ticker::after{ background:linear-gradient(270deg,var(--surface-2),transparent) !important; }
.ticker .lead{ color:var(--gold) !important; }
.ticker .tk{ color:var(--t2) !important; } .ticker .tk b{ color:var(--edge) !important; }

/* ---- 4. cards / panels / generic surfaces ---- */
.card, .game, .mu, .book, .panel, .box, article.game,
body.fdx .card, body.fdx .game{
  background:var(--card) !important; border-color:var(--line) !important; color:var(--t1) !important;
}
.px, .game .px{ color:var(--t1) !important; }
.sub, .muted, .faint, small{ color:var(--t2) !important; }

/* ---- 5. the Daily / Odds Brief ---- */
.fdbrief, .brief{ background:linear-gradient(135deg,#13203c,#0f1830) !important; border-color:var(--line) !important; border-left:3px solid var(--fd-l) !important; }
.fdbrief .bh, .brief .brief-h{ color:#fff !important; }
.fdbrief .bc, .brief .brief-cap{ color:var(--t2) !important; background:var(--surface-2) !important; border-color:var(--line) !important; }
.fdbrief p, .brief p{ color:var(--t2) !important; }
.fdbrief .egl{ background:linear-gradient(135deg,var(--fd),var(--fd-d)) !important; color:#fff !important; }

/* ---- 6. arbitrage scanner + banners (keep green identity on dark) ---- */
.arb-scan{ background:var(--surface-2) !important; border-color:var(--line) !important; color:var(--t2) !important; }
.arb-scan b{ color:#fff !important; }
.arb-box{ background:rgba(30,217,138,.08) !important; border-color:rgba(30,217,138,.32) !important; color:#cdeede !important; }
.arb-box .arb-tag{ color:var(--edge) !important; }
.arb-banner{ border-color:var(--edge-d) !important; }
.arb-banner-body{ background:rgba(30,217,138,.08) !important; color:#cdeede !important; }
.arb-more{ background:rgba(30,217,138,.12) !important; border-color:rgba(30,217,138,.3) !important; color:var(--edge) !important; }
.arbscan-bar{ background:var(--surface-2) !important; border-color:var(--line) !important; color:var(--t2) !important; }
.arbscan-bar b{ color:#fff !important; }
.arbscan-bar.hit{ background:rgba(30,217,138,.1) !important; border-color:rgba(30,217,138,.35) !important; color:var(--edge) !important; }
.bk-pill{ background:var(--edge-d) !important; }
.cb-dis{ color:var(--gold) !important; }

/* ---- 7. date bar ---- */
.fd-dnav, .fd-dinput, .fd-dtoday{ background:var(--surface) !important; border-color:var(--line) !important; color:var(--t1) !important; }
.fd-dnav{ color:var(--fd-l) !important; }
.fd-dnav:active{ background:#1b2748 !important; }
.fd-dlbl{ color:var(--t3) !important; }
.fd-dtoday{ border-color:var(--fd) !important; background:rgba(30,68,216,.18) !important; color:var(--fd-l) !important; }

/* ---- 8. share buttons + prop toggles + bars ---- */
.fd-share{ color:var(--t3) !important; }
.fd-share:hover{ color:var(--fd-l) !important; background:rgba(79,139,255,.12) !important; }
.fd-share.ok{ color:var(--edge) !important; }
.showprops{ background:linear-gradient(135deg,var(--fd),var(--fd-d)) !important; color:#fff !important; }
.showprops.open{ background:var(--surface-2) !important; color:#fff !important; }
.showmore{ background:rgba(79,139,255,.12) !important; border-color:rgba(79,139,255,.3) !important; color:var(--fd-l) !important; }
.pbar{ background:var(--surface-2) !important; }
.props-loading{ color:var(--t3) !important; }

/* ---- 9. footnotes + footer + toast ---- */
.disc{ color:var(--t3) !important; }
.site-foot, footer{ background:transparent !important; border-top:1px solid var(--line) !important; color:var(--t3) !important; }
.site-foot a, footer a{ color:var(--t3) !important; }
.fd-toast{ background:#1b2748 !important; color:#fff !important; }

/* ---- 10. SEO intro block (its inline colors are handled in the page markup) ---- */
.seo-intro h1{ color:#fff !important; }
.seo-intro p{ color:var(--t2) !important; }

/* ---- 11. props board components (search, chips, watchlist, prob, line-moves) ---- */
.prop-search{ background:var(--surface-2)!important; color:#fff!important; border-color:var(--line)!important; }
.prop-search:focus{ background:#16203c!important; border-color:var(--fd-l)!important; }
.prop-search::placeholder{ color:var(--t3)!important; }
.watchlist-toggle-btn{ background:var(--surface)!important; border-color:var(--line)!important; color:var(--t2)!important; }
.watchlist-toggle-btn.active{ background:rgba(30,217,138,.14)!important; color:var(--gold)!important; border-color:rgba(30,217,138,.4)!important; }
.share-btn{ background:#1493ff!important; color:#fff!important; }   /* keep the signature blue Share Picks */
.showprops.open{ background:var(--surface-2)!important; color:#fff!important; }
.prob-pct{ background:var(--surface-2)!important; color:var(--t2)!important; }
.target-chip{ background:var(--surface)!important; border-color:var(--line)!important; color:var(--t2)!important; }
.target-chip.active{ background:var(--fd)!important; color:#fff!important; border-color:var(--fd)!important; }
.ps-tag{ background:var(--surface)!important; border-color:var(--line)!important; color:var(--t2)!important; }
.ps-tag.active{ background:var(--fd)!important; color:#fff!important; border-color:var(--fd)!important; }
.move-up{ background:rgba(255,107,129,.14)!important; color:#ff6b81!important; }
.move-down,.move-dn{ background:rgba(30,217,138,.13)!important; color:#1ed98a!important; }
.live-red{ background:rgba(255,107,129,.14)!important; color:#ff6b81!important; }

/* ---- 12. edge page components (pills, your-game, card btn, banner, brief already covered) ---- */
.recordpill{ background:var(--surface-2)!important; border-color:var(--line)!important; color:var(--t1)!important; }
.recordpill b{ color:var(--edge)!important; }
.streakpill{ color:var(--gold)!important; background:rgba(30,217,138,.14)!important; border-color:rgba(30,217,138,.4)!important; }
.mu.yours{ border-color:rgba(30,217,138,.5)!important; box-shadow:0 0 0 2px rgba(30,217,138,.16)!important; }
.cardbtn{ background:linear-gradient(135deg,var(--fd),var(--fd-d))!important; color:#fff!important; }
.banner{ background:rgba(30,217,138,.1)!important; border-color:rgba(30,217,138,.35)!important; color:var(--gold)!important; }
.hero h1 .pulse,.pulse{ color:var(--edge)!important; }
.chip{ background:var(--surface)!important; border-color:var(--line)!important; color:var(--t2)!important; }
.yours-tag,.yours-tag *{ color:var(--gold)!important; }

/* ---- 13. lineups page (batting order text + team names) ---- */
.lineup ol{ color:var(--t2)!important; }
.lineup h4,.lineup h4 .tnm{ color:#fff!important; }
.lineup+.lineup{ border-left-color:var(--line)!important; }
.tlogo{ background:transparent; }

/* ---- 14. DFS Edge page (value board, parlay legs, lineup slots, toggles) ---- */
.bktog button,.parlay-ctrls select,.prand select,.pbuild select,.pstake .pdollar input,
.slot .ssal input,.dfs-search,.dfs-drop,.dfs-drop button,.dfs-drop .dpx,.stack-add,.bclear,
.btoggle,.vmore,.stack-list span,.stack-tm .it{
  background:var(--surface)!important; color:var(--t1)!important; border-color:var(--line)!important;
}
.pempty,.muted-card{ background:var(--surface-2)!important; border-color:var(--line)!important; color:var(--t2)!important; }
.pcard .pbar,.vheat,.capbar{ background:var(--surface-2)!important; }
.bktog button.on,.pchip.on,.btoggle.on{ background:var(--fd)!important; color:#fff!important; border-color:var(--fd)!important; }
.parlay-ctrls .reroll{ background:var(--surface-2)!important; color:var(--fd-l)!important; }
.pleg,.slot,.vcard,.pcard{ background:var(--card)!important; border-color:var(--line)!important; color:var(--t1)!important; }
.pfoot{ background:linear-gradient(135deg,#13203c,#0f1830)!important; }
.vpos,.vpos.P,.slot .sp,.slot .sp.P{ background:rgba(79,139,255,.14)!important; color:var(--fd-l)!important; border-color:rgba(79,139,255,.3)!important; }
.sec .tag{ background:var(--surface)!important; border-color:var(--line)!important; color:var(--t2)!important; }
.sec .tag.gold{ background:rgba(30,217,138,.14)!important; color:var(--gold)!important; border-color:rgba(30,217,138,.4)!important; }
.vwhy .wcell{ background:var(--surface-2)!important; color:var(--t2)!important; }
.vnm .conf{ color:var(--t2)!important; }
.vcard.king{ border-color:rgba(30,217,138,.5)!important; }
.toolrow a{ background:var(--surface)!important; color:var(--t2)!important; border-color:var(--line)!important; }

/* ---- 15. Parlay page (builder buttons, legs, share row) ---- */
.ptool-sec{ border-color:var(--line)!important; }
.ptool-slip{ background:var(--surface-2)!important; }
.ex-ai{ background:var(--surface)!important; border-color:rgba(122,102,255,.4)!important; color:var(--t1)!important; }
.ex-ai .lb-sub{ color:#b6a9f0!important; }
.ex-ai .lb-badge{ background:rgba(122,102,255,.18)!important; color:#b6a9f0!important; border-color:rgba(122,102,255,.4)!important; }
.ex-ai.lb-spent .lb-badge{ background:var(--surface-2)!important; color:var(--t3)!important; border-color:var(--line)!important; }
.plist{ background:var(--card)!important; border-color:var(--line)!important; }
.plrow{ border-bottom-color:var(--line)!important; }
.pleg .plk,.pleg .psw{ background:var(--surface-2)!important; color:var(--t2)!important; border-color:var(--line)!important; }
.pleg .plk.on{ background:var(--fd)!important; color:#fff!important; border-color:var(--fd)!important; }
.adv-note,.mkt-status{ color:var(--t2)!important; }
.gen-field select,.pbuild-row select,.slip-clear,.toolrow a.alt{ background:var(--surface)!important; color:var(--t1)!important; border-color:var(--line)!important; }
/* base share buttons -> dark surface; branded (primary/fb/ig/ok) keep their colors (more specific) */
.pshare a{ background:var(--surface); color:var(--t1); border:1px solid var(--line); }

/* ---- 16. Parlay Calculator ---- */
.calc-card{ background:var(--card)!important; border-color:var(--line)!important; }
.calc-add{ background:var(--surface-2)!important; border-color:var(--line)!important; color:var(--fd-l)!important; }
.adv,.adv-toggle{ background:var(--surface-2)!important; border-color:var(--line)!important; color:var(--t2)!important; }
.adv-tab.on{ background:var(--surface)!important; color:var(--fd-l)!important; box-shadow:none!important; }
.leg .ln{ color:var(--t2)!important; }
.leg .odds-in.bad{ border-color:var(--live)!important; background:rgba(255,107,129,.12)!important; }
.leg .rm{ background:var(--surface)!important; color:var(--t2)!important; border-color:var(--line)!important; }
.ref-tbl{ background:var(--card)!important; border-color:var(--line)!important; color:var(--t1)!important; }
.ref-tbl th{ background:var(--surface-2)!important; color:var(--t2)!important; border-color:var(--line)!important; }
.ref-tbl td{ border-color:var(--line)!important; }

/* ---- 17. Homepage (index) - league toggle, anchor bar, avatars, cards ---- */
.mast-cta{ background:var(--fd)!important; color:#fff!important; border-color:var(--fd)!important; }
.lgtog{ background:var(--surface-2)!important; border-color:var(--line)!important; }
.lgtog button.on{ background:var(--card)!important; color:#fff!important; }
.abar{ background:rgba(10,16,32,.92)!important; border-color:var(--line)!important; }
.abar a.on{ background:var(--surface)!important; color:#fff!important; }
.pav,.ssav{ background:var(--surface-2)!important; }
.dia{ color:#1ed98a!important; }
.pcard.best{ box-shadow:0 0 0 1.5px rgba(30,217,138,.7)!important; }
.ecard,.mcard,.pcard,.ssboard,.ssrow,.lcard,.tcard,.tile-row,.scard{ background:var(--card)!important; border-color:var(--line)!important; color:var(--t1)!important; }
.fdx-toparlay small{ color:#cdd9f7!important; }

/* ============================================================
   18. HERO BANNERS -> dark scheme + gold/green trim
   ============================================================ */
.hero,.ply-hero,.dfs-hero{
  background:radial-gradient(130% 130% at 100% 0,#17274f,#0f1830 62%)!important;
  border:1px solid rgba(255,255,255,.1)!important; position:relative!important;
}
.hero::before,.ply-hero::before,.dfs-hero::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#1ed98a,#4f8bff)!important;z-index:3;
}
.hero h1,.ply-hero h1,.dfs-hero h1{color:#fff!important;}
.hero p,.ply-hero p,.dfs-hero p,.ply-hero .credit,.ply-hero .credit b{color:#aebbd6!important;}
.hero h1 .pulse{color:#1ed98a!important;}

/* ============================================================
   19. PARLAY PROMO + hero->parlay buttons -> royal/gold/green
   ============================================================ */
.ad-slot{background:linear-gradient(120deg,#13203c,#1b2c52 55%,#16244a)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 6px 20px rgba(30,68,216,.28)!important;overflow:hidden!important;}
.ad-slot::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1ed98a,#1ed98a)!important;z-index:3;}
.ad-slot .ad-badge{background:#1ed98a!important;color:#06281a!important;}
.ad-slot .ad-cta{background:#1ed98a!important;color:#06281a!important;}
.ad-slot .ad-tx s{color:#9fb2d8!important;}
/* generic "go to parlay" buttons */
.fdbrief .egl,.brief .egl,.fdx-toparlay,.egl{background:linear-gradient(135deg,#1e44d8,#4f8bff)!important;color:#fff!important;}

/* ============================================================
   20. FOOTER NAV -> clean, centered, symmetric (not bunched)
   ============================================================ */
.foot-top{justify-content:center!important;text-align:center!important;}
.foot-nav{justify-content:center!important;gap:8px 12px!important;}
.foot-nav a{color:#aebbd6!important;}
.foot-nav a:hover{color:#fff!important;}

/* ============================================================
   21. GOLD + GREEN TRIM accents site-wide
   ============================================================ */
.fdbrief,.brief{border-left:3px solid #1ed98a!important;}
.seo-intro p{border-left:3px solid #1ed98a!important;}
.sechead{border-bottom:2px solid transparent!important;}

/* ============================================================
   22. MIDDLE-FINDER LOOK across the whole site
   green = value/safe, gold = edge, big mono scores, navy cards
   ============================================================ */
/* every card -> the navy tile w/ hairline border + soft round */
.ecard,.mcard,.pcard,.ssboard,.ssrow,.lcard,.tcard,.scard,.game,.mu,.book,.card,.vcard,.pleg,.slot,article.game{
  background:#121d36!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;
}
/* big score number -> mono, green default */
.escore,.pedge,.edge-score,.score,.ss-score,.vscore,.bigscore{
  font-family:'IBM Plex Mono','JetBrains Mono',monospace!important;font-weight:800!important;color:#1ed98a!important;
}
/* verdict / status badges: green family = value/safe, gold family = edge */
.verdict,.ppill,.v-play,.v-value,.tag.value,.bk-pill,.fdx-live,.live-badge,.ss-verdict.v-start{
  color:#06281a!important;background:#1ed98a!important;border-color:#1ed98a!important;
}
.v-lean,.ppill.lean,.ss-verdict.v-lean,.tag.gold,.sec .tag.gold,.streakpill,.lb-badge,.ad-badge,.pro-badge,.badge-pro{
  color:#06281a!important;background:#1ed98a!important;border-color:#1ed98a!important;
}
.v-fade,.ppill.fade,.ss-verdict.v-sit,.tag.fade{ color:#3a0c12!important;background:#ff6b81!important;border-color:#ff6b81!important; }
.v-flat,.v-fair,.ppill.fair,.ss-verdict.v-fair,.tag.fair{ color:#cdd6e6!important;background:rgba(135,148,173,.22)!important;border-color:rgba(135,148,173,.3)!important; }
/* data lines -> mono muted */
.ss-line,.pline,.mline,.gline,.mu-head,.lineup ol,.sub,.px,.book .px{ font-family:'IBM Plex Mono',monospace!important;color:#8c9bb5!important; }
.ss-line b,.pline b,.px b{ color:#fff!important; }
/* CTAs ("size it", "send to parlay", "see edge") -> green text links */
.fdx-more,.showmore,.seclink,.fd-more,a.more,.egl{ color:#1ed98a!important; }
/* headlines stay white + display font */
.ecard .match,.pcard .pname,.ss-name,.mcard .ttl,.game-head,.ghead,h2,h3,h4{ color:#fff!important; }

/* ============================================================
   23. TEXT WORDMARK (white FANTASY + green DAILIES) replaces shield
   ============================================================ */
.brand .wm,.foot-brand .wm,a.wm,.wm{
  font-family:'Archivo',system-ui,sans-serif!important;font-weight:900!important;
  font-size:21px!important;letter-spacing:-.02em!important;color:#fff!important;
  text-decoration:none!important;line-height:1!important;white-space:nowrap!important;
}
.foot-brand .wm{font-size:18px!important;}
.wm span{color:#1ed98a!important;}
.brand .logo-img,.foot-brand img{display:none!important;}

/* ============================================================
   24. GREEN primary buttons (gold stays on badges/secondary)
   ============================================================ */
.refresh,.mast-cta,.install-btn,.js-install,.cardbtn,.showprops,.wsis-go,.ex-main,.calc-cta,.share-btn,.fdx-toparlay{
  background:#1ed98a!important;color:#06281a!important;border:0!important;
}
.refresh:hover,.share-btn:hover,.cardbtn:hover{background:#19c47c!important;color:#06281a!important;}
.fb,.sh-fb,[class*="facebook"]{background:#1877f2!important;color:#fff!important;}  /* keep FB blue */

/* ============================================================
   25. DFS EDGE - blue toggles/add buttons -> green
   ============================================================ */
.bktog{background:#0f1830!important;border-color:rgba(255,255,255,.12)!important;}
.bktog button{background:#0f1830!important;color:#8c9bb5!important;}
.bktog button.on{background:#1ed98a!important;color:#06281a!important;}
.btoggle{background:#0f1830!important;color:#8c9bb5!important;border-color:rgba(255,255,255,.14)!important;}
.btoggle.on{background:#1ed98a!important;color:#06281a!important;border-color:#1ed98a!important;}
.vadd{background:rgba(30,217,138,.14)!important;border-color:rgba(30,217,138,.5)!important;color:#1ed98a!important;}
.vadd:active{background:rgba(30,217,138,.26)!important;}

/* ============================================================
   26. PARLAY CALCULATOR - dark result fields + green buttons
   (fixes white-on-white results, blue/purple buttons)
   ============================================================ */
.adv,.adv-toggle,.adv-body{background:#121d36!important;color:#fff!important;border-color:rgba(255,255,255,.1)!important;}
.adv-toggle .chev{color:#8c9bb5!important;}
.ref-tbl{background:#0f1830!important;border-color:rgba(255,255,255,.1)!important;}
.ref-tbl th{background:#1b2c52!important;color:#fff!important;}
.ref-tbl td{color:#cdd6e6!important;border-top-color:rgba(255,255,255,.08)!important;}
.ref-tbl td:first-child{color:#8c9bb5!important;}
.calc-out{border-top-color:rgba(255,255,255,.1)!important;}
.o-row span{color:#8c9bb5!important;}
.o-row b{color:#fff!important;}
.o-row.big{background:linear-gradient(135deg,rgba(30,217,138,.12),rgba(30,217,138,.06))!important;}
.o-row.big span{color:#1ed98a!important;}
.o-row.big b{color:#fff!important;}
.o-row b.pos{color:#1ed98a!important;}
.calc-cta{background:linear-gradient(135deg,#1ed98a,#0f9c63)!important;color:#06281a!important;box-shadow:0 6px 18px rgba(30,217,138,.25)!important;}
.calc-cta b{color:#06281a!important;}
.calc-add{background:#0f1830!important;border-color:rgba(30,217,138,.4)!important;color:#1ed98a!important;}
.calc-add:active{background:rgba(30,217,138,.12)!important;}
.adv-tabs{background:#0f1830!important;}
.adv-tab.on{background:#1ed98a!important;color:#06281a!important;box-shadow:none!important;}
.leg .odds-in{background:#0f1830!important;border-color:rgba(255,255,255,.14)!important;}
.leg input.leg-odds{color:#fff!important;}
.leg .odds-in.bad{background:rgba(255,107,129,.12)!important;border-color:#ff6b81!important;}
.leg input.leg-odds.bad{color:#ff6b81!important;}
.leg .rm{background:#0f1830!important;border-color:rgba(255,255,255,.14)!important;color:#8c9bb5!important;}
.leg label{color:#aebbd6!important;}
.legs-head h2{color:#fff!important;}
.legs-head span{color:#8c9bb5!important;}