/* SRQ Softball — Sub Board. Layout: dugout clipboard — week header, games strip, team cards, sub pool on the right. */
:root{
  --bg:#eef0f5; --surface:#fff; --sunk:#f5f6f9; --ink:#141c32; --muted:#5a6377; --line:#dde1ea;
  --navy:#13203f; --navy-fill:#13203f; --on-navy:#fff; --red:#c81f2e; --red-soft:#fbe7e9;
  --amber:#9a6200; --amber-soft:#fdf1dc; --ok:#1d6b45; --ok-soft:#e3f3ea; --focus:#2f6fe4;
  --r0:#11804f; --r1:#1d5fa6; --r2:#6a3fa0; --r3:#a05d00; --r4:#56607a; --r5:#7a4a3a;
  --f-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif; --f-body:Barlow,"Helvetica Neue",Arial,sans-serif;
  --shadow:0 1px 2px rgba(19,32,63,.08),0 8px 24px rgba(19,32,63,.10);
}
@media (prefers-color-scheme: dark){:root{
  --bg:#0d1220; --surface:#151c2f; --sunk:#10172a; --ink:#e7eaf2; --muted:#9aa3b7; --line:#283150;
  --navy:#a9bbe6; --navy-fill:#2a3b6b; --red:#f0596a; --red-soft:#3a1a22; --amber:#f0b54a; --amber-soft:#33270f;
  --ok:#5fcf97; --ok-soft:#14301f; --focus:#7aa7ff; --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.4); color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.4;
  padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left))}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
a{color:var(--navy)}
.wrap{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:14px}

/* header */
.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0;text-decoration:none;color:inherit}
.brand>img{width:56px;height:56px;flex:none}
.brand .eye{display:block;font-family:var(--f-display);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);line-height:1;margin-bottom:3px}
.brand small.pw{display:flex;align-items:center;gap:6px;margin-top:5px}
.brand .pw img{width:22px;height:22px;flex:none}
.brand .pw b{color:var(--ink);font-weight:600}
.brand h1{font-family:var(--f-display);font-size:26px;letter-spacing:.03em;text-transform:uppercase;margin:0;line-height:1}
.brand small{display:block;color:var(--muted);font-size:12.5px;font-weight:500;margin-top:3px}
.tabs{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface)}
.tabs button{border:0;background:none;padding:7px 16px;font-family:var(--f-display);font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.tabs button[aria-pressed="true"]{background:var(--navy-fill);color:var(--on-navy)}
.who{display:flex;align-items:center;gap:8px;font-size:13.5px}
.who b{font-weight:600}

.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 13px;font-weight:600;cursor:pointer;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff}
.btn.navy{background:var(--navy-fill);border-color:var(--navy-fill);color:var(--on-navy)}
.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.ghost{background:transparent}
.btn.danger{color:var(--red)}
.btn.sm{padding:4px 9px;font-size:13px;border-radius:7px}
.btn[disabled]{opacity:.5;cursor:not-allowed}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}
.panel h2,.h2{font-family:var(--f-display);font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
.meta{font-size:13px;color:var(--muted)}

/* week bar */
.weekbar{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;background:var(--navy-fill);color:var(--on-navy);border-radius:14px;padding:12px 16px}
.weekbar .date{font-family:var(--f-display);font-weight:700;font-size:28px;letter-spacing:.03em;text-transform:uppercase;line-height:1}
.weekbar select{background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:6px 8px;color:#fff;font-weight:600}
.weekbar select option{color:#141c32}
.weekbar .nav{border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:18px;line-height:1}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 11px;font-weight:700;font-size:13px;letter-spacing:.03em}
.pill.bye{background:var(--red);color:#fff}
.live{margin-left:auto;font-size:12.5px;display:flex;align-items:center;gap:6px;opacity:.85}
.live i{width:8px;height:8px;border-radius:50%;background:#5fcf97;display:inline-block}
.live.off i{background:#f0b54a}

/* games */
.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.game{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}
.game .fld{font-family:var(--f-display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:13px}
.game .vs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600}
.game .t{display:inline-flex;align-items:center;gap:6px}
.sw{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.25);display:inline-block;flex:none}

/* layout */
.main{display:flex;flex-direction:column;gap:14px}
/* playing teams: 1, 2, 3 across, then down */
.teams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
/* below the teams: call-ups · not available + feed + tools */
.side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.sidecol{display:flex;flex-direction:column;gap:14px;min-width:0}
.card.byecard .chead:not(.tinted){background:var(--red-soft)}
@media (max-width:980px){.teams{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.teams,.side{grid-template-columns:minmax(0,1fr)}}

/* team card */
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}
.card.mine{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.chead{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--sunk);border-bottom:1px solid var(--line);flex-wrap:wrap}
.chead .num{font-family:var(--f-display);font-weight:700;font-size:13px;background:var(--navy-fill);color:var(--on-navy);border-radius:6px;padding:2px 7px}
.chead .nm{font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:.03em;text-transform:uppercase}
.chead .mgr{font-size:12.5px;color:var(--muted);margin-left:auto}
.badge{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:2px 6px}
.badge.you{background:var(--red);color:#fff}
.rows{list-style:none;margin:0;padding:0}
.prow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 12px;border-top:1px solid var(--line)}
.prow:first-child{border-top:0}
.prow.isout{background:var(--red-soft)}
.rate{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:14px;color:#fff;background:var(--r4)}
.rate.r0{background:var(--r0)}.rate.r1{background:var(--r1)}.rate.r2{background:var(--r2)}.rate.r3{background:var(--r3)}.rate.r4{background:var(--r4)}.rate.r5{background:var(--r5)}
.pn{min-width:0}
.pn b{font-weight:600}
.pn .sub{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.pn .role{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-left:5px}
.acts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.tag{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:2px 7px;white-space:nowrap}
.tag.out{background:var(--red);color:#fff}
.tag.req{background:var(--amber-soft);color:var(--amber);border:1px solid var(--amber)}
.tag.conf{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok)}
.tag.yes{background:var(--ok-soft);color:var(--ok)}
.tag.no{background:var(--sunk);color:var(--muted);border:1px solid var(--line)}
.tag.wait{background:transparent;color:var(--muted);border:1px dashed var(--line)}
.subline{grid-column:2 / -1;display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;font-size:13.5px;margin-top:-2px}
.subline .arrow{color:var(--muted)}

/* side cards */
.list{list-style:none;margin:0;padding:0}
.list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 12px;border-top:1px solid var(--line)}
.list li:first-child{border-top:0}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.seg button{border:0;background:var(--surface);padding:4px 9px;font-size:12.5px;font-weight:600;cursor:pointer}
.seg button[aria-pressed="true"].y{background:var(--ok);color:#fff}
.seg button[aria-pressed="true"].n{background:var(--muted);color:var(--bg)}
.search{padding:8px 12px;border-bottom:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}
.search input{flex:1;min-width:140px;background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:6px 10px}
.feed{list-style:none;margin:0;padding:0;max-height:340px;overflow:auto}
.feed li{padding:7px 12px;border-top:1px solid var(--line);font-size:13.5px}
.feed li:first-child{border-top:0}
.feed li.new{background:var(--amber-soft)}
.feed time{display:block;font-size:11.5px;color:var(--muted)}
.cardpad{padding:12px 14px}
.toolbar{display:flex;gap:8px;flex-wrap:wrap}

/* modal */
.ov{position:fixed;inset:0;z-index:40;background:rgba(8,12,24,.55);display:flex;align-items:flex-start;justify-content:center;overflow:auto;
  padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 24px max(12px,env(safe-area-inset-left))}
.dlg{background:var(--surface);border-radius:16px;width:100%;max-width:620px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:none;margin-top:4vh}
.dlg header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.dlg header h3{margin:0;font-family:var(--f-display);font-size:22px;letter-spacing:.03em;text-transform:uppercase}
.dlg header .x{margin-left:auto}
.dlg .body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.in{background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:16px;text-transform:none;letter-spacing:0;font-weight:500;width:100%}
.pinin{font-size:28px;letter-spacing:.3em;text-align:center;font-family:var(--f-display);font-weight:700}
.err{color:var(--red);font-size:14px;font-weight:600;min-height:1.2em}
.grp h4{margin:6px 0 6px;font-family:var(--f-display);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cand{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px}
.cand.no{opacity:.6}
.cand .why{font-size:12.5px;color:var(--red)}
.toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;z-index:60;max-width:calc(100% - 32px)}
.toast.err{background:var(--red);color:#fff}
.empty{padding:14px;color:var(--muted);font-size:14px}
.adm table{border-collapse:collapse;width:100%;font-size:13.5px}
.adm td,.adm th{border-top:1px solid var(--line);padding:6px;text-align:left}
.adm th{font-family:var(--f-display);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.scroll{overflow-x:auto}

/* print sheet */
#printsheet{display:none}
@media print{
  @page{size:letter portrait;margin:.35in}
  body{background:#fff;color:#000;padding:0;font-size:10.5px}
  .wrap,.ov,.toast{display:none!important}
  #printsheet{display:block!important}
  .ps-h{text-align:center;margin-bottom:6px}
  .ps-h .t1{font-size:11px;letter-spacing:.2em;font-weight:700}
  .ps-h .t2{font-size:20px;font-weight:800;letter-spacing:.06em}
  .ps-h .t3{font-size:10px;color:#333}
  .ps-bar{display:flex;justify-content:space-between;border:1.5px solid #13203f;border-radius:6px;padding:4px 8px;margin:6px 0;font-weight:700}
  .ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .ps-team{border:1px solid #13203f;border-radius:6px;overflow:hidden;break-inside:avoid}
  .ps-team .hd{background:#13203f;color:#fff;padding:3px 6px;font-weight:700;font-size:11px;display:flex;justify-content:space-between}
  .ps-team.bye .hd{background:#c81f2e}
  .ps-team table{width:100%;border-collapse:collapse}
  .ps-team td,.ps-team th{border-top:1px solid #ccd;padding:2px 4px;font-size:10px;text-align:left}
  .ps-team th{font-size:9px;color:#444}
  .ps-team tr.o td{background:#fbe7e9}
  .ps-box{border:1px solid #13203f;border-radius:6px;padding:5px 7px;break-inside:avoid;font-size:10px}
  .ps-box b{font-size:10.5px}
}

/* pick order */
.pickbar{background:var(--surface);border:2px solid var(--navy-fill);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.pickbar:empty{display:none}
.pbhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.pbtitle{font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:.03em;text-transform:uppercase;line-height:1.1}
.pbsub{font-size:13.5px;color:var(--muted);margin-top:3px}
.pbacts{display:flex;gap:6px;flex-wrap:wrap}
.pkrow{display:flex;gap:6px;flex-wrap:wrap}
.pk{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 4px;font-weight:600;font-size:14px;background:var(--sunk)}
.pk b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--navy-fill);color:var(--on-navy);font-size:12.5px}
.pk small{color:var(--muted);font-weight:600}
.pk i{font-style:normal;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.pk.on{background:var(--red);border-color:var(--red);color:#fff}.pk.on small{color:#fff;opacity:.85}.pk.on b{background:#fff;color:var(--red)}
.pk.done{opacity:.55}
.card.onclock{box-shadow:0 0 0 3px var(--red)}
.badge.clock{background:var(--red);color:#fff}
.badge.done{background:var(--sunk);color:var(--muted);border:1px solid var(--line)}
.pickline{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 12px;font-size:13.5px;background:var(--sunk);border-bottom:1px solid var(--line)}
.pickline.up{background:var(--red-soft);color:var(--red)}
.game .res{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}
.game .res .btn[aria-pressed="true"]::before{content:"✓ "}

.tag.taken{font-weight:700;white-space:nowrap}

/* Team colors: headers, game cards, pick order */
.chead.tinted{background:var(--tc);color:var(--tf);border-bottom:0;padding:12px 14px}
.chead.tinted .num{background:var(--tf);color:var(--tc);font-size:14px;min-width:24px;text-align:center}
.chead.tinted .mgr{color:var(--tf);opacity:.85;margin-left:auto}
.chead.tinted .badge{box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}
.chead.wh{background:linear-gradient(#fff,#f3f5f9);border-bottom:3px solid var(--navy-fill);color:#13203f}
.chead.wh .num{background:#13203f;color:#fff}
.chead .outs{flex-basis:auto;background:#fff;color:#c81f2e;font-weight:700;font-size:12.5px;border-radius:999px;padding:2px 10px;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.chead.wh .outs{background:var(--red-soft)}
.badge.byeb{background:var(--tf);color:var(--tc)}
.chead.wh .badge.byeb{background:#13203f;color:#fff}
.tchip{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:7px;background:var(--tc);color:var(--tf);font-family:var(--f-display);font-weight:700;font-size:16px;flex:none;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}
.tchip.wh{box-shadow:inset 0 0 0 1.5px #c3c8d4}
.game{position:relative;overflow:hidden;padding:14px 16px 12px;gap:8px}
.gstripe{position:absolute;inset:0 0 auto 0;height:5px}
.gtop{display:flex;justify-content:space-between;align-items:baseline}
.gtime{font-size:12.5px;color:var(--muted);font-weight:600}
.game .vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.game .side{display:flex;align-items:center;gap:9px;min-width:0}
.game .side b{display:block;font-size:16.5px;line-height:1.15}
.game .side small{display:block;font-size:12px;color:var(--muted);font-weight:500}
.game .vs .side:last-child{flex-direction:row-reverse;text-align:right}
.vsx{font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--sunk);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.results{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--line);padding-top:8px;margin-top:2px}
.rlabel{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.game .res{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}
.rt{font-size:13px;font-weight:700;color:var(--muted);min-width:40px}
.wbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:5px 12px;font-weight:600;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
button.wbtn::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--tc);border:1px solid rgba(0,0,0,.2)}
button.wbtn:hover{border-color:var(--muted)}
.wbtn.won{background:var(--tc);color:var(--tf);border-color:var(--tc);font-weight:700}
.wbtn.won::before{content:"✓";width:auto;height:auto;background:none;border:0}
.wbtn.won.wh{border-color:#13203f;color:#13203f}
.pk .sw{width:12px;height:12px;border-radius:50%}
.pk.on .sw{border-color:#fff}
@media (max-width:420px){.game .side small{display:none}}

/* Compact rows for players who are out */
.prow.isout{align-items:start;padding:7px 12px 8px}
.prow.isout > .rate{margin-top:1px}
.l1{display:flex;align-items:center;gap:7px;min-width:0;grid-column:2/-1;min-height:26px}
.l1 b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.l1 .tag.out{font-size:10.5px;padding:1px 6px;flex:none}
.l1 .lnk{margin-left:auto}
.mini{font-size:12px;color:var(--muted);white-space:nowrap}
.lnk{border:0;background:none;color:var(--muted);font-weight:600;font-size:13px;text-decoration:underline;cursor:pointer;padding:4px 2px;flex:none}
.lnk:hover{color:var(--ink)}
.sl{grid-column:2/-1;display:flex;align-items:center;gap:7px;margin-top:4px;padding:4px 6px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-size:14px;min-width:0}
.sl b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sl .rate{width:20px;height:20px;font-size:11.5px;flex:none}
.sl .ph{color:var(--muted);font-size:13px;white-space:nowrap;text-decoration:none}
.sl .st{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700}
.sl .st.ok{color:var(--ok);background:var(--ok-soft)}
.sl .st.req{color:var(--amber);background:var(--amber-soft)}
.sl .cf{margin-left:auto;padding:3px 10px;font-size:13px;flex:none}
.sl .x{margin-left:auto;font-size:12.5px}
.sl .cf + .x,.sl .req-t + .x{margin-left:0}
.sl .req-t{margin-left:auto;color:var(--amber);font-weight:600}
.sl.need{background:none;border:1px dashed var(--red);padding:4px 6px 4px 10px}
.sl .needt{color:var(--red);font-weight:700;font-size:13px;margin-right:auto}
.sl.pend{flex-wrap:wrap}.sl.pend .cf{margin-left:27px}

/* Pick order: teams in pick order with arrows; the team on the clock is outlined */
.pkrow{align-items:center;gap:6px;row-gap:12px;padding-top:4px}
.pklead{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.pkarr{color:var(--muted);font-size:16px}
.pkrow .tm{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:5px 12px 5px 5px;background:var(--sunk);font-weight:600;font-size:14.5px;position:relative}
.pkrow .tm small{color:var(--muted);font-weight:600;font-size:12.5px}
.pkrow .tm i{font-style:normal;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.pkrow .tm .tchip{min-width:26px;height:26px;font-size:15px}
.pkrow .tm.on{border:2px solid var(--red);background:var(--red-soft);padding:4px 11px 4px 4px}
.pkrow .tm.on::after{content:"On the clock";position:absolute;top:-9px;left:10px;background:var(--red);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:1px 5px;white-space:nowrap}
.pkrow .tm.done{opacity:.5}

/* Rainouts */
.pill.rain{background:#56607a;color:#fff}
.weekbar .wrain{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.weekbar .wrain:hover{border-color:#fff}
.pickbar.rainbar{border-color:#56607a;background:linear-gradient(135deg,var(--surface),var(--sunk))}
.rainday .game{opacity:.45}

/* Taken subs: red tag, name struck through in red but still readable */
.tag.taken,.tag.taken.conf,.tag.taken.req{background:var(--red);color:#fff;border:1px solid var(--red)}
.list li.taken .pn b{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
.list li.taken .pn b,.list li.taken .rate{opacity:.75}

/* Call-up list: filters, age and other-league badges */
.cusearch{display:flex;gap:8px;align-items:center}
.cusearch input{flex:1;min-width:0}
.cufilters{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--sunk)}
.cufilters .frow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cufilters .lbl{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-width:52px}
.fchip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 11px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.fchip[aria-pressed="true"]{background:var(--navy-fill);color:var(--on-navy);border-color:var(--navy-fill)}
.fchip .dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.dot.r0{background:var(--r0)}.dot.r1{background:var(--r1)}.dot.r2{background:var(--r2)}.dot.r3{background:var(--r3)}.dot.r4{background:var(--r4)}
.list .pn .age{color:var(--muted);font-weight:500;font-size:12.5px;margin-left:6px}
.lgrow{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px;align-items:center}
.lg{font-size:11px;font-weight:600;border-radius:5px;padding:0 5px;white-space:nowrap;border:1px solid transparent;line-height:17px}
.lg.on{background:var(--navy-fill);color:var(--on-navy)}
.lg.cu{border:1px dashed var(--amber);color:var(--amber)}
.lg.no{border-color:var(--line);color:var(--muted)}
.lgrow .arr{font-size:11.5px;color:var(--muted)}

.cuprev{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--sunk)}
.cuprev h4{margin:0;font-family:var(--f-display);font-size:18px;letter-spacing:.03em;text-transform:uppercase}
.lgprev{font-size:13.5px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:6px}

/* manager sign-in: pick your team, get an email */
.sigrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sitm{display:flex;align-items:center;gap:9px;text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 10px;cursor:pointer;min-width:0}
.sitm span{display:flex;flex-direction:column;min-width:0}
.sitm b{font-weight:600;font-size:14.5px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sitm small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sitm[aria-pressed="true"]{border-color:var(--navy-fill);box-shadow:0 0 0 2px var(--navy-fill) inset;background:var(--sunk)}
.btn:disabled{opacity:.5;cursor:default}
.sipin{border-top:1px solid var(--line);padding-top:10px}
.sipin summary{cursor:pointer;color:var(--muted);font-size:13.5px;font-weight:600}
.sipinform{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:13.5px}
.chk input{margin-top:3px}
.sisent{background:var(--ok-soft);border-radius:12px;padding:16px;text-align:center}
.sisent .big{font-size:34px;line-height:1}
.sisent>b{display:block;font-size:17px;margin-top:6px}
.sisent p{margin:8px 0 0}
@media (max-width:380px){.sigrid{grid-template-columns:1fr}}

/* powered-by footer */
.gdm-foot{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px auto 6px;color:var(--muted)}
.gdm-foot img{width:64px;height:64px;flex:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.2))}
.gdm-foot small{display:block;font-size:12.5px;letter-spacing:.04em;line-height:1.2}
.gdm-foot b{display:block;font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);line-height:1.05}
@media print{.gdm-foot{display:none!important}}