@import url("runs-shared.css");
/* Coach review page styles (owned by the runs stage). Shared components live in site.css and runs-shared.css. */
.cx-top{padding-top:var(--s-6)}
.cx-honest{margin-bottom:var(--s-7);max-width:56rem}
.cx-head{margin-bottom:var(--s-5)}
.cx-status{font-size:var(--t-small);color:var(--muted)}
.cx-status b{font:900 italic 1.9rem/.9 var(--f-display);text-transform:uppercase;color:var(--ink);margin-right:6px}

/* filter bar */
.cx-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-5) var(--s-6);padding:var(--s-5) 0;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.cx-filter legend{padding:0;margin-bottom:10px}
.cx-filter .seg span{min-height:44px;padding:11px 14px 10px}
.cx-trickf select{min-width:220px}
.cx-copyall{margin-left:auto}

/* run groups and event cards */
.cx-queue{display:grid;gap:var(--s-8);margin-top:var(--s-7)}
.cx-group-h{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:var(--s-5);align-items:center;padding-bottom:var(--s-4);border-bottom:1.5px solid var(--ink)}
.cx-group-h .rs-thumb{width:56px}
.cx-group-h .label{color:var(--muted)}
.cx-run-name{font:900 italic 1.9rem/.9 var(--f-display);text-transform:uppercase;overflow-wrap:anywhere}
.cx-group-h .cx-run-file{margin-top:6px;overflow-wrap:anywhere}
.cx-group-n{font-size:var(--t-small);color:var(--muted);white-space:nowrap}
.cx-group-n b{font:900 italic 1.6rem/.9 var(--f-display);color:var(--ink);margin-right:4px}
.cx-card{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,5fr);gap:var(--s-7);padding:var(--s-6);margin-top:var(--s-5);background:var(--kicker);border:1.5px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-hard)}
.cx-card.done{background:var(--paper-2);box-shadow:none}
.cx-when{color:var(--muted)}
.cx-trick{font-size:clamp(2.6rem,3.6vw,4rem);margin-top:var(--s-3)}
.cx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-4)}
.cx-toggle{display:inline-flex;align-items:center;gap:12px;min-height:48px;margin-top:var(--s-6);padding:0 18px 0 12px;font:700 .9rem/1 var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--kicker);box-shadow:inset 0 0 0 2px var(--ink);border-radius:var(--radius)}
.cx-toggle:hover{background:var(--paper-2)}
.cx-box{display:grid;place-items:center;width:24px;height:24px;background:var(--kicker);box-shadow:inset 0 0 0 2px var(--ink);transform:skewX(var(--slant))}
.cx-box svg{width:16px;height:16px;stroke:var(--ink);opacity:0;transform:skewX(10deg)}
.cx-toggle.on{background:var(--ink);color:var(--paper)}
.cx-toggle.on .cx-box{background:var(--paper);box-shadow:none}
.cx-toggle.on .cx-box svg{opacity:1}
.cx-mrows .mrow{padding:11px 0 9px}
.cx-mrows .mrow dd{font-size:1.85rem}
.cx-mrows .mrow.na dd{color:var(--muted)}
.cx-notes-h{color:var(--muted);margin-bottom:var(--s-3)}
.cx-list{list-style:none;border-top:1.5px solid var(--ink);counter-reset:note}
.cx-list li{counter-increment:note;display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px var(--s-3);padding:14px 0 12px;border-bottom:1px solid var(--rule)}
.cx-list li::before{content:counter(note,decimal-leading-zero);grid-row:span 2;font:900 italic 1.9rem/.85 var(--f-display);color:var(--signal-ink)}
.cx-ref{font:700 .72rem/1.2 var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cx-none{font-size:var(--t-small);color:var(--muted);padding:14px 0;border-top:1.5px solid var(--ink)}
.cx-notes .btn-row{margin-top:var(--s-5)}
.cx-nothing{display:grid;justify-items:start;gap:var(--s-4);padding:var(--s-8) 0}
.cx-nothing-t{font-size:clamp(2.8rem,5vw,4.8rem)}

@media (max-width:1100px){
  .cx-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6)}
  .cx-notes{grid-column:1/-1}
}
@media (max-width:640px){
  .cx-honest{margin-bottom:var(--s-6)}
  .cx-bar{gap:var(--s-4)}
  .cx-trickf,.cx-copyall{width:100%;margin-left:0}
  .cx-trickf select{min-width:0;width:100%}
  .cx-copyall .btn{width:100%}
  .cx-queue{gap:var(--s-7);margin-top:var(--s-6)}
  .cx-group-h{grid-template-columns:48px minmax(0,1fr);gap:var(--s-2) var(--s-4)}
  .cx-group-h .rs-thumb{width:48px;grid-row:span 3;align-self:start}
  .cx-group-h .btn.text{justify-self:start;min-height:36px;padding:6px 2px}
  .cx-card{grid-template-columns:1fr;gap:var(--s-5);padding:var(--s-5);box-shadow:4px 4px 0 var(--ink)}
  .cx-toggle{margin-top:var(--s-5)}
}