/* Phone redesign: tokens, pick header, rows, nav. Spec: docs/mobile-redesign.md */

/* Neutral desktop defaults for new markup */
#md .pickhead{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#md .pkline{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:baseline}
#md .pknum{font-weight:700}
#md .prow .l2>span.rt{display:none}
#md .pw .pwk{display:inline}

@media(max-width:700px){
  html,body{background:#0e1626}
  .aurora{display:none}
  #md{
    --dl-bg:#0e1626;--dl-surface:#0e1626;--dl-raised:#152036;--dl-hover:#1b2a45;
    --dl-border:#26344f;--dl-border-strong:#33456a;--dl-text:#eef2f7;--dl-muted:#9aa8bd;--dl-faint:#9aa8bd;
    --dl-blue:#f0b45a;--dl-mono:var(--dl-sans);
    background:#0e1626;color:#eef2f7;font-variant-numeric:tabular-nums;
  }
  #md.mobile-draft{--dl-hatch:0}
  #md.mobile-draft *{font-family:var(--dl-sans)}
  #md.mobile-draft .avail,#md.mobile-draft .side{background:transparent;border:0;box-shadow:none;padding:0}
  #md.mobile-draft .turnbar{display:flex;align-items:center;padding:12px 0 8px;gap:6px 12px;background:transparent;border:0;box-shadow:none;position:static}
  #md.mobile-draft .turnbar::before{display:none}
  #md.mobile-draft .pickhead{display:flex;flex:1 0 100%;align-items:center;gap:14px;flex-wrap:nowrap}
  #md.mobile-draft .pknum{font-size:32px;line-height:1.05;font-weight:700;color:#eef2f7;font-variant-numeric:tabular-nums;white-space:nowrap}
  #md.mobile-draft .pickhead.on .pknum{color:#f0b45a}
  #md.mobile-draft .pkline{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;color:#9aa8bd}
  #md.mobile-draft .pkline .you{font-family:var(--dl-sans);font-size:16px;font-weight:600;letter-spacing:0;text-transform:none;color:#eef2f7}
  #md.mobile-draft .turnbar .you::before{display:none}
  #md.mobile-draft .pkline .muted,#md.mobile-draft .pkline b{font-size:14px;color:#9aa8bd}
  #md.mobile-draft .pkline b{color:#eef2f7;font-weight:600}
  #md.mobile-draft .nextpick{font-size:14px;color:#9aa8bd}
  #md.mobile-draft .nextpick b{color:#eef2f7}
  #md.mobile-draft .turnbar .ghostbtn{color:#9aa8bd;border-color:#26344f;background:transparent}

  /* search + filters */
  #md.mobile-draft .avail>input{background:#152036;color:#eef2f7;border:1px solid #26344f;border-radius:10px;padding:0 12px}
  #md.mobile-draft .avail>input::placeholder{color:#9aa8bd}
  #md.mobile-draft .filters-disclose{margin:0 0 4px;padding:0 12px;background:#152036;border:1px solid #26344f;border-radius:10px}
  #md.mobile-draft .filters-disclose summary{padding:0;background:transparent;border:0;color:#eef2f7;font-size:14px}
  #md.mobile-draft .filters-disclose[open]{background:#152036;border-color:#26344f}
    #md.mobile-draft .filters-disclose summary .muted{color:#9aa8bd}
  #md.mobile-draft .fchip{background:#0e1626;border:1px solid #26344f;color:#eef2f7;border-radius:10px}
  #md.mobile-draft .fchip[aria-pressed="true"],#md.mobile-draft .fchip.on{border-color:#f0b45a;color:#f0b45a}
  #md.mobile-draft input:focus-visible,#md.mobile-draft select:focus-visible,#md.mobile-draft button:focus-visible,#md.mobile-draft summary:focus-visible,#md.mobile-draft .prow:focus-visible{outline:2px solid #f0b45a;outline-offset:2px}
  #md.mobile-draft .listmeta{background:transparent;color:#9aa8bd;padding:8px 2px;font-size:12px}

  /* rows */
  #md.mobile-draft .prow{position:relative;display:block;min-height:64px;padding:10px 2px 10px 0;border:0;border-bottom:1px solid #26344f;border-radius:0;background:transparent;box-shadow:none}
  #md.mobile-draft .prow.pc-focus{background:#152036}
  #md.mobile-draft .prow .l1{display:flex;align-items:baseline;gap:8px;padding-right:120px}
  #md.mobile-draft .prank{width:36px;flex:none;text-align:left;font-size:14px;color:#9aa8bd;font-variant-numeric:tabular-nums}
  #md.mobile-draft .pname{font-size:16px;font-weight:600;color:#eef2f7;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
  #md.mobile-draft .pname .teamtag{display:none}
  #md.mobile-draft .prow .l2{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:2px;padding-left:44px;font-size:14px;color:#9aa8bd}
  #md.mobile-draft .prow .l2>span:not(.mv-chip):not(.role-chip){display:none;font-family:var(--dl-sans);font-size:14px;color:#9aa8bd}
  #md.mobile-draft .prow .l2>span.rt:not(.mv-chip):not(.role-chip){display:inline;order:-2;font-weight:500;color:#9aa8bd}
  #md.mobile-draft .prow .l2>span:nth-child(5):not(.mv-chip):not(.role-chip){display:inline;order:-1}
  #md.mobile-draft .prow .l2>span:nth-child(1):not(.mv-chip):not(.role-chip){display:inline;order:0}
  #md.mobile-draft .prow .l2>span.playoffbadge:not(.mv-chip):not(.role-chip){display:flex;position:absolute;top:10px;right:2px;gap:3px;font-size:12px}
  #md.mobile-draft .playoffbadge .pwx{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  #md.mobile-draft .playoffbadge .pw{display:inline-flex;align-items:baseline;gap:3px;min-width:30px;justify-content:center;padding:2px 5px;border-radius:8px;border:1px solid #26344f;font-size:12px;font-weight:600;color:#eef2f7;font-variant-numeric:tabular-nums}
  #md.mobile-draft .playoffbadge .pwk{font-size:10px;font-weight:500;color:#9aa8bd}
  #md.mobile-draft .playoffbadge .pw.g0,#md.mobile-draft .playoffbadge .pw.g1,#md.mobile-draft .playoffbadge .pw.g2{color:var(--dl-red);background:var(--dl-red-bg);border-color:var(--dl-red-line)}
  #md.mobile-draft .playoffbadge .pw.g3{color:var(--dl-amber);background:var(--dl-amber-bg);border-color:var(--dl-amber-line)}
  #md.mobile-draft .playoffbadge .pw.g4{color:var(--dl-green);background:var(--dl-green-bg);border-color:var(--dl-green-line)}

  /* a11y: 44px hit areas */
  #md.mobile-draft .fchip{min-width:44px;min-height:44px}
  #md.mobile-draft .ghostbtn{min-height:44px;min-width:44px}
  #md.mobile-draft .prow .injtag{position:relative}
  #md.mobile-draft .prow .injtag::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
  #md.mobile-draft summary{display:flex;align-items:center;min-height:44px;flex-wrap:wrap}

  /* bottom nav */
  #md.mobile-draft .mobile-nav{gap:0;padding:0 0 env(safe-area-inset-bottom);background:#152036;border-top:1px solid #26344f;margin:0 -10px;padding-left:10px;padding-right:10px}
  #md.mobile-draft .mobile-nav button{position:relative;min-height:56px;border:0;border-radius:0;background:transparent;color:#9aa8bd;font-size:14px}
  #md.mobile-draft .mobile-nav button[aria-current="page"]{background:transparent;color:#eef2f7;border:0;font-weight:600}
  #md.mobile-draft .mobile-nav button[aria-current="page"]::before{content:"";position:absolute;left:12px;right:12px;top:0;height:2px;background:#f0b45a;border-radius:0 0 2px 2px}
}
@media(max-width:360px){
  #md.mobile-draft .playoffbadge .pwk{display:none}
  #md.mobile-draft .prow .l1{padding-right:104px}
}
/* Restart sits beside "Pick N" on every phone tab; first tap arms, second restarts. */
@media (max-width:700px){
  #md.mobile-draft .pickhead{flex:1 1 0;min-width:0;order:-2}
  #md.mobile-draft #mdnew{order:-1;align-self:flex-start;min-height:44px;padding:8px 12px;font-size:14px;color:#9aa8bd;background:transparent;border:1px solid #26344f;border-radius:10px;white-space:nowrap}
  #md.mobile-draft #mdnew.armed{color:#f0b45a;border-color:#f0b45a}
  #md.mobile-draft .turnbar>.nextpick{flex-basis:100%}
}