/* ============================================================
   WARDOGS × FIREPLAY - dark military theme (v2 mockup).
   Loads after site.css + wardogs.css and re-skins the section:
   near-black ground, WARDOGS gold, Fireplay orange/red for action.
   ============================================================ */
:root{
  --wd-bg:#0E0D0B; --wd-bg2:#15130F; --wd-panel:#1B1915; --wd-panel2:#221F19;
  --wd-line:rgba(201,162,39,.16); --wd-line2:rgba(255,246,227,.08);
  --wd-text:#F3EBD8; --wd-text2:#A79E8B; --wd-text3:#6F685B;
  --gold:#C9A227; --gold-2:#E3BC3A; --gold-soft:rgba(201,162,39,.14);
  --olive:#5B6B3D; --olive-soft:rgba(91,107,61,.22);
  --cream:var(--wd-text); --ink:var(--wd-text); --ink-soft:var(--wd-text2);
  --line:var(--wd-line); --line-soft:var(--wd-line2); --panel:var(--wd-panel);
  --reg-oce:#C9A227; --reg-oce-ink:#E3BC3A; --reg-oce-soft:rgba(201,162,39,.16);
  --reg-na:#FF6B78;  --reg-na-ink:#FF8A94;  --reg-na-soft:rgba(225,29,46,.2);
  --reg-eu:#8FA663;  --reg-eu-ink:#A9BF7C;  --reg-eu-soft:rgba(143,166,99,.16);
  --ok:#7DBE5A; --ok-ink:#9BD57A; --ok-soft:rgba(125,190,90,.16);
  --place:var(--gold);
}
html,body.wd{ background:var(--wd-bg); color:var(--wd-text); }
body.wd{ background-image:radial-gradient(ellipse 60% 40% at 80% -10%,rgba(201,162,39,.08),transparent 60%),radial-gradient(ellipse 50% 30% at 0% 0%,rgba(225,29,46,.07),transparent 60%); }
.wd a{ color:var(--gold-2); text-decoration-color:rgba(201,162,39,.4); }
.wd a:hover{ color:#fff; }
.wd ::selection{ background:rgba(201,162,39,.35); }
.wd :focus-visible{ outline-color:var(--gold); }

/* ---------- site shell: nav + footer go dark ---------- */
.wd .nav{ background:rgba(14,13,11,.85); border-bottom:1px solid var(--wd-line2); }
.wd .nav.scrolled{ background:rgba(14,13,11,.95); box-shadow:0 10px 30px -20px rgba(0,0,0,.8); }
.wd .nav__brand img{ content:url("../assets/logo-full.png"); }
.wd .nav__links a{ color:var(--wd-text2); }
.wd .nav__links a:hover,.wd .nav__links a.active{ color:#fff; }
.wd .nav__links a::after{ background:var(--gold); }
.wd .nav__new{ background:var(--gold); color:#1A1209; }
.wd .nav__live{ background:rgba(255,246,227,.06); border:1px solid var(--wd-line2); color:var(--wd-text2); }
.wd .nav__live.is-live{ background:var(--red); color:#fff; border-color:transparent; }
.wd .nav__burger span{ background:var(--wd-text); }
@media (max-width:1100px){ .wd .nav__links{ background:rgba(14,13,11,.98); border-bottom-color:var(--wd-line2); } .wd .nav__links a{ border-bottom-color:var(--wd-line2); } }
.subnav{ background:rgba(14,13,11,.8); border-bottom:1px solid var(--wd-line); }
.subnav a{ color:var(--wd-text2); }
.subnav a:hover,.subnav a.active{ color:#fff; }
.subnav a.active{ border-bottom-color:var(--gold); }
.acct{ background:rgba(255,246,227,.05); border-color:var(--wd-line2); color:var(--wd-text); }
.acct:hover{ border-color:var(--gold); }
.wd .footer{ background:#0A0908; border-top:1px solid var(--wd-line); }
.footer__note{ color:var(--wd-text3); }
.discord-hint{ background:var(--gold); color:#1A1209; }
.discord-hint a{ color:#1A1209; }

/* ---------- buttons ---------- */
.wd .btn--fire{ background:var(--fire); color:#fff; box-shadow:0 10px 30px -14px rgba(255,122,24,.8); }
.wd .btn--ink{ background:var(--gold); color:#1A1209; }
.wd .btn--ink:hover{ background:var(--gold-2); box-shadow:0 10px 26px -14px rgba(201,162,39,.9); }
.wd .btn--ghost{ color:var(--wd-text); border-color:var(--wd-line); background:transparent; }
.wd .btn--ghost:hover{ border-color:var(--gold); color:var(--gold-2); background:transparent; }
.wd .btn--light{ background:var(--wd-text); color:#1A1209; }
.wd .btn--danger{ color:#FF8A94; border-color:rgba(225,29,46,.45); }
.copy,.tab,.filters select,.search,.pill span{ background:var(--wd-panel); border-color:var(--wd-line2); color:var(--wd-text); }
.copy:hover,.tab:hover{ border-color:var(--gold); color:var(--gold-2); }
.copy.is-done{ background:var(--ok-soft); color:var(--ok-ink); }
.tab[aria-selected="true"]{ background:var(--gold); color:#1A1209; border-color:var(--gold); }
.tab--OCE[aria-selected="true"]{ background:var(--gold); border-color:var(--gold); color:#1A1209; }
.tab--NA[aria-selected="true"]{ background:var(--red); border-color:var(--red); color:#fff; }
.tab--EU[aria-selected="true"]{ background:var(--olive); border-color:var(--olive); color:#fff; }
.filters select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C9A227' stroke-width='2'/%3E%3C/svg%3E"); }
.pill input:checked+span{ background:var(--gold); color:#1A1209; border-color:var(--gold); }
.switch i{ background:rgba(255,246,227,.15); }
.switch input:checked+i{ background:var(--gold); }
.switch input:checked+i::after{ background:#1A1209; }
.wd .check input{ accent-color:var(--gold); }
.wd input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.wd textarea,.wd select,.wd .field input,.wd .field textarea,.wd .field select{ background:var(--wd-bg2); border-color:var(--wd-line2); color:var(--wd-text); }
.wd input:focus,.wd textarea:focus,.wd select:focus{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(201,162,39,.18); }
.wd input::placeholder,.wd textarea::placeholder{ color:var(--wd-text3); }
.wd .field label{ color:var(--wd-text); }
.wd .field .help,.wd .field .count{ color:var(--wd-text2); }
.drop{ background:var(--wd-bg2); border-color:var(--wd-line); }
.drop.is-over{ border-color:var(--gold); }
.wd .acc > :not(summary),.prose-rules p,.prose-rules li,.prose-rules .clause,.rules li{ color:var(--wd-text2); }
.prose-rules code,.ph{ background:rgba(201,162,39,.12); color:var(--gold-2); }
.rules li::before{ color:var(--gold); }
.hsteps li::before{ background:var(--gold); color:#1A1209; }
.acc summary::after{ color:var(--gold); }

/* ---------- type & sections ---------- */
.wd .eyebrow{ color:var(--gold); }
.wd-title,.wd-h2,.wd-h3,.big{ color:var(--wd-text); }
.wd-lead,.wd-note{ color:var(--wd-text2); }
.wd-note--honest{ border-top-color:var(--wd-line2); }
.wd-hero{ background:linear-gradient(160deg,#1B1813 0%,#12100D 55%,#0E0D0B 100%); border-bottom:1px solid var(--wd-line); padding:4.6rem 0 3.8rem; }
.wd-hero::after{ background-image:radial-gradient(rgba(201,162,39,.35) 1.5px,transparent 1.5px); background-size:26px 26px; -webkit-mask-image:linear-gradient(100deg,transparent 40%,#000 100%); mask-image:linear-gradient(100deg,transparent 40%,#000 100%); }
.wd-hero__flame{ opacity:.85; filter:drop-shadow(0 0 40px rgba(255,122,24,.35)); mix-blend-mode:screen; }
.wd-hero .wd-title{ background:linear-gradient(180deg,#FFF6E3 0%,#E9D9AF 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.wd-sec{ border-top:1px solid var(--wd-line2); }
.wd-sec--tint{ background:linear-gradient(180deg,var(--wd-bg),var(--wd-bg2)); }
.wd-sec--dark{ background:#0A0908; }
.launch{ background:#0A0908; border-bottom:1px solid var(--wd-line); }
.launch::before{ background:linear-gradient(90deg,var(--gold),var(--orange),var(--red)); }
.launch__label{ color:var(--gold); }
.launch .count b{ color:#fff; }
.crewband{ background:#0A0908; }
.crewband::before{ background:radial-gradient(ellipse at 18% 40%,rgba(201,162,39,.16),transparent 58%),radial-gradient(ellipse at 85% 70%,rgba(225,29,46,.16),transparent 58%); }
.wd-sec--dark .empty{ border-color:var(--wd-line); }

/* ---------- panels ---------- */
.panel,.mc,.tcard,.path,.empty{ background:linear-gradient(180deg,var(--wd-panel),var(--wd-bg2)); border-color:var(--wd-line2); border-radius:10px; }
.panel--dark{ background:rgba(255,246,227,.04); border-color:var(--wd-line2); }
.panel--tight{ background:var(--wd-bg2); }
.empty{ border-style:dashed; border-color:var(--wd-line); }
.big small,.panel--dark .big small,.wd-sec--dark .big small{ color:var(--wd-text2); }
.path::before{ background:linear-gradient(90deg,var(--gold),var(--orange)); }
.path:hover{ border-color:rgba(201,162,39,.5); box-shadow:0 30px 60px -30px rgba(0,0,0,.9); }
.path__num{ background:linear-gradient(90deg,var(--gold),var(--orange)); -webkit-background-clip:text; background-clip:text; }
.wd .split-3-2:has(#aside[hidden]){ grid-template-columns:1fr; }
.path p,.tcard__top small,.tcard__meta,.kv dt{ color:var(--wd-text2); }
.tcard:hover{ border-color:rgba(201,162,39,.5); }
.regbar--OCE{ border-top-color:var(--gold); }
.regbar--NA{ border-top-color:var(--red); }
.regbar--EU{ border-top-color:#8FA663; }
.timeline .panel{ border-top-color:var(--gold); }
.logo{ background:#2B261C; color:var(--gold-2); border:1px solid var(--wd-line); }
.ava{ background:#3A3428; color:var(--wd-text); }
.badge{ background:rgba(255,246,227,.08); color:var(--wd-text); }
.badge--fire{ background:var(--fire); color:#fff; }
.badge--ok{ background:var(--ok-soft); color:var(--ok-ink); }
.badge--warn{ background:var(--gold-soft); color:var(--gold-2); }
.badge--muted{ color:var(--wd-text2); }
.badge--demo{ background:var(--wd-panel); border-color:var(--wd-line); color:var(--wd-text); }
.dot{ background:var(--wd-text3); }
.dot--pending{ background:var(--gold); }
.place--1{ background:var(--gold); border-color:var(--gold); color:#1A1209; }
.place--2{ border-color:var(--gold); color:var(--gold-2); background:transparent; }
.place--3{ background:rgba(255,246,227,.08); color:var(--wd-text2); }
.place--live{ background:var(--ok-soft); color:var(--ok-ink); }
.fsq i{ background:rgba(255,246,227,.08); }
.fsq .f1{ background:var(--gold); }
.fsq .f2{ border-color:var(--gold); }
.fsq .f3{ background:rgba(255,246,227,.2); }
.mv--up{ color:var(--ok-ink); }
.mv--down{ color:#FF8A94; }
.addr code{ background:#0A0908; color:var(--gold-2); border:1px solid var(--wd-line2); }
.alert--err{ background:rgba(225,29,46,.15); color:#FF9AA3; }
.alert--ok{ background:var(--ok-soft); color:var(--ok-ink); }
.alert--info{ background:rgba(255,246,227,.06); color:var(--wd-text); }
.toast{ background:var(--gold); color:#1A1209; }
.dlg{ background:var(--wd-panel); border:1px solid var(--wd-line); }
.dlg p{ color:var(--wd-text2); }
.dlg-back{ background:rgba(0,0,0,.7); }
.sk{ background:linear-gradient(90deg,rgba(255,246,227,.05) 25%,rgba(255,246,227,.1) 50%,rgba(255,246,227,.05) 75%); background-size:200% 100%; }
.progress span{ background:rgba(255,246,227,.1); }
.progress span.on{ background:var(--gold); }
.dash-nav a{ color:var(--wd-text2); }
.dash-nav a:hover{ color:#fff; border-color:var(--wd-line); }
.dash-sec+.dash-sec{ border-top-color:var(--wd-line2); }
.rolelabel{ color:var(--gold); text-transform:uppercase; letter-spacing:.16em; font-size:.68rem; font-weight:900; }
.rowlist>div{ border-bottom-color:var(--wd-line2); }
.cmp .diff{ border-color:var(--red); background:rgba(225,29,46,.08); }
.evidence .ph-img{ background:rgba(255,246,227,.06); color:var(--wd-text2); }
.toc a{ color:var(--wd-text2); border-left-color:var(--wd-line2); }
.toc a:hover,.toc a.active{ color:var(--gold-2); border-left-color:var(--gold); }
.acc{ border-top-color:var(--wd-line2); }
.acc:last-child{ border-bottom-color:var(--wd-line2); }
.wd .ncard{ background:var(--wd-panel); border-color:var(--wd-line2); }
.wd .ncard__title{ color:var(--wd-text); }
.wd .ncard__date{ color:var(--wd-text2); }
.wd .ncard__tag{ background:var(--gold); color:#1A1209; }
.wd .ncard__ph{ background:#0A0908; color:var(--wd-text3); }

/* ---------- match card ---------- */
.mc__head{ border-bottom-color:var(--wd-line2); color:var(--wd-text2); background:rgba(0,0,0,.25); }
.mc__meta{ color:var(--wd-text); }
.mc__team{ border-left-color:var(--wd-line2); }
.mc__team--win{ background:rgba(201,162,39,.08); }
.mc__team--win::before{ background:linear-gradient(90deg,var(--gold),var(--orange)); }
.mc__name,.mc__zone{ color:var(--wd-text); }
.mc__team--win .mc__zone{ color:var(--gold-2); }
.mc__slot,.mc__sub,.mc__num small,.mc__pts,.mc__foot{ color:var(--wd-text2); }
.mc__team--win .mc__pts{ color:var(--gold-2); }
.mc__foot,.mc__detail{ border-top-color:var(--wd-line2); }
.mc__toggle{ color:var(--wd-text); }
.mc__toggle:hover{ color:var(--gold-2); }
.mc--live{ border-color:rgba(125,190,90,.5); }
.mc__stream{ background:#000; }
@media (max-width:640px){ .mc__team{ border-top-color:var(--wd-line2); } }

/* ---------- tables: the example's look ---------- */
.tblwrap{ background:rgba(0,0,0,.25); border:1px solid var(--wd-line2); border-radius:10px; overflow:hidden; }
.tbl{ table-layout:auto; width:100%; }
.tbl th{ position:static; }
.tbl td{ vertical-align:middle; }
.tbl .rank{ width:2.2rem; padding-right:.2rem; }
.tbl .team{ min-width:0; }
.tbl .team > span{ min-width:0; }
.tbl .team b{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:160px; }
.tbl .team small{ white-space:nowrap; }
.tbl .team .badge{ padding:.15rem .35rem; }
.tbl .team .badge svg{ width:12px; height:12px; }
#playersPanel .tbl th,#playersPanel .tbl td{ padding-left:.45rem; padding-right:.45rem; }
#playersPanel .tbl td.ico{ font-size:.86rem; }
#playersPanel .tbl th.icon .lbl{ display:none; }
#playersPanel .tbl th.icon svg{ width:16px; height:16px; }
#playersPanel .tbl .ava{ width:28px; height:28px; font-size:.7rem; }
@media (max-width:1100px){ #playersPanel .tbl .hide-t{ display:none; } }
.tbl{ font-size:.92rem; }
.tbl th{ background:#0A0908; color:var(--wd-text2); border-bottom:1px solid var(--wd-line); letter-spacing:.12em; text-transform:uppercase; font-size:.64rem; padding:.85rem .85rem; }
.tbl th[aria-sort] button,.tbl th button:hover{ color:var(--gold-2); }
.tbl th[aria-sort] { box-shadow:inset 0 -2px 0 var(--gold); }
.tbl td{ border-bottom-color:var(--wd-line2); padding:.82rem .85rem; }
.tbl tbody tr:nth-child(even) td{ background:rgba(255,246,227,.02); }
.tbl tbody tr:hover td{ background:rgba(201,162,39,.06); }
.tbl .rank{ color:var(--wd-text2); font-size:.95rem; }
.tbl tbody tr:nth-child(1) .rank,.tbl tbody tr:nth-child(2) .rank,.tbl tbody tr:nth-child(3) .rank{ color:var(--gold-2); }
.tbl .team small,.tbl td.sub{ color:var(--wd-text2); }
.tbl td.pts{ color:var(--gold-2); }
.tbl tr.me td{ background:rgba(201,162,39,.08); }
.tbl tr.me .team b a{ color:var(--gold-2); }
.tbl .team b a,.mc__name a,.tcard__top b,.tbl .team b{ color:var(--wd-text); }
.tbl .team b a:hover,.mc__name a:hover{ color:var(--gold-2); }
.tblwrap::-webkit-scrollbar{ height:8px; }
.tblwrap::-webkit-scrollbar-thumb{ background:rgba(201,162,39,.3); border-radius:4px; }
.tblwrap{ scrollbar-color:rgba(201,162,39,.3) transparent; scrollbar-width:thin; }
.tbl th.icon{ text-align:center; }
.tbl th.icon svg{ width:18px; height:18px; display:block; margin:0 auto; color:var(--wd-text2); }
.tbl th.icon[aria-sort] svg{ color:var(--gold-2); }
.tbl th.icon[aria-sort] button::after{ display:none; }
.tbl th.icon button{ flex-direction:column; gap:.2rem; align-items:center; width:100%; }
.tbl th.icon .lbl{ font-size:.56rem; letter-spacing:.08em; }
.tbl td.ico{ text-align:center; font-variant-numeric:tabular-nums; }
.tbl td.ico.hot{ color:var(--wd-text); font-weight:700; }
.tbl td.pts.pts--hide{ display:none; }
@media (max-width:720px){ .tbl td.pts.pts--hide{ display:block; } }
.formkey{ display:flex; gap:.6rem 1.4rem; flex-wrap:wrap; align-items:center; margin-top:.6rem; }
.formkey .wd-note{ display:inline-flex; align-items:center; gap:.45rem; font-size:.84rem; }
.formkey .wd-note b{ color:var(--wd-text); }
.lb-bar{ display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; padding:1rem 1.2rem; background:var(--wd-panel); border:1px solid var(--wd-line2); border-bottom:0; border-radius:10px 10px 0 0; }
.lb-bar+.tblwrap{ border-top-left-radius:0; border-top-right-radius:0; }
.lb-bar h3{ font-family:'Poppins','Archivo',sans-serif; font-weight:900; font-size:1.1rem; }
.lb-bar h3 small{ display:block; font-family:'Archivo',sans-serif; font-weight:500; font-size:.8rem; color:var(--wd-text2); margin-top:.2rem; }
.lb-bar .you{ font-size:.9rem; color:var(--wd-text2); display:flex; gap:.8rem; align-items:center; flex-wrap:wrap; }
.lb-bar .you b{ color:var(--gold-2); }
.podium .panel--win{ background:linear-gradient(180deg,rgba(201,162,39,.16),var(--wd-bg2)); }
.podium .panel--win::before{ background:linear-gradient(90deg,var(--gold),var(--orange)); }
.podium .who small{ color:var(--wd-text2); }
.xpbar{ height:6px; background:rgba(255,246,227,.08); border-radius:3px; overflow:hidden; }
.xpbar i{ display:block; height:100%; background:linear-gradient(90deg,var(--gold),var(--orange)); border-radius:3px; }
.classgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }
.classgrid .panel{ padding:1rem 1.1rem; display:flex; flex-direction:column; gap:.6rem; }
.classgrid .panel .row{ display:flex; justify-content:space-between; align-items:center; font-weight:700; }
.classgrid .panel .row span{ color:var(--wd-text2); font-weight:500; font-size:.85rem; }
.classgrid .panel small{ color:var(--wd-text2); font-size:.78rem; }
@media (max-width:720px){ .classgrid{ grid-template-columns:1fr 1fr; } .tbl tr{ border-bottom-color:var(--wd-line2); } .tbl tr.me td{ background:transparent; box-shadow:none; } }


/* ============================================================
   v24 — design review fixes (appended so it wins the cascade)
   ============================================================ */
:root{ --wd-text3:#857C6B; --fire:linear-gradient(135deg,#FFB400 0%,#FF7A18 55%,#E11D2E 100%); }
/* fire buttons: ink label (was white at ~2:1) */
.wd .btn--fire,.badge--fire,.wd .nav__new{ color:#1A1209; }
.wd .btn--fire:hover{ color:#1A1209; }
/* gold fill = selected only: pills get outline + tick, .btn--ink goes cream */
.pill input:checked+span{ background:var(--gold-soft); color:var(--gold-2); border:2px solid var(--gold); padding:.45rem .95rem; }
.pill input:checked+span::before{ content:'\2713\00a0'; }
.wd .btn--ink{ background:var(--wd-text); color:#1A1209; }
.wd .btn--ink:hover{ background:#fff; box-shadow:none; }
/* server ID: quiet mono text, the Copy button is the object */
.addr code,.addr code.is-long{ color:var(--wd-text2); background:transparent; border:0; padding-left:0; font-size:.8rem !important; font-weight:500 !important; }
.srv__count{ font-family:'Poppins','Archivo',sans-serif; font-weight:900; font-size:1.7rem; line-height:1; color:var(--wd-text); font-variant-numeric:tabular-nums; white-space:nowrap; }
.srv__count small{ font-family:'Archivo',sans-serif; font-weight:500; font-size:.8rem; color:var(--wd-text2); }
.srv__top{ align-items:flex-start; }
/* leaderboard: avatar beside name, sticky header back, "You" badge */
.tbl .who{ display:inline-flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--wd-text); padding:.2rem 0; min-height:44px; }
.tbl .who:hover{ color:var(--gold-2); }
.tbl th{ position:sticky; top:var(--sticky-top); }
.tbl--nosticky th{ position:static; }
.tbl th button{ min-height:44px; }
.tbl th button:focus-visible{ outline:3px solid var(--gold); outline-offset:2px; }
.tbl .you{ margin-left:.4rem; font-size:.58rem; vertical-align:middle; }
.lb-bar .you a{ color:var(--gold-2); text-decoration:none; }
.lb-bar .you a:hover{ text-decoration:underline; }
@media (max-width:720px){ .tbl td.hide-m{ display:none; } .tbl td.sub{ display:flex; } }
/* team cards: even heights, quiet apply */
.tcard{ height:100%; }
.tcard .wd-note{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.tcard .btn{ margin-top:auto !important; }
/* selects look like selects */
.filters select{ border-color:var(--wd-line); font-weight:600; padding-right:2.6rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23F3EBD8' stroke-width='2'/%3E%3C/svg%3E"); background-size:14px 10px; background-repeat:no-repeat; background-position:right .9rem center; }
/* twitch pill: only when live */
.nav__live:not(.is-live){ display:none; }
/* one radius for boxes, one for pills */
.wd .btn,.alert,.toast,.drop,.dlg,.mc,.empty,.place,.mc__stream,.evidence img,.evidence .ph-img{ border-radius:10px; }
/* placeholders read as TBC, not emphasis */
.ph{ background:transparent; color:var(--wd-text2); border:1px dashed var(--wd-line); font-weight:500; padding:0 .35em; }
/* dashboard section nav = subnav pattern */
.dash-nav{ flex-wrap:nowrap; overflow-x:auto; gap:0; border-bottom:1px solid var(--wd-line2); scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,#000 90%,transparent); mask-image:linear-gradient(90deg,#000 90%,transparent); }
.dash-nav::-webkit-scrollbar{ display:none; }
.dash-nav a{ flex:none; border:0; border-bottom:3px solid transparent; border-radius:0; font-family:'Poppins','Archivo',sans-serif; font-weight:900; font-size:.78rem; }
.dash-nav a:hover{ border-color:transparent; }
.dash-nav a.active{ color:#fff; border-bottom-color:var(--gold); }
/* board tabs vs region filters */
.tabs--board{ gap:0; flex-wrap:nowrap; overflow-x:auto; border-bottom:1px solid var(--wd-line2); scrollbar-width:none; }
.tabs--board::-webkit-scrollbar{ display:none; }
.tabs--board .tab{ flex:none; background:transparent; border:0; border-bottom:3px solid transparent; border-radius:0; color:var(--wd-text2); }
.tabs--board .tab[aria-selected="true"]{ background:transparent; color:#fff; border-bottom-color:var(--gold); }
.tabs--board .tab:hover{ color:var(--gold-2); }
.wd .filters .search{ flex:1 1 100%; }
/* solo / team forms: room between groups */
.wd .form{ gap:1.8rem; }
.wd .form > .field + .field{ padding-top:1.2rem; border-top:1px solid var(--wd-line2); }
/* footer tap targets */
.footer__col li{ min-height:44px; display:flex; align-items:center; }
.footer__col ul{ gap:0; }
/* subnav: show that it scrolls */
.subnav__in{ -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent); mask-image:linear-gradient(90deg,#000 88%,transparent); }
/* hover lifts only where hover exists */
@media (hover:none){ .wd .btn:hover,.path:hover,.tcard:hover,.card:hover,.ncard:hover{ transform:none; } }
/* mobile chrome: only the subnav sticks; long CTA labels wrap */
@media (max-width:720px){
  .tbl td,.tbl td.team{ padding:0; }
  .tbl .who{ min-height:0; padding:0; }
  .wd .wd-top{ position:static; }
  .subnav{ position:sticky; top:0; z-index:40; }
  .wd .nav{ padding:10px 22px; }
  .ctas .btn{ white-space:normal; text-align:left; justify-content:flex-start; }
  .wd-hero__status{ font-size:.86rem; }
}
.wd-hero__status{ display:inline-flex; align-items:center; gap:.5rem; margin-top:1.2rem; color:var(--wd-text2); font-size:.92rem; }
.wd-hero__status b{ color:var(--wd-text); font-weight:600; }
.path__num{ display:none; }

/* status dots: variants must beat the themed base */
.dot--live{ background:var(--ok); }
.dot--pending{ background:var(--gold); }
.dot--down{ background:var(--red); }

/* account chip lives outside the burger menu */
.nav__right{ order:3; }
.wd .nav__links{ order:2; margin-left:auto; margin-right:.6rem; }
@media (max-width:1100px){
  .wd .nav__links{ margin:0; }
  .nav__right .acct{ margin:0; }
}
@media (max-width:720px){
  .nav__right .acct{ padding:.3rem .8rem .3rem .3rem; font-size:.68rem; }
  .nav__right .acct span{ display:none; }
  .nav__right .acct{ min-width:44px; justify-content:center; padding:0; gap:0; }
  .nav__right button.acct{ width:auto; padding:0 .8rem; gap:.4rem; }
  .nav__right button.acct svg{ width:18px; height:18px; }
}

/* register: login first, invite panel next, on narrow screens */
@media (min-width:721px){ .paths--2{ grid-template-columns:1fr 1fr; } }
@media (max-width:980px){ #flow:not(:has(form)){ display:contents !important; } #flow > *{ order:0; } #aside{ order:1; margin-top:0; } #flow > .paths{ order:2; } #flow > form{ order:0; } }

/* sticky table header must position against the page, not the rounded wrapper */
.tblwrap{ overflow:clip; }
/* records: even cards, room before the totals block, numbers in the display face */
.records{ align-items:stretch; }
.record{ height:100%; }
.record__value{ font-family:'Poppins','Archivo',sans-serif; font-weight:900; }
.record__label{ min-height:2.4em; }
#recordsPanel > div + div{ margin-top:2rem; padding-top:1.6rem; border-top:1px solid var(--wd-line2); }

/* nav stays 58px with the chip beside the burger; mid widths drop two cash columns */
@media (max-width:1100px){ .nav__right .acct{ min-height:36px; height:36px; } .nav__right .acct img,.nav__right .acct .ava{ width:24px; height:24px; } }
@media (min-width:721px) and (max-width:1020px){ .tbl th.hide-t2,.tbl td.hide-t2{ display:none; } .tbl th,.tbl td{ padding-left:.55rem; padding-right:.55rem; } }