/* COACH K — shared by the Chrome extension side panel and the phone page. SBA Black palette. */
:root{
  --ink:#06080b;--ink2:#0a0d12;--panel:#0d1117;--panel2:#11161e;--line:#202733;--line2:#2b3442;
  --bone:#f3efe6;--muted:#969da8;--dim:#69717d;--brass:#c8a86b;--brass2:#8f7446;
  --go:#5fbf8a;--warn:#d5a56e;--danger:#d98080;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--bone);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit;color:inherit}
.ck{min-height:100vh;padding:0 0 32px}
.ck-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:linear-gradient(180deg,var(--ink) 70%,rgba(6,8,11,.85));border-bottom:1px solid var(--line)}
.ck-brand{display:flex;align-items:center;gap:10px}
.ck-brand b{display:block;font:800 15px/1.1 var(--sans);letter-spacing:-.01em}
.ck-brand small{display:block;font:800 9px var(--mono);letter-spacing:.16em;color:var(--brass);text-transform:uppercase}
.ck-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:radial-gradient(circle at 30% 25%,#e2c58a,var(--brass2));color:#0b0f15;font:900 16px var(--sans)}
.ck-tabs{display:flex;gap:4px;padding:3px;border:1px solid var(--line2);border-radius:12px;background:var(--ink2)}
.ck-tabs button{border:0;background:none;border-radius:9px;padding:7px 11px;font:800 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer}
.ck-tabs button.on{background:var(--panel2);color:var(--bone);box-shadow:inset 0 0 0 1px var(--line2)}
.ck-list{display:grid;gap:10px;padding:14px 16px}
.ck-empty{display:grid;gap:10px;justify-items:start;margin:24px 16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--muted)}
.ck-empty b{color:var(--bone);font-size:16px}
.ck-loading-line{margin:0 2px;color:var(--muted);font-size:13px}
.ck-skel{height:78px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,var(--panel) 30%,var(--panel2) 50%,var(--panel) 70%);background-size:300% 100%;animation:ck-shimmer 1.6s ease-in-out infinite}
@keyframes ck-shimmer{from{background-position:100% 0}to{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.ck-skel{animation:none}}
.ck-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel2),var(--panel));overflow:hidden}
.ck-card.live{border-color:rgba(95,191,138,.35)}
.ck-card.expanded{border-color:rgba(200,168,107,.45)}
.ck-card>.ck-row,.ck-card>p,.ck-card>.ck-form,.ck-card>.ck-actions,.ck-card>.ck-link{margin:12px 14px}
.ck-card-head{display:grid;gap:6px;width:100%;text-align:left;border:0;background:none;padding:13px 14px;cursor:pointer}
.ck-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ck-pill{font:800 8.5px var(--mono);letter-spacing:.14em;padding:4px 7px;border-radius:7px}
.ck-pill.go{background:rgba(95,191,138,.14);color:var(--go)}
.ck-pill.wait{background:rgba(200,168,107,.12);color:var(--brass)}
.ck-league{font:800 9px var(--mono);letter-spacing:.14em;color:var(--dim)}
.ck-clock{margin-left:auto;font:700 11px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}
.ck-match{font:750 16px/1.25 var(--sans);letter-spacing:-.015em}
.ck-sides{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--muted)}
.ck-sides b{color:var(--bone)}
.ck-lock{display:flex;align-items:baseline;gap:6px;font:800 20px var(--sans);letter-spacing:-.03em;color:var(--brass);font-variant-numeric:tabular-nums}
.ck-lock small{font:800 8.5px var(--mono);letter-spacing:.16em;color:var(--dim)}
.dim{color:var(--muted)}
.ck-walk{display:grid;gap:2px;padding:4px 14px 14px;border-top:1px solid var(--line)}
.ck-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px dashed var(--line)}
.ck-step:last-child{border-bottom:0}
.ck-n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--brass2);color:var(--brass);font:800 11px var(--mono)}
.ck-step-body{display:grid;gap:8px;min-width:0}
.ck-step-body>b{font-size:14px}
.ck-step-body>p{margin:-4px 0 0;color:var(--muted);font-size:12.5px}
.ck-stake{display:flex;align-items:center;gap:6px;max-width:180px;border:1px solid var(--line2);border-radius:12px;padding:0 10px;background:var(--ink2)}
.ck-stake span{color:var(--dim);font-weight:800}
.ck-stake input{width:100%;border:0;outline:0;background:none;padding:11px 0;font:800 18px var(--sans);font-variant-numeric:tabular-nums}
.ck-chips{display:flex;flex-wrap:wrap;gap:6px}
.ck-chip{border:1px solid var(--line2);background:var(--ink2);border-radius:999px;padding:8px 12px;font:750 12.5px var(--sans);cursor:pointer}
.ck-chip.on{border-color:var(--brass);background:rgba(200,168,107,.12);color:var(--bone)}
.ck-verdict{display:grid;gap:3px;border-radius:12px;padding:10px 12px;border:1px solid var(--line2);background:var(--ink2)}
.ck-verdict b{font-size:14px}
.ck-verdict small{color:var(--muted);font-size:12px}
.ck-fits{display:grid;gap:6px;margin-top:4px;padding-top:6px;border-top:1px solid var(--line2)}
.ck-fits .ck-btn{justify-self:start}
.ck-verdict.good{border-color:rgba(95,191,138,.45);background:rgba(95,191,138,.08)}
.ck-verdict.good b{color:var(--go)}
.ck-verdict.moved{border-color:rgba(213,165,110,.45);background:rgba(213,165,110,.08)}
.ck-verdict.moved b{color:var(--warn)}
.ck-verdict.dont{border-color:rgba(217,128,128,.4);background:rgba(217,128,128,.07)}
.ck-verdict.dont b{color:var(--danger)}
.ck-verdict.wait{color:var(--muted)}
.ck-settle{display:grid;gap:4px;margin-top:6px;padding-top:7px;border-top:1px dashed var(--line2)}
.ck-rg{color:var(--bone)!important;opacity:.85}   /* MY LIMITS: calm — bone, never brass, never red */
.ck-settle-h{font:800 8.5px var(--mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--warn)!important}
.ck-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ck-btn{border:1px solid var(--brass);background:var(--brass);color:#0b0f15;border-radius:12px;padding:10px 14px;font:800 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.ck-btn.ghost{background:rgba(200,168,107,.08);color:var(--brass);border-color:rgba(200,168,107,.5)}
.ck-btn:disabled{opacity:.45;cursor:not-allowed}
.ck-link{border:0;background:none;padding:0;color:var(--dim);font:700 11px var(--mono);letter-spacing:.06em;text-decoration:underline;cursor:pointer}
.ck-receipt{display:grid;gap:8px}
.ck-fill{display:grid;grid-template-columns:20px minmax(0,1fr);gap:2px 8px;align-items:center;border:1px solid var(--line2);border-radius:12px;padding:9px 11px;background:var(--ink2);cursor:pointer}
.ck-fill small{grid-column:2;color:var(--dim);font-size:11.5px}
.ck-alerts{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px dashed var(--line2);border-radius:16px}
.ck-alerts p{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.ck-note{margin:0;padding:10px 12px;border-radius:12px;background:rgba(200,168,107,.07);border:1px solid rgba(200,168,107,.28);color:var(--muted);font-size:12.5px}
.ck-venue{font-size:15px}
.ck-form{display:grid;gap:10px}
.ck-form label{display:grid;gap:5px}
.ck-form label span{font:800 9px var(--mono);letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.ck-form input,.ck-form textarea{width:100%;border:1px solid var(--line2);border-radius:11px;background:var(--ink2);padding:10px 11px;outline:0;font:500 12.5px var(--mono)}
.ck-form input:focus,.ck-form textarea:focus,.ck-stake:focus-within{border-color:var(--brass2)}
.ck-bad{color:var(--danger);font-size:12px;min-height:0}
.ck-bal{font:800 16px var(--sans);font-variant-numeric:tabular-nums}
@media (min-width:720px){.ck{max-width:560px;margin:0 auto}}
/* Oct 28 · THE RATING, as the board card shows it (brass like the board's tier pill; red only when SBA no longer recommends it) */
.ck-grade{display:inline-grid;justify-items:start;gap:1px;padding:3px 7px;border:1px solid rgba(200,168,107,.4);border-radius:7px;font:800 10px var(--mono);letter-spacing:.1em;color:var(--brass);text-transform:uppercase;line-height:1.2}
.ck-grade small{display:block;font:800 7.5px var(--mono);letter-spacing:.1em;color:var(--dim)}
.ck-grade.down{border-color:rgba(213,165,110,.5);color:var(--warn)}
.ck-grade.sev{border-color:rgba(217,128,128,.5);color:var(--danger)}
.ck-nlr{margin:8px 0 2px}
.ck-nlr b{font-size:13px}
/* Oct 28 · FIRST-RUN SETUP: a short list until every item is done */
.ck-setup{border:1px dashed var(--line2);border-radius:16px;padding:12px 14px;background:var(--panel)}
.ck-setup.folded{padding:8px 14px}
.ck-setup-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ck-setup-h b{font-size:14px}
.ck-setup-h small{color:var(--dim);font:700 10px var(--mono);letter-spacing:.08em}
.ck-setup-h .ck-link{margin-left:auto}
.ck-setup ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ck-setup li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px}
.ck-setup li b{font-size:13px}
.ck-setup li small{display:block;color:var(--muted);font-size:12px}
.ck-setup li .ck-link{display:inline-block;margin-top:3px}
.ck-setup li .ck-btn{padding:8px 11px;font-size:10px}
.ck-tick{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line2);color:var(--dim);font:800 11px var(--mono)}
.ck-setup li.done .ck-tick{border-color:rgba(95,191,138,.5);color:var(--go)}
.ck-setup li.todo .ck-tick{border-color:rgba(200,168,107,.5);color:var(--brass)}
/* Oct 24 · I GOT A DIFFERENT FILL */
.ck-fillfix{margin-top:10px;border:1px dashed var(--line2);border-radius:12px;padding:10px 12px}.ck-fillfix summary{cursor:pointer;font-weight:700;color:var(--brass,#c8a86b)}.ck-fillfix .ck-stake{margin-top:8px}.ck-fillfix small{display:block;opacity:.75;margin:3px 0 0}.ck-fillfix .ck-btn{margin-top:10px}
/* the bot has this one (Oct 28): the card's bot status, and the one-line verdict in the walk-through's place */
.ck-pill.bot{color:var(--brass);border-color:var(--brass2)}
.ck-verdict.ck-bot{border-color:var(--brass2)}
