/* IRON BARBELL — THE DESK  ·  chrome + components for the desk seats (.dk-*)
   Standalone mock. Tokens are the design system's; declared locally with the
   documented hex so this file stands up even if _ds/ is not reachable.
   6.25 — the whole sheet (tokens included) is scoped to .dk so the desk can be
   mounted INSIDE the working template beside the phone app's own sheets. */
.dk{
  --ib-pitch:#050505;--ib-iron:#0A0A0A;--ib-steel:#1A1A1A;--ib-gunmetal:#2A2A2A;--ib-graphite:#3A3A3A;
  --ib-silver:#9A9A9A;--ib-plate:#D9D9D9;--ib-white:#fff;
  --ib-electric:#075DC6;--ib-electric-h:#1C77E0;--ib-electric-d:#044399;--ib-electric-b:#4FA8FF;--ib-electric-t:#E6EFFB;
  --dk-bg:#F4F6F8;--dk-surf:#fff;--dk-sunk:#EAEEF2;--dk-line:#DDE3E9;--dk-line2:#C3CCD6;
  --dk-fg:#12161A;--dk-mut:#5B6672;--dk-sub:#8794A1;
  /* [6.34] THE SESSION TYPES, ONE COLOUR EACH — keyed off IB_CLASSES' own `accent`
     tokens (--t-crossfit · --t-focus · --t-zone2 · --t-contrast) so the timetable, the
     coach's week and the board all tone a session the same way. */
  --dkt-crossfit:#075DC6;--dkt-focus:#B0730C;--dkt-zone2:#2C7A88;--dkt-contrast:#5B5E8C;--dkt-none:#64707C;--dkt-iron:#0A0A0A;--dkt-social:#1E9E62;
  --turf:#1E9E62;--turf-deep:#137A4A;--turf-t:#E4F4EC;
  --forge:#D9A21B;--forge-deep:#9A7010;--forge-t:#FBF2DC;
  --rust:#C4392E;--rust-deep:#96271E;--rust-t:#FAE8E6;
  --f-cond:"Barlow Condensed","Oswald",Impact,sans-serif;  --f-body:"Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --f-disp:"National Champion","Barlow Condensed",Impact,sans-serif;
}
.dk, .dk *{box-sizing:border-box}
/* the design system's base sheet is written for dark marketing surfaces — the desk
   runs on the Tier-3 light app surfaces, so text colour inherits from its container */
.dk p,.dk h1,.dk h2,.dk h3,.dk h4,.dk ul,.dk ol{color:inherit;margin:0}
.dk,.dk{margin:0;height:100%}
.dk{background:var(--dk-bg);color:var(--dk-fg);font-family:var(--f-body);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}
.dk button{font-family:inherit;cursor:pointer}
/* [6.30] THE DESK IS A LIGHT SHEET INSIDE A DARK APP, AND A BUTTON DOES NOT INHERIT
   COLOUR — it takes the UA's own `buttontext`, which resolves WHITE inside the
   working template (body colour is white there). Every desk button that did not name
   its own colour was therefore white on white: the coach rows, the benchmark picker
   rows, the sheet's close X. Zero specificity (:where) so every rule below still wins. */
/* [6.34b] AND THE SAME FOR BACKGROUND: a <button> takes the UA's ButtonFace, which is
   dark grey in the template, so any desk button that never named a background sat on
   grey — the timetable's class cards, where the type's colour and WHO IS ON IT then
   read at ~1.1:1. Zero specificity again: every .on / .gap / .offc variant still wins. */
:where(.dk) :where(button,input,textarea,select){color:inherit;background-color:transparent}
.dk a{color:var(--ib-electric-d);text-decoration:none}
.dk a:hover{color:var(--ib-electric-d);text-decoration:underline}
.dk ::selection{background:var(--ib-electric);color:#fff}

/* ============ SHELL ============ */
.dk{display:grid;grid-template-columns:236px 1fr;height:100vh;min-width:1180px;overflow:hidden}
.dk-rail{background:var(--ib-iron);color:#fff;display:flex;flex-direction:column;min-height:0}
.dk-brand{padding:18px 18px 16px;border-bottom:1px solid var(--ib-graphite);display:flex;align-items:center;gap:11px}
.dk-brand img{width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.dk-brand b{display:block;font-family:var(--f-cond);font-weight:900;font-size:17px;letter-spacing:.04em;text-transform:uppercase;line-height:1}
.dk-brand .sub{display:block;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ib-silver);margin-top:3px}

.dk-seatbox{padding:14px 14px 6px}
.dk-seatlab{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ib-silver);margin-bottom:8px}
.dk-seats{display:grid;gap:4px}
.dk-seat{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:4px;color:var(--ib-silver);padding:8px 9px;font-size:12px;font-weight:600;transition:background .12s,color .12s}
.dk-seat:hover{background:rgba(255,255,255,.06);color:#fff}
.dk-seat.on{background:var(--ib-steel);border-color:var(--ib-graphite);color:#fff}
.dk-seat i{width:6px;height:6px;border-radius:50%;background:var(--ib-graphite);flex:0 0 auto}
.dk-seat.on i{background:var(--ib-electric)}
.dk-seat em{margin-left:auto;font-style:normal;font-family:var(--f-mono);font-size:10px;color:var(--ib-silver)}
.dk-seat .onphone{margin-left:auto;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-silver);border:1px solid var(--ib-graphite);border-radius:999px;padding:2px 6px}

.dk-nav{padding:14px;border-top:1px solid var(--ib-graphite);margin-top:8px;overflow-y:auto;flex:1 1 auto;min-height:0}
.dk-navlab{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ib-silver);margin:0 0 9px 2px}
.dk-nav .grp{display:grid;gap:2px;margin-bottom:18px}
.dk-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-left:3px solid transparent;color:#C9CDD2;padding:9px 10px;font-size:12.5px;font-weight:600;letter-spacing:.01em;transition:background .12s,color .12s}
.dk-item:hover{background:rgba(255,255,255,.05);color:#fff}
.dk-item.on{background:var(--ib-steel);border-left-color:var(--ib-electric);color:#fff}
.dk-item .ic{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;stroke-width:1.75;fill:none;opacity:.85}
.dk-item .n{margin-left:auto;font-family:var(--f-mono);font-size:10px;font-weight:700;color:#fff;background:var(--ib-electric);border-radius:999px;padding:2px 6px;min-width:20px;text-align:center}
.dk-item .n.warn{background:var(--rust)}
.dk-me{border-top:1px solid var(--ib-graphite);padding:13px 16px;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.dk-av{width:30px;height:30px;border-radius:4px;background:var(--ib-gunmetal);color:#fff;display:grid;place-items:center;font-family:var(--f-cond);font-weight:900;font-size:13px;letter-spacing:.03em}
.dk-me b{display:block;font-size:12px;font-weight:700}
.dk-me .sub{display:block;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ib-silver);margin-top:2px}

.dk-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--dk-bg)}
.dk-top{flex:0 0 auto;background:var(--dk-surf);border-bottom:1px solid var(--dk-line)}
/* [6.75] a tight screen: the title, and straight into the work */
.dk-top.tight .dk-toprow{padding-top:11px}
.dk-top.tight .dk-h{font-size:23px}
.dk-top.tight .dk-crumb{margin-bottom:3px}
.dk-toprow{display:flex;align-items:flex-end;gap:20px;padding:16px 26px 0}
.dk-crumb{font-size:9.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ib-electric);margin-bottom:5px}
.dk-h{font-family:var(--f-cond);font-weight:900;font-size:29px;line-height:1;letter-spacing:.03em;text-transform:uppercase;margin:0}
.dk-topmeta{margin-left:auto;display:flex;align-items:center;gap:9px;padding-bottom:3px}
.dk-tabs{display:flex;gap:2px;padding:14px 26px 0;margin-top:11px}
.dk-tab{background:none;border:0;border-bottom:2px solid transparent;padding:0 3px 11px;margin-right:20px;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--dk-sub);transition:color .12s}
.dk-tab:hover{color:var(--dk-fg)}
.dk-tab.on{color:var(--dk-fg);border-bottom-color:var(--ib-electric)}
.dk-work{flex:1 1 auto;min-height:0;overflow:hidden;display:flex}
.dk-scroll{flex:1 1 auto;min-width:0;overflow-y:auto;padding:22px 26px 40px}
.dk-wrap{max-width:1560px}

/* ============ PRIMITIVES ============ */
.dk-btn{display:inline-flex;align-items:center;gap:7px;background:var(--ib-electric);color:#fff;border:1px solid var(--ib-electric);border-radius:4px;padding:8px 15px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:background .12s}
.dk-btn:hover{background:var(--ib-electric-h)}
.dk-btn:active{background:var(--ib-electric-d);transform:translateY(1px)}
.dk-btn.ghost{background:transparent;color:var(--dk-fg);border-color:var(--dk-line2)}
.dk-btn.ghost:hover{background:var(--dk-sunk);border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk-btn.dark{background:var(--ib-iron);border-color:var(--ib-iron)}
.dk-btn.dark:hover{background:var(--ib-steel)}
.dk-btn.sm{padding:6px 11px;font-size:10px}
.dk-btn:disabled{opacity:.4;cursor:not-allowed}
.dk-card{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px}
.dk-card.stripe{border-top:3px solid var(--ib-electric)}
.dk-cardhd{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--dk-line)}
.dk-cardhd h3{font-family:var(--f-cond);font-weight:900;font-size:16px;letter-spacing:.04em;text-transform:uppercase;margin:0}
.dk-cardhd .r{margin-left:auto;display:flex;gap:8px;align-items:center}
.dk-eb{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ib-electric)}
.dk-lab{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dk-sub)}
/* [6.35] a label's second line is a SENTENCE, not more label — the pattern was already
   in use (Check-ins, Coach notes) with nothing to break the line, so it ran together */
.dk .dk-lab > span{display:block;font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--dk-sub);margin-top:4px;text-wrap:pretty}
.dk-mono{font-family:var(--f-mono)}
.dk-mut{color:var(--dk-mut)}
.dk-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--dk-line2);background:var(--dk-surf);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;color:var(--dk-mut)}
.dk-chip.on{background:var(--ib-iron);border-color:var(--ib-iron);color:#fff}
.dk-chip em{font-style:normal;font-family:var(--f-mono);font-size:10px;opacity:.75}
.dk-tag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.dk-tag.blue{background:var(--ib-electric-t);color:var(--ib-electric-d)}
.dk-tag.green{background:var(--turf-t);color:var(--turf-deep)}
.dk-tag.amber{background:var(--forge-t);color:var(--forge-deep)}
.dk-tag.red{background:var(--rust-t);color:var(--rust-deep)}
.dk-tag.grey{background:var(--dk-sunk);color:var(--dk-mut)}
.dk-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}
.dk-dot.green{background:var(--turf)}.dk-dot.amber{background:var(--forge)}.dk-dot.red{background:var(--rust)}
.dk-dot.blue{background:var(--ib-electric)}.dk-dot.grey{background:var(--dk-line2)}
.dk-in{width:100%;background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:4px;padding:9px 11px;font-family:inherit;font-size:12.5px;color:var(--dk-fg)}
.dk-in:focus{outline:none;border-color:var(--ib-electric);box-shadow:0 0 0 3px rgba(7,93,198,.12)}
.dk textarea.dk-in{resize:vertical;line-height:1.6}
.dk-rule{height:1px;background:var(--dk-line);margin:18px 0}
.dk-empty{padding:60px 30px;text-align:center;color:var(--dk-sub)}
.dk-empty b{display:block;font-family:var(--f-cond);font-weight:900;font-size:19px;letter-spacing:.04em;text-transform:uppercase;color:var(--dk-mut);margin-bottom:7px}

/* two-pane: the list stays, the record opens beside it */
.dk-panes{display:grid;grid-template-columns:392px 1fr;flex:1 1 auto;min-height:0}
.dk-list{border-right:1px solid var(--dk-line);background:var(--dk-surf);display:flex;flex-direction:column;min-height:0}
.dk-listhd{flex:0 0 auto;padding:15px 18px 12px;border-bottom:1px solid var(--dk-line)}
.dk-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.dk-rows{flex:1 1 auto;overflow-y:auto;min-height:0}
.dk-row{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--dk-line);border-left:3px solid transparent;padding:12px 17px;transition:background .12s}
.dk-row:hover{background:var(--dk-sunk)}
.dk-row.on{background:var(--ib-electric-t);border-left-color:var(--ib-electric)}
.dk-row .nm{display:flex;align-items:center;gap:8px}
.dk-row .nm b{font-size:13.5px;font-weight:700;letter-spacing:.01em}
.dk-row .nm .t{margin-left:auto;font-family:var(--f-mono);font-size:10px;color:var(--dk-sub)}
.dk-row .wy{font-size:11.5px;color:var(--dk-mut);margin-top:3px;text-wrap:pretty}
.dk-row .mt{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.dk-listft{flex:0 0 auto;border-top:1px solid var(--dk-line);padding:9px 17px;font-size:10.5px;color:var(--dk-sub);display:flex;align-items:center;gap:14px}
.dk-kbd{font-family:var(--f-mono);font-size:9.5px;font-weight:700;background:var(--dk-sunk);border:1px solid var(--dk-line2);border-bottom-width:2px;border-radius:3px;padding:1px 5px;color:var(--dk-mut)}
.dk-rec{min-width:0;overflow-y:auto;background:var(--dk-bg)}
.dk-rechd{background:var(--dk-surf);border-bottom:1px solid var(--dk-line);padding:19px 26px}
.dk-recid{display:flex;align-items:flex-start;gap:14px}
.dk-recid h2{font-family:var(--f-cond);font-weight:900;font-size:26px;line-height:1;letter-spacing:.03em;text-transform:uppercase;margin:0 0 6px}
.dk-recsub{font-size:11.5px;color:var(--dk-mut)}
.dk-recact{margin-left:auto;display:flex;gap:8px;flex:0 0 auto}
.dk-recbody{padding:22px 26px 44px}
.dk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dk-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dk-sec{margin-bottom:22px}
.dk-sech{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 11px}
.dk-sech h3{font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.05em;text-transform:uppercase;margin:0}
.dk-sech .r{margin-left:auto;display:flex;gap:8px;align-items:center;flex:0 0 auto}
/* [6.37] the coverage read is one phrase, not five text nodes to break between */
.dk .dk-sech .r .dk-lab{white-space:nowrap}

/* stat tile */
.dk-stat{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;padding:17px 19px}
.dk-stat .k{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dk-sub)}
.dk-stat .v{font-family:var(--f-cond);font-weight:900;font-size:40px;line-height:1;letter-spacing:.02em;margin:9px 0 0}
.dk-stat .d{font-size:11px;color:var(--dk-mut);margin-top:7px}
.dk-stat .d b{color:var(--turf-deep)}
.dk-stat .d b.dn{color:var(--rust-deep)}
.dk-stat.dark{background:var(--ib-iron);border-color:var(--ib-iron);color:#fff}
.dk-stat.dark .k{color:var(--ib-electric-b)}
.dk-stat.dark .d{color:var(--ib-silver)}

/* table */
.dk-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.dk-tbl th{text-align:left;font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub);padding:0 14px 9px;border-bottom:1px solid var(--dk-line2);white-space:nowrap}
.dk-tbl th.num,.dk-tbl td.num{text-align:right;font-family:var(--f-mono)}
.dk-tbl td{padding:11px 14px;border-bottom:1px solid var(--dk-line);vertical-align:middle}
.dk-tbl tbody tr:hover{background:var(--dk-sunk)}
.dk-tbl td b{font-weight:700}
.dk-bar{height:6px;background:var(--dk-sunk);border-radius:3px;overflow:hidden;min-width:70px}
.dk-bar i{display:block;height:100%;background:var(--ib-electric);border-radius:3px}
.dk-bar i.green{background:var(--turf)}.dk-bar i.amber{background:var(--forge)}.dk-bar i.red{background:var(--rust)}

/* ============ HEAD COACH · PROGRAMMING ============ */
.dk-paste{display:grid;grid-template-columns:520px 1fr;gap:18px;align-items:start}
.dk-pastebox{position:sticky;top:0}
.dk-pastebox textarea{min-height:520px;font-family:var(--f-mono);font-size:12px;line-height:1.65}
.dk-week{display:grid;gap:10px}
.dk-day{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;padding:0;overflow:hidden}
.dk-dayhd{display:flex;align-items:center;gap:11px;padding:11px 16px;background:var(--dk-sunk);border-bottom:1px solid var(--dk-line)}
.dk-dayhd b{font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.05em;text-transform:uppercase}
.dk-dayhd .dt{font-family:var(--f-mono);font-size:10.5px;color:var(--dk-mut)}
.dk-dayhd .r{margin-left:auto;display:flex;gap:7px;align-items:center}
.dk-pieces{display:grid;gap:1px;background:var(--dk-line)}
.dk-piece{background:var(--dk-surf);padding:11px 16px;display:grid;grid-template-columns:132px 1fr auto;gap:14px;align-items:start}
.dk-piece .pn{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-electric-d);white-space:nowrap}
.dk-piece .pn .sub{display:block;font-family:var(--f-mono);font-size:9.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--dk-sub);margin-top:3px}
.dk-piece .pl{font-size:12.5px;line-height:1.55;white-space:pre-line}
.dk-piece .pr{display:flex;gap:6px;align-items:center}
.dk-iconbtn{width:26px;height:26px;border-radius:4px;border:1px solid var(--dk-line2);background:var(--dk-surf);color:var(--dk-mut);display:grid;place-items:center;padding:0}
.dk-iconbtn:hover{border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk-iconbtn svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none}
.dk-iconbtn.warn{width:auto;padding:0 8px;border-color:var(--rust);color:var(--rust-deep);background:var(--rust-t)}
.dk-iconbtn .sure{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* ============ PROGRAMMING · the week is the spine ============ */
.dk .pg-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0}
.dk .pg-calbox{flex:0 0 auto;background:var(--dk-surf);border-bottom:1px solid var(--dk-line2)}
.dk .pg-calhd{display:flex;align-items:center;gap:12px;padding:11px 26px}
.dk .pg-calhd b{font-family:var(--f-cond);font-weight:900;font-size:17px;letter-spacing:.04em;text-transform:uppercase}
.dk .pg-calhd .r{margin-left:auto;display:flex;gap:8px}
.dk .pg-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--dk-line);border-top:1px solid var(--dk-line)}
.dk .pg-col{background:var(--dk-surf);border:0;border-top:3px solid transparent;text-align:left;padding:9px 11px 12px;min-width:0;display:block;transition:background .12s}
.dk .pg-col:hover{background:var(--dk-sunk)}
.dk .pg-col.on{border-top-color:var(--ib-electric);background:var(--ib-electric-t)}
.dk .pg-col.empty{background:repeating-linear-gradient(135deg,var(--dk-surf),var(--dk-surf) 7px,var(--dk-sunk) 7px,var(--dk-sunk) 14px)}
.dk .pg-col.empty.on{background:var(--ib-electric-t)}
.dk .pg-colhd{display:flex;align-items:baseline;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--dk-line);margin-bottom:8px}
.dk .pg-colhd .dw{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dk-sub)}
.dk .pg-colhd b{font-family:var(--f-cond);font-weight:900;font-size:19px;line-height:1;letter-spacing:.02em}
.dk .pg-colhd .mo{font-size:9.5px;font-weight:700;color:var(--dk-sub);text-transform:uppercase}
.dk .pg-colhd .pg-dot{width:6px;height:6px;border-radius:50%;background:var(--turf);margin-left:auto;align-self:center}
.dk .pg-col.today .pg-colhd b{color:var(--ib-electric-d)}
.dk .pg-col.today .pg-colhd .dw{color:var(--ib-electric-d)}
.dk .pg-cs{margin-bottom:9px}
.dk .pg-cs .ct{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-electric-d);margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk .pg-cs.focus .ct{color:var(--forge-deep)}
.dk .pg-cs .cp{display:flex;align-items:baseline;gap:5px;font-size:11px;padding:2px 0;min-width:0}
.dk .pg-cs .cp .tg{font-family:var(--f-mono);font-size:9px;font-weight:700;color:#fff;background:var(--ib-gunmetal);border-radius:2px;padding:1px 4px;flex:0 0 auto}
.dk .pg-cs.focus .cp .tg{background:var(--forge-deep)}
.dk .pg-cs .cp .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dk .pg-cs .cp .sc{margin-left:auto;font-family:var(--f-mono);font-size:9px;color:var(--dk-sub);flex:0 0 auto}
.dk .pg-cempty{font-size:10.5px;color:var(--dk-sub);padding:6px 0}
/* [6.75] the types NOT being shown — present, quiet, one line */
.dk .pg-cother{display:flex;align-items:center;gap:5px;margin-top:8px;padding-top:7px;border-top:1px solid var(--dk-line)}
.dk .pg-cother i{width:7px;height:7px;border-radius:99px;flex:0 0 auto;background:var(--ib-electric)}
.dk .pg-cother i.focus{background:var(--forge)}
.dk .pg-cother i.socialsat{background:var(--turf)}
.dk .pg-cother span{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dk-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* [6.75] the type rail — the week shows one type at a time */
.dk .pg-tyrail{display:flex;gap:6px;margin-left:6px}
.dk .pg-ty{display:flex;align-items:baseline;gap:7px;background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;color:var(--dk-mut)}
.dk .pg-ty:hover{border-color:var(--c);color:var(--dk-fg)}
.dk .pg-ty span{font-family:var(--f-mono);font-size:9.5px;font-weight:500;color:var(--dk-sub)}
.dk .pg-ty.on{background:var(--ib-iron);border-color:var(--ib-iron);color:#fff;box-shadow:inset 3px 0 0 var(--c)}
.dk .pg-ty.on span{color:#9AA3AD}
/* [6.75] the day's one warning, said once and full width */
.dk .pg-faults{display:grid;gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:5px;overflow:hidden;margin-bottom:14px}
.dk .pg-fault{display:flex;align-items:center;gap:9px;background:var(--rust-t);padding:10px 14px;font-size:12.5px;color:var(--dk-fg)}
.dk .pg-fault.unwritten{background:var(--forge-t)}
.dk .pg-fault b{font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.03em;text-transform:uppercase;flex:0 0 auto}
.dk .pg-fault span{color:var(--dk-mut);min-width:0}
.dk .pg-fault .dk-btn{margin-left:auto;flex:0 0 auto}
.dk .pg-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 26px 44px}
.dk .pg-day{display:grid;grid-template-columns:1fr;gap:0;align-items:start;max-width:1520px}
.dk .pg-day.one{display:block;max-width:1400px}
.dk .pg-daymain{min-width:0}
.dk .pg-side{position:sticky;top:0}
.dk .pg-dayhd{display:flex;align-items:flex-end;gap:14px;margin-bottom:16px}
.dk .pg-dayhd h2{font-family:var(--f-cond);font-weight:900;font-size:27px;line-height:1;letter-spacing:.03em;text-transform:uppercase;margin:7px 0 0}
.dk .pg-dayhd h2 span{color:var(--dk-sub)}
.dk .pg-dayhd .r{margin-left:auto;display:flex;gap:8px}
.dk .pg-sec{background:var(--dk-surf);border:1px solid var(--dk-line);border-top:3px solid var(--ib-electric);border-radius:6px;margin-bottom:6px;overflow:hidden}
.dk .pg-sec.focus{border-top-color:var(--forge)}
.dk .pg-sech{display:flex;align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid var(--dk-line)}
.dk .pg-sech .kd{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--ib-electric);border-radius:3px;padding:3px 7px}
.dk .pg-sec.focus .pg-sech .kd{background:var(--forge-deep)}
.dk .pg-sech h3{font-family:var(--f-cond);font-weight:900;font-size:17px;letter-spacing:.04em;text-transform:uppercase;margin:0}
.dk-btn.ghost.danger{border-color:var(--rust);color:var(--rust-deep);background:var(--rust-t)}
.dk-btn.ghost.on{border-color:var(--ib-electric);color:var(--ib-electric-d);background:var(--ib-electric-t)}
.dk .pg-stamp{display:flex;align-items:center;gap:16px;padding:11px 18px;background:var(--dk-sunk);border-bottom:1px solid var(--dk-line)}
.dk .pg-stamp .lbl{flex:0 0 220px}
.dk .pg-stamp.pick .lbl{flex:0 0 auto;max-width:300px}
.dk .pg-stamp input{max-width:340px}
.dk .lbl{font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub);display:block}
.dk .lbl span{display:block;font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--dk-sub);margin-top:3px}
.dk .lbl span b{color:var(--ib-electric-d);font-weight:700}

/* the full piece editor — the live confirm card's controls */
.dk .pg-piece.editing{background:var(--ib-electric-t)}
.dk .pg-ed{margin-top:13px;background:var(--dk-surf);border:1px solid var(--ib-electric);border-radius:5px;padding:15px 17px}
.dk .pg-edrow{margin-bottom:14px}
.dk .pg-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}
.dk .pg-score{background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:4px;padding:9px 10px;text-align:left;font-size:12px;font-weight:700;color:var(--dk-fg);transition:border-color .12s}
.dk .pg-score span{display:block;font-family:var(--f-mono);font-size:9.5px;font-weight:500;color:var(--dk-sub);margin-top:3px;text-transform:uppercase}
.dk .pg-score:hover{border-color:var(--ib-electric)}
.dk .pg-score.on{background:var(--ib-iron);border-color:var(--ib-iron);color:#fff}
.dk .pg-score.on span{color:var(--ib-electric-b)}
.dk .pg-edgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.dk .pg-edgrid label{display:grid;gap:6px}
.dk .pg-bench{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--dk-sunk);border:1px dashed var(--dk-line2);border-radius:4px;padding:11px 14px;margin-bottom:13px}
.dk .pg-bench:hover{border-color:var(--ib-electric)}
.dk .pg-bench.set{background:var(--forge-t);border-style:solid;border-color:var(--forge)}
.dk .pg-bench .bn{font-size:13px;font-weight:700;color:var(--dk-fg)}
.dk .pg-bench .bn span{display:block;font-size:11px;font-weight:400;color:var(--dk-mut);margin-top:3px;text-wrap:pretty}
.dk .pg-bench .bx{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-electric-d);flex:0 0 auto}
.dk .pg-edact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* the standards sheet */
.dk .pg-sheet{position:fixed;inset:0;background:rgba(5,5,5,.55);z-index:90;display:flex;align-items:flex-start;justify-content:center;padding:60px 20px}
.dk .pg-sheetc{background:var(--dk-surf);border-radius:8px;width:560px;max-height:100%;display:flex;flex-direction:column;padding:20px 22px;box-shadow:0 12px 40px rgba(0,0,0,.55)}
.dk .pg-sheeth{display:flex;align-items:flex-start;gap:14px;margin-bottom:11px}
.dk .pg-sheeth h3{font-family:var(--f-cond);font-weight:900;font-size:21px;letter-spacing:.03em;text-transform:uppercase;margin:5px 0 0}
.dk .pg-sheeth .dk-iconbtn{margin-left:auto}
.dk .pg-sheetn{font-size:12px;color:var(--dk-mut);line-height:1.6;margin:0 0 13px;text-wrap:pretty}
.dk .pg-sheetb{overflow-y:auto;min-height:0;margin-top:4px}
.dk .pg-stds{display:grid;gap:4px}
.dk .pg-std{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:4px;padding:9px 12px}
.dk .pg-std:hover{border-color:var(--ib-electric);background:var(--ib-electric-t)}
.dk .pg-std.on{background:var(--forge-t);border-color:var(--forge)}
.dk .pg-std b{font-size:12.5px;font-weight:700}
.dk .pg-std span{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:var(--dk-mut)}
.dk .pg-std em{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--forge-deep);margin-left:10px}

/* ============ [6.30] THE ASSESSMENT BADGE — the phone's coach-row badge, at the desk ============ */
.dk .dk-row.badged{display:flex;align-items:flex-start;gap:12px}
.dk .dk-row.badged .bd{flex:1 1 auto;min-width:0}
.dk .dk-sb{flex:0 0 auto;width:44px;display:grid;place-items:center;padding:6px 0;border-radius:4px;line-height:1;background:var(--dk-sunk);border:1px solid var(--dk-line2)}
.dk .dk-sb b{font-family:var(--f-cond);font-weight:900;font-size:18px;letter-spacing:.01em;color:var(--dk-sub)}
.dk .dk-sb small{font-family:var(--f-mono);font-size:7.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dk-sub);margin-top:3px}
.dk .dk-sb.green{background:var(--turf-t);border-color:var(--turf)}.dk .dk-sb.green b,.dk .dk-sb.green small{color:var(--turf-deep)}
.dk .dk-sb.blue{background:var(--ib-electric-t);border-color:var(--ib-electric)}.dk .dk-sb.blue b,.dk .dk-sb.blue small{color:var(--ib-electric-d)}
.dk .dk-sb.amber{background:var(--forge-t);border-color:var(--forge)}.dk .dk-sb.amber b,.dk .dk-sb.amber small{color:var(--forge-deep)}
.dk .dk-sb.red{background:var(--rust-t);border-color:var(--rust)}.dk .dk-sb.red b,.dk .dk-sb.red small{color:var(--rust-deep)}

/* ============ [6.32] the timetable's class picker ============ */
.dk .dk-ttcls{background:var(--dk-surf);border-left:3px solid var(--dkt-crossfit)}
.dk .dk-ttcls:hover{background:var(--dk-sunk)}
.dk .dk-ttcls .ty{font-weight:700}
.dk .dk-ttcls .co{font-family:var(--f-body);font-size:11px;font-weight:700;letter-spacing:.01em;text-transform:none;color:var(--dk-fg)}
.dk .dk-ttcls.gap .co{color:var(--rust-deep);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px;font-weight:800}
.dk .dk-ttcls.on{background:var(--ib-electric-t);border-color:var(--ib-electric)}
.dk .dk-ttcls.offc{opacity:.55;text-decoration:line-through}
.dk .dk-ttcls.offc .co{text-decoration:none;color:var(--rust-deep)}
.dk .dk-ttleg{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:14px}
.dk .dk-ttleg span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--dk-mut)}
.dk .dk-ttleg i{width:10px;height:10px;border-radius:2px;flex:0 0 auto}

/* ============ [6.30] THE SUNDAY BRIEF \u2014 the four-step job + the live read ============ */
/* ============ [6.50] NEW CLIENT RECORD — the head coach's, at a keyboard ============
   The whole intake on ONE page (the person · membership & program · the InBody) with
   the computed plan pinned beside it. Same record the phone's wizard writes. */
.dk .dnc-hd{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.dk .dnc-hd h2{font-family:var(--f-cond);font-weight:900;font-size:30px;letter-spacing:.01em;text-transform:uppercase;margin:3px 0 0;color:var(--dk-fg)}
.dk .dnc{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:18px;align-items:start}
.dk .dnc-row{display:grid;gap:13px}
.dk .dnc-row.two{grid-template-columns:1fr 1fr}
.dk .dnc-row.three{grid-template-columns:1fr 1fr 1fr}
.dk .dnc-row .lbl{margin-bottom:6px}
.dk .dnc-side{position:sticky;top:0;display:grid;gap:16px}
.dk .dnc-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.dk .dnc-tier{background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:5px;padding:11px 12px;text-align:left;cursor:pointer}
.dk .dnc-tier:hover{background:var(--dk-sunk)}
.dk .dnc-tier.on{border-color:var(--ib-electric);background:var(--ib-electric-t)}
.dk .dnc-tier b{display:block;font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--dk-fg)}
.dk .dnc-tier i{display:block;font-style:normal;font-family:var(--f-mono);font-size:17px;font-weight:700;color:var(--ib-electric-d);margin:3px 0 4px}
.dk .dnc-tier i em{font-style:normal;font-size:10.5px;color:var(--dk-sub)}
/* [6.46b] a count and its label are ONE string, and a sub-line gets its OWN element:
   the host wraps a tail text node in a span, so a bare `span` rule here would break
   "$75" onto three lines. */
.dk .dnc-tier u{display:block;text-decoration:none;font-size:10.5px;line-height:1.4;color:var(--dk-sub)}
.dk .dnc-note{background:var(--dk-sunk);border-left:2px solid var(--dk-line2);padding:10px 12px;font-size:11.5px;line-height:1.55;color:var(--dk-mut)}
.dk .dnc-note b{color:var(--dk-fg)}
.dk .dnc-mac{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--dk-line);margin-top:14px}
.dk .dnc-mac>div{padding:12px 6px;border-right:1px solid var(--dk-line);text-align:center}
.dk .dnc-mac>div:last-child{border-right:0}
.dk .dnc-mac b{display:block;font-family:var(--f-cond);font-weight:900;font-size:23px;line-height:1;color:var(--dk-fg)}
.dk .dnc-mac .ac b{color:var(--ib-electric-d)}
.dk .dnc-mac span{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-sub);margin-top:5px}
.dk .dnc-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px dashed var(--dk-line);font-size:11.5px;color:var(--dk-mut)}
.dk .dnc-kv:first-child{border-top:0}
.dk .dnc-kv b{font-family:var(--f-mono);font-size:11.5px;color:var(--dk-fg)}
.dk .dnc-need{display:grid;gap:7px}
.dk .dnc-nrow{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--dk-sub)}
.dk .dnc-nrow i{flex:0 0 auto;width:13px;height:13px;border-radius:50%;border:1.5px solid var(--dk-line2)}
.dk .dnc-nrow.ok{color:var(--dk-fg)}
.dk .dnc-nrow.ok i{border-color:var(--turf);background:var(--turf)}
.dk .dnc-pend{padding:13px 17px;border-bottom:1px solid var(--dk-line);background:var(--ib-electric-t)}
.dk .dnc-pend .ph{font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ib-electric-d)}
.dk .dnc-pend .pn{font-family:var(--f-cond);font-weight:900;font-size:16px;letter-spacing:.03em;text-transform:uppercase;color:var(--dk-fg);margin:4px 0 3px}
.dk .dnc-pend .pd{font-size:11px;line-height:1.5;color:var(--dk-mut);margin-bottom:9px}
@media (max-width:1420px){.dk .dnc{grid-template-columns:1fr}.dk .dnc-side{position:static}}

/* ============ [6.51/6.52] THE SUNDAY BRIEF — one record, two outputs ============
   Left: the generated sections, each with an IN / OUT switch and a tag saying where
   it lands. Right: what the member actually gets.
   [6.52] BOTH OUTPUTS RUN LIGHT (owner: "that lighter colour was quite nice — the
   darker colours tended to be hard to read"). The app brief is the v2 card the
   members already know: white paper, one electric top stripe, the from-row, the
   flame rows and the two jobs. The newsletter keeps the iron masthead and near-black
   footer — the brand's top and bottom note — and runs white/chalk in between. */
.dk .nb{display:grid;grid-template-columns:minmax(0,1fr) 660px;gap:18px;align-items:start}
.dk .nb-side{position:sticky;top:0;display:grid;gap:14px}
.dk .nb-gband{display:flex;align-items:center;gap:16px;background:var(--ib-iron);color:#fff;border-radius:6px;padding:14px 17px}
.dk .nb-gband .dk-lab{color:var(--ib-electric-b)}
.dk .nb-gband p{margin:7px 0 0;font-size:12.5px;line-height:1.55;color:#D6DADE;max-width:66ch;text-wrap:pretty}
.dk .nb-gband .dk-btn.ghost{flex:0 0 auto;color:#fff;border-color:var(--ib-graphite)}
.dk .nb-gband .dk-btn.ghost:hover{background:var(--ib-steel);color:#fff;border-color:var(--ib-electric)}
.dk .nb-demo{background:var(--forge-t);border-left:3px solid var(--forge);padding:11px 14px;font-size:12px;line-height:1.55;color:var(--dk-mut);text-wrap:pretty}
.dk .nb-demo b{color:var(--dk-fg)}
/* the week ahead is not on the board yet — said out loud, never papered over */
.dk .nb-warn{background:var(--rust-t);border-left:3px solid var(--rust);padding:11px 14px;font-size:12px;line-height:1.55;color:var(--dk-mut);text-wrap:pretty}
.dk .nb-warn b{color:var(--dk-fg)}
.dk .nb-sec.out{opacity:.5}
.dk .nb-no{font-family:var(--f-mono);font-size:10px;font-weight:700;color:#fff;background:var(--ib-iron);border-radius:3px;padding:3px 7px}
.dk .nb-where{font-family:var(--f-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-electric-d);background:var(--ib-electric-t);border-radius:3px;padding:3px 7px}
.dk .nb-where.mail{color:var(--dk-sub);background:var(--dk-sunk)}
.dk .nb-secsub{padding:9px 18px 0;font-size:11.5px;color:var(--dk-sub)}
.dk .nb-sb{padding:12px 18px 16px}
.dk .nb-gen{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--dk-sub)}
.dk .nb-row{display:flex;gap:11px;align-items:baseline;border-top:1px solid var(--dk-line);padding:8px 0 0;margin-top:8px;font-size:12.5px;color:var(--dk-mut)}
.dk .nb-row:first-child{border-top:0;margin-top:0;padding-top:0}
.dk .nb-row em{flex:0 0 34px;font-style:normal;font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dk-sub)}
.dk .nb-row b{color:var(--dk-fg)}
.dk .nb-row i,.dk .nb-gen i{font-style:normal;font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ib-electric-d);background:var(--ib-electric-t);border-radius:3px;padding:1px 5px;margin-left:5px}
.dk .nb-row i.red{color:var(--rust-deep);background:var(--rust-t)}
.dk .nb-row i.dm,.dk .nb-gen i.dm{color:var(--forge-deep);background:var(--forge-t)}
.dk .nb-none{font-size:11.5px;line-height:1.55;color:var(--dk-sub);text-wrap:pretty}
.dk .nb-in{font-size:11px;line-height:1.5;color:var(--dk-sub);border-top:1px dashed var(--dk-line);padding-top:11px}
/* the previews take their own height — a stretched flex item clamps the paper */
.dk .nb-prev{background:var(--dk-sunk);padding:18px;max-height:660px;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}
.dk .nb-prevft{border-top:1px solid var(--dk-line);padding:11px 18px;font-size:11px;line-height:1.5;color:var(--dk-sub)}
.dk .dk-seg.sm button{padding:5px 10px;font-size:10px}

/* ---- 01 · WHAT POPS IN THE APP — THE FIGHT CARD [6.55] ----
   The week as a fixture list. An iron poster head that primes in one read, the
   video under it (it leads every brief), the stamped days, the focus tracks and
   ONE ask. No workout descriptions on the phone — the board in their app already
   holds those, and the newsletter has room to print them. */
.dk .nb-app{width:340px;flex:0 0 auto}
.dk .nb-apptag{display:inline-flex;font-family:var(--f-mono);font-size:8.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--ib-iron);border-radius:3px;padding:3px 7px;margin-bottom:9px}
.dk .nb-paper{background:#fff;border:1px solid var(--dk-line2);border-radius:8px;overflow:hidden}
.dk .nb-hero{background:var(--ib-iron);border-top:4px solid var(--ib-electric);padding:15px 18px 17px}
.dk .nb-hero .eb{font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.dk .nb-big{font-family:var(--f-cond);font-weight:900;font-size:34px;line-height:.94;letter-spacing:.005em;text-transform:uppercase;color:#fff;margin-top:9px}
.dk .nb-hsub{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ib-silver);margin-top:9px}
.dk .nb-vid{display:flex;align-items:center;gap:11px;background:var(--ib-steel);border-top:1px solid var(--ib-graphite);padding:9px 18px}
.dk .nb-vid .pl{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--ib-electric);color:#fff;display:grid;place-items:center;padding-left:2px}
.dk .nb-vid b{display:block;font-size:12.5px;color:#fff}
.dk .nb-vid span{display:block;font-family:var(--f-mono);font-size:9.5px;color:var(--ib-silver);margin-top:2px}
.dk .nb-vid.empty .pl{background:var(--ib-gunmetal);color:var(--ib-silver)}
.dk .nb-vid.empty b{color:var(--ib-silver)}
.dk .nb-fsec{padding:13px 18px 4px}
.dk .nb-fh{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-cond);font-weight:900;font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--dk-fg)}
.dk .nb-fh i{font-style:normal;font-family:var(--f-mono);font-size:9px;letter-spacing:.07em;text-transform:none;color:var(--dk-sub)}
.dk .nb-fx{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--dk-line)}
.dk .nb-fx:first-of-type{border-top:0}
.dk .nb-fx .d{font-family:var(--f-cond);font-weight:900;font-size:25px;line-height:.9;letter-spacing:.02em;text-transform:uppercase;color:var(--dk-fg)}
.dk .nb-fx .d u{display:block;text-decoration:none;font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.05em;color:var(--dk-sub);margin-top:4px}
.dk .nb-fx .n{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.dk .nb-fx .n b{font-family:var(--f-cond);font-weight:900;font-size:19px;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--dk-fg)}
.dk .nb-focs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 2px}
.dk .nb-focs>div{background:var(--dk-sunk);border-top:3px solid;padding:8px 9px 9px}
.dk .nb-focs em{font-style:normal;display:block;font-family:var(--f-cond);font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.dk .nb-focs b{display:block;font-size:11.5px;line-height:1.25;color:var(--dk-fg);margin-top:3px}
.dk .nb-focs span{display:block;font-family:var(--f-mono);font-size:7.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dk-sub);margin-top:4px}
.dk .nb-ask{margin:12px 18px 16px;border:2px solid var(--ib-iron);padding:13px}
.dk .nb-ask .t{font-family:var(--f-cond);font-weight:900;font-size:20px;letter-spacing:.02em;text-transform:uppercase;color:var(--dk-fg)}
.dk .nb-ask p{margin:5px 0 0;font-size:12.5px;line-height:1.5;color:var(--dk-mut)}
.dk .nb-ask .b1{width:100%;margin-top:12px;background:var(--ib-electric);border:0;border-radius:4px;color:#fff;font-family:var(--f-body);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:13px;cursor:pointer}
.dk .nb-ask .b1:hover{background:var(--ib-electric-h)}
.dk .nb-ask .b2{width:100%;margin-top:7px;background:none;border:1px solid var(--dk-line2);border-radius:3px;color:var(--dk-fg);font-family:var(--f-body);font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:9px;cursor:pointer}
.dk .nb-ask .b2:hover{border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk .nb-ask .cap{font-family:var(--f-mono);font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--dk-sub);margin-top:8px;text-align:center}
.dk .nb-ev{display:flex;gap:10px;align-items:center;background:var(--dk-sunk);border-top:1px solid var(--dk-line);padding:11px 18px}
.dk .nb-ev>div{flex:1 1 auto;min-width:0}
.dk .nb-ev b{display:block;font-size:12.5px;color:var(--dk-fg)}
.dk .nb-ev span{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.04em;color:var(--dk-mut);margin-top:2px}
.dk .nb-appft{border-top:1px solid var(--dk-line);padding:12px 18px 15px;font-size:11px;line-height:1.5;color:var(--dk-sub)}
/* the stamps — ONE vocabulary across both outputs */
.dk .nb-st{flex:0 0 auto;font-family:var(--f-mono);font-size:8.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border-radius:2px;padding:3px 7px;white-space:nowrap}
.dk .nb-st.bm{background:var(--rust);color:#fff}
.dk .nb-st.hv{color:var(--rust-deep);border:1px solid var(--rust)}
.dk .nb-st.on{background:var(--turf);color:#fff}
.dk .nb-st.soon{color:var(--dk-mut);border:1px solid var(--dk-line2)}

/* ---- 02 · THE NEWSLETTER — the same fight card, with room to print the workouts ----
   Iron masthead and near-black footer (the brand's top and bottom note); white and
   chalk alternating in between, because this is the one people actually read. */
.dk .nb-mail{width:600px;flex:0 0 auto;background:#fff;border:1px solid var(--dk-line2)}
.dk .nb-inbox{padding:14px 18px;border-bottom:1px solid var(--dk-line2)}
.dk .nb-inbox .fr{display:flex;align-items:center;gap:10px}
.dk .nb-inbox .av{width:32px;height:32px;flex:0 0 auto;border-radius:50%;background:var(--ib-iron);color:#fff;display:grid;place-items:center;font-family:var(--f-cond);font-weight:900;font-size:12px;letter-spacing:.04em}
.dk .nb-inbox b{font-size:12.5px;color:var(--dk-fg)}
.dk .nb-inbox i{display:block;font-style:normal;font-size:11px;color:var(--dk-sub);margin-top:1px}
.dk .nb-inbox .rd{margin-left:auto;font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ib-electric-d);background:var(--ib-electric-t);border-radius:3px;padding:3px 7px;white-space:nowrap}
.dk .nb-inbox .sub{font-size:15px;font-weight:700;color:var(--dk-fg);margin-top:11px;line-height:1.32;text-wrap:pretty}
.dk .nb-inbox .pre{font-size:12.5px;color:var(--dk-mut);margin-top:4px;line-height:1.45;text-wrap:pretty}
.dk .nb-mhd{background:var(--ib-iron);color:#fff;padding:30px 40px 26px}
.dk .nb-mhd img{height:34px;width:auto;display:block;opacity:.92}
/* the ONE National Champion line in the whole document, at display size */
.dk .nb-mhdt{font-family:var(--f-disp);font-weight:700;font-size:76px;line-height:.95;letter-spacing:.05em;text-transform:uppercase;margin-top:16px}
.dk .nb-mhdr{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--ib-graphite);margin-top:18px;padding-top:11px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ib-silver)}
.dk .nb-msec{padding:30px 40px}
.dk .nb-msec.grey{background:#F5F5F5}
.dk .nb-msec h3{font-family:var(--f-cond);font-weight:900;font-size:30px;line-height:1;letter-spacing:.02em;text-transform:uppercase;margin:9px 0 0;color:var(--dk-fg)}
.dk .nb-eb{display:block;font-size:9.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ib-electric)}
.dk .nb-mlead{font-family:var(--f-cond);font-weight:900;font-size:44px;line-height:.94;letter-spacing:.005em;text-transform:uppercase;color:var(--dk-fg);margin:10px 0 0}
.dk .nb-mp{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--dk-mut);text-wrap:pretty}
.dk .nb-mp.sm{font-size:12.5px}
.dk .nb-mv{display:block;height:200px;margin-top:16px;background:#000 center/cover no-repeat;position:relative}
.dk .nb-mv i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(7,93,198,.92);border:2px solid rgba(255,255,255,.9);color:#fff;display:grid;place-items:center;padding-left:3px}
.dk .nb-mempty{margin-top:12px;font-size:12.5px;line-height:1.55;color:var(--dk-sub)}
.dk .nb-mcard{display:grid;grid-template-columns:74px 1fr;gap:16px;border-top:1px solid var(--ib-plate);padding-top:15px;margin-top:15px}
.dk .nb-mcard:first-of-type{border-top:2px solid var(--ib-iron);margin-top:20px}
.dk .nb-mcard .d{font-family:var(--f-cond);font-weight:900;font-size:32px;line-height:.85;text-transform:uppercase;color:var(--ib-electric)}
.dk .nb-mcard .d u{display:block;text-decoration:none;font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.05em;color:var(--dk-sub);margin-top:6px}
.dk .nb-mcard h4{margin:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-family:var(--f-cond);font-weight:900;font-size:26px;letter-spacing:.01em;text-transform:uppercase;color:var(--dk-fg);line-height:1}
.dk .nb-mcard p{margin:7px 0 0;font-size:14px;line-height:1.55;color:var(--dk-mut)}
.dk .nb-mwk{margin-top:16px}
.dk .nb-mwk .r{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:baseline;border-top:1px solid var(--ib-plate);padding:10px 0;font-size:13.5px;line-height:1.5;color:var(--dk-mut)}
.dk .nb-mwk .r:first-child{border-top:0}
.dk .nb-mwk em{font-style:normal;font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--dk-fg)}
.dk .nb-mwk u{display:block;text-decoration:none;font-size:12px;margin-top:3px}
.dk .nb-mwk u b{font-family:var(--f-mono);font-size:8.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-right:7px}
.dk .nb-mjobs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.dk .nb-mjobs>div{background:#fff;border:1px solid var(--ib-plate);border-top:3px solid var(--ib-electric);padding:15px}
.dk .nb-mjobs b{display:block;font-family:var(--f-cond);font-weight:900;font-size:19px;letter-spacing:.02em;text-transform:uppercase;color:var(--dk-fg)}
.dk .nb-mjobs span{display:block;font-size:13px;line-height:1.5;color:var(--dk-mut);margin-top:5px}
.dk .nb-mjobs i{display:block;font-style:normal;font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ib-electric-d);margin-top:8px}
.dk .nb-mbtn{display:block;width:100%;margin-top:18px;text-align:center;background:var(--ib-electric);color:#fff;font-family:var(--f-body);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:15px;border:0;border-radius:4px;cursor:pointer}
.dk .nb-mbtn:hover{background:var(--ib-electric-h)}
.dk .nb-mrow{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;border-top:1px solid var(--ib-plate);padding-top:13px;margin-top:13px}
.dk .nb-mrow:first-of-type{border-top:2px solid var(--ib-iron);margin-top:18px;padding-top:14px}
.dk .nb-mrow b{font-family:var(--f-cond);font-weight:900;font-size:21px;letter-spacing:.01em;text-transform:uppercase;color:var(--dk-fg)}
.dk .nb-mrow p{margin:3px 0 0;font-size:13px;line-height:1.5;color:var(--dk-mut)}
.dk .nb-mrow .w{text-align:right;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.04em;color:var(--dk-fg);white-space:nowrap}
.dk .nb-mrow .w .nb-st{display:inline-block;margin-top:6px}
.dk .nb-mres{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ib-plate);border:1px solid var(--ib-plate);margin-top:18px}
.dk .nb-mres>div{background:#fff;padding:15px 14px}
.dk .nb-mres .nm{font-family:var(--f-cond);font-weight:900;font-size:18px;letter-spacing:.01em;text-transform:uppercase;color:var(--dk-fg)}
.dk .nb-mres .v{font-family:var(--f-cond);font-weight:900;font-size:36px;line-height:1;color:var(--turf);margin-top:6px}
.dk .nb-mres .u{font-family:var(--f-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--dk-sub);margin-top:4px;line-height:1.55}
.dk .nb-mnames{margin:16px 0 0;font-size:14px;line-height:1.85;color:var(--dk-mut);text-wrap:pretty}
.dk .nb-mnames b{color:var(--dk-fg)}
.dk .nb-mnote{margin-top:16px;border-left:3px solid var(--ib-electric);background:#fff;padding:12px 14px;font-size:13px;line-height:1.55;color:var(--dk-mut)}
.dk .nb-msec.grey .nb-mnote{background:#fff}
.dk .nb-mnote b{color:var(--dk-fg)}
.dk .nb-mword{margin:12px 0 0;font-size:15px;line-height:1.7;color:var(--dk-fg);white-space:pre-line;text-wrap:pretty}
.dk .nb-mft{background:var(--ib-pitch);color:var(--ib-silver);padding:26px 40px;text-align:center}
.dk .nb-mft b{display:block;font-family:var(--f-cond);font-weight:900;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:9px}
.dk .nb-mft span{display:block;font-size:11px;line-height:1.6}

@media (max-width:1520px){.dk .nb{grid-template-columns:1fr}.dk .nb-side{position:static}}

.dk .br{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}
.dk .br-steps{margin:0 0 14px;background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;overflow:hidden}
.dk .br-steps li{padding:11px 14px;cursor:pointer}
.dk .br-steps li:last-child{border-right:0}
.dk .br-days{display:grid;gap:7px;margin-top:10px}
.dk .br-day{display:flex;align-items:flex-start;gap:10px}
.dk .br-day .d{flex:0 0 44px;font-family:var(--f-cond);font-weight:900;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dk-sub);background:var(--dk-sunk);border:1px solid var(--dk-line2);border-radius:3px;padding:8px 0;text-align:center}
.dk .br-day.on .d{color:#fff;background:var(--ib-electric);border-color:var(--ib-electric)}
.dk .br-day .in{flex:1 1 auto;min-width:0}
.dk .br-cat{display:block;font-family:var(--f-mono);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:5px}
.dk .br-ft{display:flex;align-items:center;gap:9px;margin-top:14px}
.dk .br-thumb{height:150px;border-radius:5px;margin-top:11px;background:#0A0A0A center/cover no-repeat;border:1px solid var(--dk-line2);display:grid;place-items:center}
.dk .br-thumb i{width:44px;height:44px;border-radius:50%;background:rgba(7,93,198,.92);border:2px solid rgba(255,255,255,.9)}
.dk .br-sent{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--dk-line)}
.dk .br-sent b{display:block;font-size:13px}
.dk .br-sent .mt{display:block;font-size:11.5px;color:var(--dk-mut);margin-top:4px}
/* the brief as the member reads it — their app is dark, so the read is dark */
.dk .br-doc{position:sticky;top:0;background:var(--ib-iron);border:1px solid var(--ib-graphite);border-radius:8px;color:#fff;overflow:hidden}
.dk .br-dochd{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--ib-graphite)}
.dk .br-av{width:30px;height:30px;border-radius:4px;background:var(--ib-electric);display:grid;place-items:center;font-family:var(--f-cond);font-weight:900;font-size:12px;letter-spacing:.03em}
.dk .br-dochd b{font-size:12.5px}
.dk .br-dochd span{display:block;font-family:var(--f-mono);font-size:9.5px;color:var(--ib-silver);margin-top:3px}
.dk .br-docb{padding:16px 15px;display:grid;gap:15px}
.dk .br-doct{font-family:var(--f-cond);font-weight:900;font-size:25px;letter-spacing:.03em;text-transform:uppercase;line-height:1}
.dk .br-hero{height:128px;border-radius:5px;background:#000 center/cover no-repeat;display:grid;place-items:center}
.dk .br-hero i{width:40px;height:40px;border-radius:50%;background:rgba(7,93,198,.92);border:2px solid rgba(255,255,255,.9)}
.dk .br-q{border-left:3px solid var(--ib-electric);padding-left:12px}
.dk .br-q p{margin:0;font-family:var(--f-cond);font-weight:900;font-size:17px;letter-spacing:.02em;text-transform:uppercase;line-height:1.15}
.dk .br-q span{display:block;font-family:var(--f-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-silver);margin-top:7px}
.dk .br-dh{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ib-electric-b)}
.dk .br-row{display:flex;gap:11px;align-items:baseline;border-top:1px solid var(--ib-graphite);padding-top:8px;margin-top:8px}
.dk .br-row .dy{flex:0 0 32px;font-family:var(--f-cond);font-weight:900;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ib-silver)}
.dk .br-row .lb{flex:1 1 auto;min-width:0;font-size:12px;line-height:1.45}
.dk .br-row .ct{display:block;font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.dk .br-empty{font-size:11.5px;color:var(--ib-silver);line-height:1.5}
.dk .br-job{background:var(--ib-steel);border:1px solid var(--ib-graphite);border-radius:5px;padding:11px 12px}
.dk .br-job b{display:block;font-size:12.5px}
.dk .br-job span{display:block;font-size:11.5px;color:var(--ib-silver);margin-top:4px;line-height:1.45}

/* the wizard */
.dk .pg-wiz{max-width:1240px}
.dk .pg-wizhd{display:flex;align-items:flex-start;gap:24px;margin-bottom:18px}
.dk .pg-wizhd h2{font-family:var(--f-cond);font-weight:900;font-size:28px;line-height:1;letter-spacing:.03em;text-transform:uppercase;margin:8px 0 0}
.dk .pg-wizkd{display:inline-block;font-family:var(--f-mono);font-size:11px;font-weight:700;color:#fff;border-radius:3px;padding:4px 9px;letter-spacing:.04em}
.dk .pg-steps{display:flex;gap:0;list-style:none;margin:0 0 0 auto;padding:0}
.dk .pg-steps li{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dk-sub);padding:0 16px;border-right:1px solid var(--dk-line2)}
.dk .pg-steps li:last-child{border-right:0;padding-right:0}
.dk .pg-steps li b{font-family:var(--f-mono);font-size:10px;background:var(--dk-sunk);border-radius:3px;padding:3px 6px}
.dk .pg-steps li.on{color:var(--dk-fg)}
.dk .pg-steps li.on b{background:var(--ib-electric);color:#fff}
.dk .pg-steps li.done b{background:var(--turf);color:#fff}
.dk .pg-types{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:16px;margin-bottom:20px}
.dk .pg-type{background:var(--dk-surf);border:1px solid var(--dk-line);border-top:3px solid var(--ib-electric);border-radius:6px;padding:19px 21px;text-align:left}
.dk .pg-type:hover{border-color:var(--ib-electric);border-top-color:inherit;background:#FBFCFD}
/* [6.30] THE CARD LEADS WITH THE NAME. The "CF" / "FOC" mono chip said nothing to
   anybody — the thing you are picking is a CROSSFIT CLASS, so that is the big type. */
.dk .pg-type b{display:block;font-family:var(--f-cond);font-weight:900;font-size:31px;letter-spacing:.02em;text-transform:uppercase;line-height:.95;margin:0 0 10px}
.dk .pg-type .d{display:block;font-size:12.5px;color:var(--dk-mut);line-height:1.55;text-wrap:pretty}
.dk .pg-type .st{display:block;font-size:11.5px;color:var(--dk-sub);margin-top:11px;padding-top:10px;border-top:1px solid var(--dk-line)}
.dk .pg-write{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}
.dk .pg-nm{display:grid;gap:6px;margin-bottom:14px;max-width:340px}
.dk .pg-wizft{display:flex;gap:10px;align-items:center;margin-top:14px}
.dk .pg-wizft.big{margin-top:18px;padding-top:16px;border-top:1px solid var(--dk-line2)}
.dk .pg-prev{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;padding:17px 19px;position:sticky;top:0}
.dk .pg-prev p{font-size:12px;line-height:1.6;margin:12px 0 0;text-wrap:pretty}
.dk .pg-prevl{display:grid;gap:5px;margin-top:10px}
.dk .pg-prevl>div{display:flex;align-items:center;gap:9px;font-size:12.5px}
.dk .pg-prevl .tg{font-family:var(--f-mono);font-size:10px;font-weight:700;color:#fff;background:var(--ib-iron);border-radius:2px;padding:2px 5px}
.dk .pg-prevl .sc{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:var(--ib-electric-d)}
.dk .pg-prevx{margin-top:10px;font-size:11.5px;font-weight:700;color:var(--dk-mut)}
.dk .pg-prevx.focus{color:var(--forge-deep)}
.dk .pg-kinds{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.dk .pg-pieces{display:grid;gap:1px;background:var(--dk-line)}
.dk .pg-piece{background:var(--dk-surf);padding:13px 18px 15px}
.dk .pg-piece.main{background:#FBFCFD}
.dk .pg-ph{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}
.dk .pg-ph .tg{font-family:var(--f-mono);font-size:10px;font-weight:700;color:#fff;background:var(--ib-iron);border-radius:3px;padding:2px 6px}
.dk .pg-ph b{font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.dk .pg-ph .sl{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-sub)}
.dk .pg-phr{margin-left:auto;display:flex;gap:5px}
.dk .pg-rows{display:grid;gap:2px}
.dk .pg-lead{font-size:12.5px;font-weight:700;color:var(--dk-fg);margin-top:5px}
.dk .pg-row{display:grid;grid-template-columns:104px 1fr auto;gap:12px;font-size:12.5px;padding:2px 0;align-items:baseline}
.dk .pg-row .r{font-family:var(--f-mono);font-size:11.5px;color:var(--ib-electric-d);text-align:right}
.dk .pg-row .d{font-family:var(--f-mono);font-size:11px;color:var(--dk-sub)}
.dk .pg-note{font-size:12px;color:var(--dk-mut);padding-left:116px;text-wrap:pretty;margin-top:2px}
.dk .pg-note:before{content:"– "}
.dk .pg-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--dk-sunk);border:1px solid var(--dk-line2);border-radius:4px;padding:13px 15px}
.dk .pg-edit label{display:grid;gap:5px}
.dk .pg-editft{grid-column:1/-1;display:flex;gap:8px;align-items:center}
.dk .pg-add{padding:14px 18px;background:var(--dk-sunk);border-bottom:1px solid var(--dk-line)}
.dk .pg-add textarea{font-family:var(--f-mono);font-size:12px;line-height:1.6;margin-top:8px}
.dk .pg-addft{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:11.5px}
.dk .pg-addft .dk-mut{flex:1 1 auto;text-wrap:pretty}
.dk .pg-secft{padding:0 0 18px}
.dk .pg-secft button{background:none;border:0;padding:4px 0;font-size:11px;font-weight:700;color:var(--dk-sub)}
.dk .pg-secft button:hover{color:var(--rust-deep);text-decoration:underline}
.dk .pg-more{border:1px dashed var(--dk-line2);border-radius:6px;padding:15px 18px;margin-top:8px}
.dk .pg-more p{margin:7px 0 0;font-size:12.5px;color:var(--dk-mut);line-height:1.6;max-width:640px;text-wrap:pretty}
.dk .pg-paste{min-height:300px;font-family:var(--f-mono);font-size:12px;line-height:1.65}
.dk .pg-readback{margin-top:11px;border-top:1px solid var(--dk-line);padding-top:11px}
.dk .pg-readback .rb{display:grid;gap:4px;margin-top:7px;font-size:12px}
.dk .pg-readback .rb b{font-family:var(--f-mono);font-size:10px;color:#fff;background:var(--ib-iron);border-radius:2px;padding:1px 5px;margin-right:5px}
.dk .pg-readback .rb span{color:var(--dk-sub);font-family:var(--f-mono);font-size:11px;float:right}
.dk .pg-readback .rbf{margin-top:8px;font-size:12px;font-weight:700;color:var(--forge-deep)}
.dk .pg-wkstat{display:grid;gap:7px;margin-top:11px}
.dk .pg-wkstat>div{display:flex;align-items:center;gap:9px;font-size:12px}
.dk .pg-wkstat>div.on{font-weight:700}
.dk .pg-wkstat b{width:30px}
.dk .pg-wkstat span:last-child{color:var(--dk-mut)}
.dk .pg-wkstat>div.on span:last-child{color:var(--dk-fg)}
.dk .pg-gram{display:grid;gap:8px;margin-top:10px;font-size:12px;color:var(--dk-mut);line-height:1.55}
.dk .pg-gram b{color:var(--ib-electric-d);font-size:11.5px}

/* coach notes plan */
.dk-plan{display:grid;gap:14px;max-width:960px}
.dk-psec{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;overflow:hidden}
.dk-psechd{display:flex;align-items:center;gap:12px;padding:12px 17px;border-bottom:1px solid var(--dk-line);background:var(--dk-surf)}
.dk-psechd .no{font-family:var(--f-mono);font-size:11px;font-weight:700;color:#fff;background:var(--ib-iron);border-radius:3px;padding:3px 7px}
.dk-psechd b{font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.05em;text-transform:uppercase}
.dk-psechd .win{margin-left:auto;font-family:var(--f-mono);font-size:11px;font-weight:700;color:var(--ib-electric-d);background:var(--ib-electric-t);border-radius:3px;padding:3px 8px}
.dk-pbody{padding:15px 17px}
.dk-plist{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.dk-plist li{font-size:12.5px;line-height:1.55;padding-left:15px;position:relative;text-wrap:pretty}
.dk-plist li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;background:var(--dk-line2)}
.dk-drill{display:grid;grid-template-columns:1fr 90px 1fr;gap:12px;font-size:12px;padding:8px 0;border-bottom:1px solid var(--dk-line)}
.dk-drill:last-child{border-bottom:0}
.dk-drill b{font-weight:700}
.dk-drill .d{font-family:var(--f-mono);font-size:11px;color:var(--dk-mut)}
.dk-drill .n{color:var(--dk-mut)}
.dk-note{border-top:1px solid var(--dk-line);background:var(--ib-steel);color:#fff;padding:14px 17px}
.dk-note .dk-lab{color:var(--ib-electric-b)}
.dk-note p{margin:7px 0 0;font-size:13px;line-height:1.55;border-left:3px solid var(--ib-electric);padding-left:12px;text-wrap:pretty}
.dk-note textarea{width:100%;margin-top:8px;background:var(--ib-pitch);border:1px solid var(--ib-graphite);border-radius:4px;color:#fff;font-family:inherit;font-size:12.5px;padding:9px 11px;resize:vertical;min-height:60px}
.dk-note textarea:focus{outline:none;border-color:var(--ib-electric)}
.dk-noteadd{border-top:1px dashed var(--dk-line2);padding:10px 17px}
.dk-noteadd button{background:none;border:0;padding:0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ib-electric-d)}
.dk-noteadd button:hover{text-decoration:underline}
.dk-daynav{display:flex;align-items:center;gap:8px}
.dk-daynav .nv{width:28px;height:28px;border:1px solid var(--dk-line2);background:var(--dk-surf);border-radius:4px;color:var(--dk-mut);display:grid;place-items:center;font-size:13px;line-height:1}
.dk-daynav .nv:hover{border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk-daystrip{display:flex;gap:4px}
.dk-dbtn{width:46px;background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:4px;padding:6px 0 5px;text-align:center;color:var(--dk-mut)}
.dk-dbtn b{display:block;font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.03em;color:var(--dk-fg)}
.dk-dbtn .sub{display:block;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.dk-dbtn i{display:block;width:5px;height:5px;border-radius:50%;background:var(--dk-line2);margin:4px auto 0}
.dk-dbtn.on{background:var(--ib-iron);border-color:var(--ib-iron);color:#fff}
.dk-dbtn.on b{color:#fff}
.dk-dbtn.has i{background:var(--ib-electric)}
.dk-dbtn.pub i{background:var(--turf)}

/* ============ COMMUNITY · THE QUEUE ============ */
.dk-eng{display:flex;align-items:flex-end;gap:4px;height:44px}
.dk-eng span{flex:1 1 0;background:var(--dk-sunk);border-radius:2px 2px 0 0;min-height:3px;position:relative}
.dk-eng span i{position:absolute;inset:auto 0 0;background:var(--ib-electric);border-radius:2px 2px 0 0}
.dk-engl{display:flex;gap:4px;margin-top:6px}
.dk-engl span{flex:1 1 0;text-align:center;font-family:var(--f-mono);font-size:9px;color:var(--dk-sub)}
.dk-touch{display:grid;gap:0}
.dk-tch{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--dk-line)}
.dk-tch:last-child{border-bottom:0}
.dk-tch .when{font-family:var(--f-mono);font-size:11px;color:var(--dk-mut)}
.dk-tch .when b{display:block;font-family:var(--f-body);font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-fg);margin-bottom:3px}
.dk-tch .said{font-size:12.5px;line-height:1.6;background:var(--dk-sunk);border-left:3px solid var(--dk-line2);padding:10px 13px;border-radius:0 4px 4px 0;text-wrap:pretty}
.dk-tch .outc{font-size:11.5px;color:var(--dk-mut);margin-top:7px}
.dk-tch .outc b{color:var(--dk-fg)}
.dk-comp{background:var(--dk-surf);border:1px solid var(--dk-line);border-top:3px solid var(--ib-electric);border-radius:6px;padding:17px 19px}
.dk-tpl{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.dk-tplb{background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:4px;padding:6px 10px;font-size:11px;font-weight:700;color:var(--dk-mut)}
.dk-tplb:hover{border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk-tplb.on{background:var(--ib-electric-t);border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk-compft{display:flex;align-items:center;gap:10px;margin-top:12px}
.dk-compft .r{margin-left:auto;display:flex;gap:8px}
.dk-seg{display:inline-flex;border:1px solid var(--dk-line2);border-radius:4px;overflow:hidden}
.dk-seg button{background:var(--dk-surf);border:0;border-right:1px solid var(--dk-line2);padding:7px 13px;font-size:11px;font-weight:700;color:var(--dk-mut)}
.dk-seg button:last-child{border-right:0}
.dk-seg button.on{background:var(--ib-iron);color:#fff}
.dk-flagrow{display:flex;flex-wrap:wrap;gap:7px}
.dk-why{background:var(--ib-iron);color:#fff;border-radius:6px;padding:16px 19px}
.dk-why .dk-lab{color:var(--ib-electric-b)}
.dk-why p{margin:8px 0 0;font-size:14px;line-height:1.5;text-wrap:pretty}
.dk-why p b{color:#fff}

/* ============ SALES · THE BOARD ============ */
.dk-lanes{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:6px;overflow:hidden}
.dk-lane{background:var(--dk-surf);border:0;border-top:3px solid transparent;padding:12px 11px 13px;text-align:left;min-width:0}
.dk-lane:hover{background:var(--dk-sunk)}
.dk-lane.on{border-top-color:var(--ib-electric);background:var(--ib-electric-t)}
.dk-lane .ln{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-sub);display:flex;align-items:center;gap:6px}
.dk-lane .lv,.dk-lane .lw{display:block}
.dk-lane .lv{font-family:var(--f-cond);font-weight:900;font-size:27px;line-height:1;margin-top:8px}
.dk-lane .lw{font-size:10.5px;color:var(--dk-mut);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-flow{height:4px;background:var(--dk-sunk);border-radius:2px;margin:10px 0 0;overflow:hidden;display:flex}
.dk-flow i{height:100%;background:var(--ib-electric);opacity:.85;border-right:1px solid #fff}

/* 6.25 — THE DESK INSIDE THE WORKING TEMPLATE. The sheet is scoped under .dk so it
   can sit beside the phone app's own sheets (both own a .pg-* and a .lbl). `embed`
   takes the template's app bar off the desk's height. */
/* 6.25 · THE DAY STAMP — two stamps, two colours (heavy day · benchmark) */
.dk .pg-stamps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* [6.75] the compact stamp — two chips on the section's own header row */
.dk .pg-stamps.tiny{gap:5px}
.dk .pg-stamps.tiny .pg-st{padding:3px 9px;font-size:9px;letter-spacing:.06em}
.dk .pg-st{border:1px solid var(--dk-line2);background:var(--dk-surf);border-radius:999px;padding:5px 13px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dk-mut)}
.dk .pg-st:hover{border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk .pg-st.amber.on{background:var(--forge-t);border-color:var(--forge);color:var(--forge-deep)}
.dk .pg-st.red.on{background:var(--rust-t);border-color:var(--rust);color:var(--rust-deep)}
.dk .pg-st.none.on{background:var(--ib-iron);border-color:var(--ib-iron);color:#fff}
.dk .pg-stcustom{font-size:11px;color:var(--dk-mut)}
.dk .pg-cs .ct .bg{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:3px;font-size:8.5px;font-weight:800;letter-spacing:.05em}
.dk .pg-cs .ct .bg.amber{background:var(--forge-t);color:var(--forge-deep)}
.dk .pg-cs .ct .bg.red{background:var(--rust-t);color:var(--rust-deep)}
.dk .pg-cs .ct .bg.grey{background:var(--dk-sunk);color:var(--dk-mut)}
/* 6.25 · COACH NOTES — plan body parts + the note's own controls */
.dk .dk-pq{border-left:3px solid var(--ib-electric);padding:2px 0 2px 12px;margin:0 0 9px;font-size:13px;font-style:italic;color:var(--dk-fg)}
.dk .dk-prows{display:grid;gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:4px;overflow:hidden}
.dk .dk-prows>div{display:flex;align-items:center;gap:10px;background:var(--dk-surf);padding:7px 11px;font-size:12px}
.dk .dk-prows>div b{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:var(--ib-electric-d)}
.dk .dk-fh{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.dk .dk-fh.rust{color:var(--rust-deep)}
.dk .dk-fh.blue{color:var(--ib-electric-d)}
.dk .dk-noteact{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.dk .dk-notebtn{background:transparent;border:1px solid var(--ib-graphite);border-radius:4px;color:#fff;padding:4px 11px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dk .dk-notebtn:hover{border-color:var(--ib-electric-b);color:var(--ib-electric-b)}
.dk .dk-notebtn.keep{background:var(--ib-electric);border-color:var(--ib-electric)}
.dk .dk-notebtn.keep:hover{background:var(--ib-electric-h);border-color:var(--ib-electric-h);color:#fff}
.dk .dk-notebtn.del:hover,.dk .dk-notebtn.del.arm{border-color:var(--rust);color:#fff;background:var(--rust)}
.dk .dk-noteact .hint{font-size:10.5px;color:var(--ib-silver);margin-left:auto}
.dk .dk-dbtn.off{opacity:.42}
.dk .dk-dot.grey{background:var(--dk-line2)}
.dk .dk-seg button.dead{color:var(--dk-sub);background:var(--dk-sunk);cursor:default}
.dk .dk-wkrow{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:0;padding:0;font-size:12px;color:var(--dk-fg)}
.dk .dk-wkrow:hover .dk-mut{color:var(--ib-electric-d)}
/* 6.28 — desk-native seat screens */
.dk .dk-jobrow{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;padding:14px 18px;cursor:pointer}
.dk .dk-jobrow:hover{border-color:var(--ib-electric)}
.dk .dk-jobrow .n{font-family:var(--f-cond);font-weight:900;font-size:24px;min-width:34px;text-align:center;color:var(--dk-fg)}
.dk .dk-jobrow .n.warn{color:var(--rust-deep)}
.dk .dk-jobrow .t{min-width:0}
.dk .dk-jobrow .t b{display:block;font-size:13.5px}
.dk .dk-jobrow .t span{display:block;font-size:12px;color:var(--dk-mut);margin-top:2px}
.dk .dk-rowgrp{padding:11px 14px 5px;font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub)}
.dk .dk-rowgrp span{display:block;font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none;margin-top:2px}
.dk .dk-ttgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:start}
.dk .dk-ttcol{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;overflow:hidden}
.dk .dk-ttday{display:flex;align-items:baseline;gap:6px;padding:9px 11px;border-bottom:1px solid var(--dk-line);background:var(--dk-sunk)}
.dk .dk-ttday b{font-family:var(--f-cond);font-weight:900;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.dk .dk-ttday span{font-size:10px;color:var(--dk-sub);margin-left:auto}
/* [6.37] ONE CARD, ONE SHEET. This block is the class card's LAYOUT; its type name, its
   second line and the uncovered treatment are declared once, up in the [6.32] picker
   block — a second copy here sat later in the sheet and quietly won, so the head's
   timetable washed the coach's name out to 10.5px muted and dropped the small-caps on
   NOBODY ON IT while the coach's own roster was read against the same class. */
.dk .dk-ttcls{display:grid;gap:2px;padding:8px 11px;border-bottom:1px solid var(--dk-line);font-size:11.5px}
.dk .dk-ttcls b{font-size:11px;color:var(--ib-electric-d)}
.dk .dk-ttcls.gap{background:var(--rust-t)}
.dk .dk-ttempty{padding:14px 11px;font-size:11px;color:var(--dk-sub)}
/* 6.27 — the app itself, hosted at the desk: the phone component fills the work
   pane on its own dark stage (its wrapper centers the phone), its own scroll inside */
.dk .dk-apphost{width:100%;height:100%;min-height:0;overflow-y:auto;background:var(--ib-iron);display:flex;justify-content:center;align-items:flex-start}
.dk.embed{height:calc(100vh - var(--dk-off, 67px))}

/* ============ [6.36] THE CLIENT CHECK-IN IS A PAGE (.cci-*) ============
   6.35 built this as two fixed panes and the owner's read on it was right: a check-in
   does not have to fit on one screen. The record SCROLLS as one page now — full width,
   a chapter at a time — with a sticky chapter bar that jumps and carries the send, so
   the page can be as long as the check-in deserves and PUBLISH never scrolls away. The
   round (the take-on band) sits above both panes; the queue under it is two lines a row
   because it is a list you work down, not a wall of cards. */
.dk .cci-screen{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0}
.dk .cci{max-width:1240px}
.dk .cci-sec{margin:0 0 32px}
.dk .cci-sec:last-child{margin-bottom:14px}
.dk .cci-ch{display:flex;align-items:baseline;gap:11px;margin:0 0 13px;padding-bottom:9px;border-bottom:1px solid var(--dk-line2)}
.dk .cci-ch .n{font-family:var(--f-mono);font-size:10px;font-weight:700;color:#fff;background:var(--ib-iron);border-radius:3px;padding:3px 7px}
.dk .cci-ch h3{font-family:var(--f-cond);font-weight:900;font-size:17px;letter-spacing:.04em;text-transform:uppercase;margin:0}
.dk .cci-ch .r{margin-left:auto;display:flex;gap:7px;align-items:baseline}
.dk .cci-k{font-size:13px;line-height:1.55;border-left:3px solid var(--ib-electric);padding-left:12px;margin:0 0 13px;text-wrap:pretty}
.dk .cci-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:1px;background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;overflow:hidden}
.dk .cci-tile{background:var(--dk-surf);padding:13px 15px;box-shadow:0 0 0 1px var(--dk-line)}
.dk .cci-tile .k{font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub)}
.dk .cci-tile .v{font-family:var(--f-cond);font-weight:900;font-size:30px;line-height:1;margin-top:8px}
.dk .cci-tile .v small{font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--dk-sub);margin-left:3px}
.dk .cci-tile .d{font-size:10.5px;margin-top:6px;color:var(--dk-mut)}
.dk .cci-tile .d.good{color:var(--turf-deep);font-weight:700}
.dk .cci-tile .d.bad{color:var(--rust-deep);font-weight:700}
/* [6.39] the three-row CciStat card is superseded by .cci-ex — the exact result, at the
   top of the chapter, in more detail. */
.dk .cci-pv{display:grid;grid-template-columns:104px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--dk-line)}
.dk .cci-pv:last-child{border-bottom:0}
.dk .cci-pv .l{font-size:12px;font-weight:700}
.dk .cci-pv .l span{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-top:5px}
.dk .cci-pv[data-tone=good] .l span{color:var(--turf-deep)}
.dk .cci-pv[data-tone=watch] .l span{color:var(--forge-deep)}
.dk .cci-pv[data-tone=bad] .l span{color:var(--rust-deep)}
.dk .cci-pv .g{display:grid;gap:6px;min-width:0}
.dk .cci-pv .g>div{display:grid;grid-template-columns:56px 1fr 128px;gap:11px;align-items:center;font-size:11.5px}
.dk .cci-pv .g .x{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-sub)}
/* [6.40] THE FILL TAKES ITS COLOUR FROM THE METRIC, and the track is white — the track IS
   the plan, the fill is how much of it they completed. One scale, set once, inherited by
   every done bar: the plan-vs-done line, the week columns, the day strip. */
.dk .b-ex{--cci-fill:var(--turf)}
.dk .b-ok{--cci-fill:var(--ib-electric)}
.dk .b-lo{--cci-fill:var(--forge)}
.dk .b-no{--cci-fill:var(--rust)}
.dk .b-na{--cci-fill:var(--ib-silver)}
.dk .cci-pv .g .t{height:10px;border-radius:2px;background:var(--dk-surf);box-shadow:inset 0 0 0 1px var(--dk-line2);overflow:hidden}
.dk .cci-pv .g .t i{display:block;height:100%;background:var(--cci-plan)}
.dk .cci-pv .g .t.done i{background:var(--cci-fill,var(--ib-electric))}
.dk .cci-key{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:12px}
.dk .cci-key span{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--dk-sub)}
.dk .cci-key i{width:10px;height:10px;border-radius:2px;flex:0 0 auto;background:var(--cci-fill)}
.dk .cci-key b{font-family:var(--f-mono);font-size:10.5px;font-weight:700;color:var(--dk-mut)}
.dk .cci-pv .g .vv{font-family:var(--f-mono);font-size:11px;color:var(--dk-mut);text-align:right}
.dk .cci-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.dk .cci-dow{display:flex;gap:5px;align-items:flex-end;height:76px;margin-top:12px}
.dk .cci-dow .d{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:5px}
.dk .cci-dow .d .bx{width:100%;height:100%;background:var(--dk-surf);box-shadow:inset 0 0 0 1px var(--dk-line2);border-radius:2px;display:flex;align-items:flex-end;overflow:hidden}
.dk .cci-dow .d i{display:block;width:100%;background:var(--cci-fill,var(--ib-electric));border-radius:2px 2px 0 0}
.dk .cci-dow .d.b-no em,.dk .cci-dow .d.b-lo em{color:var(--dk-mut);font-weight:700}
.dk .cci-dow .d span{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dk-sub)}
.dk .cci-dow .d em{font-style:normal;font-family:var(--f-mono);font-size:9px;color:var(--dk-sub)}
.dk .cci-q{border-left:3px solid var(--dk-line2);padding:2px 0 2px 13px;margin-bottom:14px}
.dk .cci-q:last-child{margin-bottom:0}
.dk .cci-q .l{font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub)}
.dk .cci-q p{margin:6px 0 0;font-size:13px;line-height:1.6;text-wrap:pretty}
.dk .cci-goal{display:grid;grid-template-columns:26px 1fr 132px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--dk-line)}
.dk .cci-goal:last-child{border-bottom:0}
.dk .cci-goal .mk{width:22px;height:22px;border-radius:4px;display:grid;place-items:center;background:var(--rust-t);color:var(--rust-deep);font-size:11px;font-weight:800}
.dk .cci-goal.won .mk{background:var(--turf-t);color:var(--turf-deep)}
.dk .cci-goal b{font-size:12.5px}
.dk .cci-goal .d{font-size:11.5px;color:var(--dk-mut);margin-top:3px;text-wrap:pretty}
.dk .cci-goal .m{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:10.5px;color:var(--dk-sub)}
.dk .cci-goal .m .bar{flex:1 1 auto;height:5px;background:var(--dk-sunk);border-radius:3px;overflow:hidden;max-width:180px}
.dk .cci-goal .m .bar i{display:block;height:100%;background:var(--ib-electric)}
.dk .cci-goal .st{text-align:right}
/* the macro engine, at the desk */
.dk .cci-xb{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--dk-line2);border-radius:5px;padding:13px 15px;margin-bottom:14px}
.dk .cci-xb .ar{width:34px;height:34px;border-radius:4px;display:grid;place-items:center;flex:0 0 auto;background:var(--dk-sunk);color:var(--dk-mut)}
.dk .cci-xb b{display:block;font-family:var(--f-cond);font-weight:900;font-size:17px;letter-spacing:.03em;text-transform:uppercase;line-height:1.05}
.dk .cci-xb span{display:block;font-size:11.5px;color:var(--dk-mut);margin-top:5px}
.dk .cci-xb.back{background:var(--rust-t);border-color:var(--rust)}
.dk .cci-xb.back .ar{background:var(--rust);color:#fff}
.dk .cci-xb.fwd{background:var(--turf-t);border-color:var(--turf)}
.dk .cci-xb.fwd .ar{background:var(--turf);color:#fff}
.dk .cci-xb.hold{background:var(--ib-electric-t);border-color:var(--ib-electric)}
.dk .cci-xb.hold .ar{background:var(--ib-electric);color:#fff}
.dk .cci-dp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}
.dk .cci-dp button{background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:4px;padding:10px 11px;text-align:left}
.dk .cci-dp button:hover{border-color:var(--ib-electric)}
.dk .cci-dp button.on{background:var(--ib-iron);border-color:var(--ib-iron);color:#fff}
.dk .cci-dp b{display:block;font-size:12.5px}
.dk .cci-dp span{display:block;font-family:var(--f-mono);font-size:10px;color:var(--dk-sub);margin-top:4px}
.dk .cci-dp button.on span{color:var(--ib-electric-b)}
.dk .cci-mg{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:5px;overflow:hidden;margin:12px 0}
.dk .cci-mc{background:var(--dk-surf);padding:12px 13px}
.dk .cci-mc.hl{background:var(--ib-electric-t)}
.dk .cci-mc .k{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-sub)}
.dk .cci-mc .n{font-family:var(--f-cond);font-weight:900;font-size:26px;line-height:1;margin-top:7px}
.dk .cci-mc .w{font-family:var(--f-mono);font-size:10.5px;color:var(--dk-sub);margin-top:5px;text-decoration:line-through}
.dk .cci-mc .c{font-family:var(--f-mono);font-size:10.5px;font-weight:700;margin-top:3px}
.dk .cci-mc .c.up{color:var(--turf-deep)}.dk .cci-mc .c.down{color:var(--rust-deep)}
.dk .cci-rel{display:flex;align-items:center;gap:13px;background:var(--dk-sunk);border-radius:5px;padding:11px 14px;font-size:11.5px;color:var(--dk-mut);text-wrap:pretty}
.dk .cci-rel .cnt{flex:0 0 auto;font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.03em;color:var(--rust-deep)}
.dk .cci-rel .cnt.ok{color:var(--turf-deep)}
.dk .cci-step{display:flex;align-items:center;gap:11px;margin:11px 0}
.dk .cci-step button{width:30px;height:30px;border:1px solid var(--dk-line2);border-radius:4px;background:var(--dk-surf);font-size:15px;line-height:1}
.dk .cci-step .v{font-family:var(--f-cond);font-weight:900;font-size:22px;letter-spacing:.02em}
/* the write column */
.dk .cci-one{background:var(--ib-iron);color:#fff;border-radius:6px;padding:16px 18px}
.dk .cci-one .dk-lab{color:var(--ib-electric-b)}
.dk .cci-one h4{font-family:var(--f-cond);font-weight:900;font-size:20px;letter-spacing:.03em;text-transform:uppercase;margin:9px 0 0;line-height:1.05}
.dk .cci-one p{margin:8px 0 0;font-size:12px;color:var(--ib-silver);line-height:1.5;text-wrap:pretty}
.dk .cci-one .m{display:flex;align-items:center;gap:9px;margin-top:11px;font-size:10.5px;color:var(--ib-silver)}
.dk .cci-one .m .bar{flex:1 1 auto;height:5px;background:var(--ib-gunmetal);border-radius:3px;overflow:hidden}
.dk .cci-one .m .bar i{display:block;height:100%;background:var(--ib-electric-b)}
.dk .cci-one .ask{margin-top:11px;padding-top:11px;border-top:1px solid var(--ib-graphite);font-size:11.5px;color:#fff}
.dk .cci-one .ask b{color:var(--ib-electric-b)}
.dk .cci-pick{display:grid;gap:4px;margin-top:12px;max-height:340px;overflow-y:auto}
.dk .cci-pick button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:4px;padding:9px 11px}
.dk .cci-pick button:hover{border-color:var(--ib-electric);background:var(--ib-electric-t)}
.dk .cci-pick button.on{background:var(--ib-electric-t);border-color:var(--ib-electric)}
.dk .cci-pick .nm{font-size:12px;font-weight:700;min-width:0}
.dk .cci-pick .rr{margin-left:auto;font-family:var(--f-mono);font-size:10.5px;color:var(--dk-sub);flex:0 0 auto}
.dk .cci-pull{display:grid;gap:0;margin-top:12px;border-top:1px solid var(--dk-line);padding-top:6px}
.dk .cci-pull>div{display:flex;align-items:baseline;gap:9px;padding:6px 0;font-size:11.5px;border-bottom:1px solid var(--dk-line)}
.dk .cci-pull>div:last-child{border-bottom:0}
.dk .cci-pull .k{color:var(--dk-mut)}
.dk .cci-pull .v{margin-left:auto;font-family:var(--f-mono);font-size:12px;font-weight:700}
.dk .cci-pad{min-height:300px;line-height:1.65}
.dk .cci-sent{background:var(--turf-t);border:1px solid var(--turf);border-radius:6px;padding:14px 16px}
.dk .cci-sent b{display:block;font-family:var(--f-cond);font-weight:900;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--turf-deep)}
.dk .cci-sent p{margin:7px 0 0;font-size:12px;color:var(--dk-mut);text-wrap:pretty}

/* ============ [6.35] THE CLASS, AT THE DESK (.dkc-*) ============ */
.dk .dkc-bar{display:flex;align-items:center;gap:13px;background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;padding:12px 16px;margin-bottom:14px;flex-wrap:wrap}
.dk .dkc-bar .n{font-family:var(--f-cond);font-weight:900;font-size:24px;letter-spacing:.02em;line-height:1}
.dk .dkc-bar .n em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-sub);margin-left:8px}
.dk .dkc-bar .sp{flex:1 1 auto}
.dk .dkc-r{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--dk-line)}
.dk .dkc-r.in{background:linear-gradient(90deg,var(--turf-t),transparent 60%)}
.dk .dkc-r.no{opacity:.62}
.dk .dkc-av{width:30px;height:30px;border-radius:4px;flex:0 0 auto;background:var(--dk-sunk);border:1px solid var(--dk-line2);display:grid;place-items:center;font-family:var(--f-cond);font-weight:900;font-size:12px;letter-spacing:.03em;color:var(--dk-mut)}
.dk .dkc-r .b{flex:1 1 auto;min-width:0;text-align:left;background:none;border:0;padding:0}
.dk .dkc-r .b .nm{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}
.dk .dkc-r .b .sb{display:block;font-size:11.5px;color:var(--dk-mut);margin-top:2px;text-wrap:pretty}
.dk .dkc-r .b .sb.flag{color:var(--forge-deep);font-weight:600}
.dk .dkc-r .acts{display:flex;gap:6px;flex:0 0 auto}
.dk .dkc-fd{width:7px;height:7px;border-radius:50%;background:var(--forge)}
.dk .dkc-fd.red{background:var(--rust)}
.dk .dkc-tick{width:36px;height:30px;border:1px solid var(--dk-line2);border-radius:4px;background:var(--dk-surf);color:var(--dk-sub);display:grid;place-items:center;font-size:14px;font-weight:800;line-height:1}
.dk .dkc-tick:hover{border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk .dkc-tick.on{background:var(--turf);border-color:var(--turf);color:#fff}
.dk .dkc-tick.x.on{background:var(--rust);border-color:var(--rust);color:#fff}
.dk .dkc-acts{background:var(--dk-sunk);border:1px solid var(--dk-line2);border-radius:5px;padding:13px 15px;margin:0 0 9px}
.dk .dkc-acts .r{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.dk .dkc-bars{display:flex;gap:2px;height:10px;margin:12px 0 9px}
.dk .dkc-bars i{display:block;border-radius:2px}
.dk .dkc-bars i.in{background:var(--turf)}.dk .dkc-bars i.no{background:var(--rust)}.dk .dkc-bars i.un{background:var(--dk-line2)}
.dk .dkc-key{display:flex;flex-wrap:wrap;gap:7px 16px}
.dk .dkc-key span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--dk-mut)}
.dk .dkc-key i{width:9px;height:9px;border-radius:2px;flex:0 0 auto}
.dk .dkc-talk{background:var(--dk-surf);border:1px solid var(--dk-line);border-left:3px solid var(--forge);border-radius:5px;padding:14px 17px;margin-bottom:10px}
.dk .dkc-talk.red{border-left-color:var(--rust)}
.dk .dkc-talk.done{border-left-color:var(--turf);opacity:.9}
.dk .dkc-talk .top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dk .dkc-talk .top b{font-size:13.5px}
.dk .dkc-talk .det{font-size:12px;color:var(--dk-mut);margin-top:6px;text-wrap:pretty}
.dk .dkc-talk .say{font-size:13px;line-height:1.6;background:var(--dk-sunk);border-left:3px solid var(--dk-line2);border-radius:0 4px 4px 0;padding:11px 13px;margin-top:10px;text-wrap:pretty}
.dk .dkc-log{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dk-line)}
.dk .dkc-secs{display:grid;gap:14px;max-width:1000px}

/* ============ [6.36] THE ROUND, THE DENSE QUEUE, THE SCROLLING RECORD ============
   Three things the 6.35 screen was missing, in the owner's words: a section where work
   is TAKEN ON, a queue row that does not eat the rail, and a record allowed to scroll. */

/* THE ROUND — the take-on band. [6.37] MOUNTED NOWHERE: the owner's call is that work is
   taken on one at a time off the queue itself, so the band came off the screen. The sheet
   is kept because the burn-down read still belongs somewhere on the head's side. */
.dk .cci-round{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:stretch;background:var(--dk-surf);border-bottom:1px solid var(--dk-line2)}
.dk .cci-rc{flex:0 0 auto;padding:11px 20px 12px;border-right:1px solid var(--dk-line);min-width:0}
.dk .cci-rc.grow{flex:1 1 auto}
.dk .cci-rc.act{margin-left:auto;border-right:0;border-left:1px solid var(--dk-line2);background:var(--dk-sunk);display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:1 1 340px}
.dk .cci-rc .big{font-family:var(--f-cond);font-weight:900;font-size:27px;line-height:1;letter-spacing:.02em;margin-top:7px}
.dk .cci-rc .big span{color:var(--dk-sub);font-size:19px}
.dk .cci-rc .dk-bar{width:172px;margin-top:8px}
.dk .cci-rc .sub{font-size:10.5px;color:var(--dk-mut);margin-top:6px;white-space:nowrap}
.dk .cci-rc .sub b{color:var(--rust-deep);font-weight:700}
.dk .cci-rc .dk-lab>span{max-width:250px}
.dk .cci-open{font-family:var(--f-cond);font-weight:900;font-size:32px;line-height:1;letter-spacing:.02em;color:var(--ib-electric-d);margin-top:8px}
.dk .cci-open.none{color:var(--dk-sub)}
.dk .cci-open em{font-style:normal;font-family:var(--f-body);font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub);margin-left:8px}
.dk .cci-rcx{display:flex;flex-wrap:wrap;gap:7px;flex:0 0 auto}
.dk .cci-who{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:9px}
.dk .cci-who span{font-size:11.5px;color:var(--dk-mut)}
.dk .cci-who b{font-family:var(--f-mono);font-size:12px;color:var(--dk-fg);margin-right:3px}

/* THE QUEUE — two lines a row */
.dk .cci-qr{display:block;width:100%;text-align:left;border-bottom:1px solid var(--dk-line);border-left:3px solid transparent;padding:8px 13px;cursor:pointer;transition:background .12s}
.dk .cci-qr:hover{background:var(--dk-sunk)}
.dk .cci-qr.mine{border-left-color:var(--ib-electric-b)}
.dk .cci-qr.on{background:var(--ib-electric-t);border-left-color:var(--ib-electric)}
.dk .cci-qr.done{opacity:.7}
.dk .cci-qr.late{cursor:default;border-left-color:var(--rust)}
.dk .cci-qr .t{display:flex;align-items:baseline;gap:8px}
.dk .cci-qr .t b{font-size:12.5px;font-weight:700;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk .cci-qr .t .dt{margin-left:auto;flex:0 0 auto;font-family:var(--f-mono);font-size:9.5px;color:var(--dk-sub)}
.dk .cci-qr .m{display:flex;align-items:center;gap:8px;margin-top:3px;min-width:0}
.dk .cci-qr .m .ty{font-size:10.5px;color:var(--dk-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk .cci-qr .m .bf{flex:0 0 auto;font-family:var(--f-mono);font-size:10px;color:var(--dk-sub)}
.dk .cci-qr .m .bf.good{color:var(--turf-deep)}
.dk .cci-qr .m .bf.bad{color:var(--rust-deep)}
.dk .cci-mk{margin-left:auto;flex:0 0 auto;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-sub);background:var(--dk-sunk);border-radius:999px;padding:2px 8px}
.dk .cci-mk.blue{color:var(--ib-electric-d);background:var(--ib-electric-t)}
.dk .cci-mk.green{color:var(--turf-deep);background:var(--turf-t)}
.dk .cci-mk.red{color:var(--rust-deep);background:var(--rust-t)}
.dk .cci-take{margin-left:auto;flex:0 0 auto;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--ib-iron);border:1px solid var(--ib-iron);border-radius:999px;padding:3px 9px}
.dk .cci-take:hover{background:var(--ib-electric);border-color:var(--ib-electric)}

/* THE CHAPTER BAR — sticky inside the record's own scroller, and it carries the send */
/* THE CHAPTER BAR — sticky inside the record's own scroller, and it carries the send.
   [6.39] the chapters went from six to nine, so the bar WRAPS rather than scrolling: a
   chapter half-cut behind a scrollbar is a chapter nobody clicks. */
.dk .cci-nav{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--dk-surf);border-bottom:1px solid var(--dk-line2);padding:0 26px}
.dk .cci-nav .tabs{display:flex;gap:1px;flex:1 1 auto;min-width:0;flex-wrap:wrap}
.dk .cci-nav .tabs button{display:flex;align-items:center;gap:6px;background:none;border:0;border-bottom:2px solid transparent;padding:13px 11px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--dk-sub);white-space:nowrap}
.dk .cci-nav .tabs button:hover{color:var(--dk-fg)}
.dk .cci-nav .tabs button.on{color:var(--dk-fg);border-bottom-color:var(--ib-electric)}
.dk .cci-nav .tabs button em{font-style:normal;font-family:var(--f-mono);font-size:9px;font-weight:700;color:var(--dk-line2)}
.dk .cci-nav .tabs button.on em{color:var(--ib-electric)}
.dk .cci-nav .r{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:10px;padding-left:14px;border-left:1px solid var(--dk-line)}

/* THE PAGE — the numbers get room, and two columns wherever a pair belongs together */
.dk .cci-hook{border-left:3px solid var(--ib-electric);padding-left:16px;margin-bottom:18px}
.dk .cci-hook .hk{font-family:var(--f-cond);font-weight:900;font-size:29px;line-height:1.08;letter-spacing:.01em;text-wrap:pretty}
.dk .cci-hook p{margin:8px 0 0;font-size:13px;color:var(--dk-mut);line-height:1.6;max-width:70ch;text-wrap:pretty}
.dk .cci-hook p b{font-weight:800;color:var(--dk-fg)}
/* the tile row FLEXES rather than grids: a short last row stretches to the edge instead
   of leaving an empty cell where the grid's own gap lines drew a grey block */
.dk .cci-tiles{display:flex;flex-wrap:wrap;gap:1px;background:var(--dk-line)}
.dk .cci-tile{flex:1 1 148px;min-width:0;padding:14px 16px;box-shadow:none}
.dk .cci-tile .v{font-size:33px}
.dk .cci-bandrow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:13px;font-size:12px}
.dk .cci-bandrow .sp{margin-left:auto;font-size:11px}
.dk .cci-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.dk .cci-two.wide{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.dk .cci-words{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 26px}
.dk .cci-words .cci-q{margin-bottom:0}
.dk .cci-r3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dk .cci-dow{height:88px}

/* THE LAST CHAPTER — the one thing, then the pad, with the numbers pinned beside it */
.dk .cci-wr{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.dk .cci-wrm{min-width:0}
.dk .cci-wrs{position:sticky;top:64px;display:grid;gap:12px}
.dk .cci-job{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:16px}
.dk .cci-job.one{grid-template-columns:minmax(0,1fr)}
.dk .cci-pad{min-height:340px}
.dk .cci-read{margin:12px 0 0;font-size:13.5px;line-height:1.7;white-space:pre-line;text-wrap:pretty;max-width:74ch}
/* [6.68] BEFORE THIS — the stack you reference while you write: what was written last
   cycle, and every conversation logged since. One line until it is opened. */
.dk .cci-before{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;margin-bottom:14px;overflow:hidden}
.dk .cci-before .bh{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;padding:11px 17px;text-align:left}
.dk .cci-before .bh:hover{background:var(--dk-sunk)}
.dk .cci-before .bh .cnt{font-family:var(--f-mono);font-size:10.5px;color:var(--dk-mut);white-space:nowrap}
.dk .cci-before .bh .go{margin-left:auto;flex:0 0 auto;font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ib-electric-d)}
.dk .cci-before.open .bh{border-bottom:1px solid var(--dk-line)}
.dk .cci-before .bb{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1px;background:var(--dk-line)}
.dk .cci-before .bc{background:var(--dk-surf);padding:14px 17px 16px;min-width:0}
.dk .cci-before .bc .cci-read{font-size:13px;max-width:64ch}
.dk .cci-before .bp{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dk .cci-before .bp button{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;background:var(--dk-sunk);border:1px solid var(--dk-line2);border-radius:3px;padding:4px 8px;color:var(--dk-mut)}
.dk .cci-before .bp button.on{background:var(--ib-electric-t);border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk .cci-before .bm{font-size:11px;color:var(--dk-sub);margin-top:11px;text-wrap:pretty}
.dk .cci-before .bn{font-size:12px;color:var(--dk-mut);margin:10px 0 0;line-height:1.6;text-wrap:pretty}
.dk .cci-before .bt{display:grid;gap:9px;margin-top:11px}
.dk .cci-before .bt>div{display:grid;grid-template-columns:52px 40px minmax(0,1fr);gap:9px;align-items:baseline;font-size:12px}
.dk .cci-before .bt b{font-family:var(--f-mono);font-size:10px;font-weight:700;color:var(--dk-sub)}
.dk .cci-before .bt .ch{font-size:8.5px;font-weight:800;letter-spacing:.09em;color:var(--dk-sub)}
.dk .cci-before .bt .nt{line-height:1.5;text-wrap:pretty}
@media (max-width:1240px){.dk .cci-before .bb{grid-template-columns:minmax(0,1fr)}}
/* [6.71] THE WRITE-UP IS IN THE PEN (owner: "make sure the font was corrected for the
   write-up"). The app has one ink and this is it — Caveat 20px in pen blue, the same face
   and colour the member reads the letter in (.crv-pen p · .cr2-pen .ink · .op-ink p in
   p1/styles.css), so the desk composes in the hand the client is shown. The pad and the
   published read both wear it; the draft button, the counter and the chrome stay Inter. */
.dk .cci-pad,.dk .cci-read{font-family:"Caveat","Bradley Hand","Segoe Print",cursive;font-weight:600;font-size:20px;line-height:1.55;color:#1B47A0}
.dk .cci-pad::placeholder{color:#9FB4D6;font-weight:500}
.dk .cci-before .bc .cci-read{font-size:18px;max-width:60ch}
.dk .cci-wc{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.dk .cci-recap{background:var(--dk-surf);border:1px solid var(--dk-line);border-top:3px solid var(--ib-iron);border-radius:6px;padding:14px 16px}
.dk .cci-recap .g{margin-top:10px}
.dk .cci-recap .g>div{display:flex;align-items:baseline;gap:9px;padding:7px 0;border-bottom:1px solid var(--dk-line)}
.dk .cci-recap .g>div:last-child{border-bottom:0}
.dk .cci-recap .g span{font-size:11.5px;color:var(--dk-mut)}
.dk .cci-recap .g b{margin-left:auto;font-family:var(--f-mono);font-size:12.5px}
.dk .cci-recap .g em{flex:0 0 auto;font-style:normal;font-family:var(--f-mono);font-size:10px;color:var(--dk-sub);order:3}
.dk .cci-pull{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;padding:12px 16px 14px;margin-top:0}

/* A DESK IS NOT ALWAYS 1600px WIDE. Under ~1500 the record pane cannot carry two
   columns and still leave the pad a writing surface — everything stacks, and the pinned
   column stops being pinned. */
@media (max-width:1500px){
  .dk .cci-wr,.dk .cci-job,.dk .cci-two,.dk .cci-two.wide,.dk .cci-words{grid-template-columns:minmax(0,1fr)}
  .dk .cci-wrs{position:static}
  .dk .cci-pad{min-height:300px}
  .dk .cci-nav{padding:0 18px}
  .dk .cci-nav .tabs button{padding:13px 8px;font-size:10px}
  .dk .cci-nav .tabs button em{display:none}
  .dk .cci-rc{padding:10px 15px 11px}
  .dk .cci-rc .dk-bar{width:130px}
}

/* ============ [6.37] THE GRAPHS THE APP ALREADY DRAWS, AT THE DESK ============
   02 body composition gains the scan line under the table; 05 effectiveness gains the
   member's own three reads — the week graph, how the food got measured, how the number
   is built. Same numbers, desk-sized. */
.dk .cci-sg{margin-top:14px}
.dk .cci-sg svg{display:block;width:100%;height:auto;overflow:visible;margin-top:12px}
.dk .cci-sg .gl{stroke:var(--dk-line);stroke-width:1}
.dk .cci-sg .gt{fill:var(--dk-sub);font-family:var(--f-mono);font-size:9.5px}
.dk .cci-sg .bfl{fill:none;stroke:var(--ib-electric);stroke-width:2.2;stroke-linejoin:round}
.dk .cci-sg .bfa{fill:var(--ib-electric);opacity:.09}
.dk .cci-sg .wtl{fill:none;stroke:var(--dk-line2);stroke-width:1.6;stroke-dasharray:4 3}
.dk .cci-sg .gol{stroke:var(--turf);stroke-width:1.4;stroke-dasharray:5 4}
.dk .cci-sg .dot{fill:#fff;stroke:var(--ib-electric);stroke-width:2}
.dk .cci-sg .val{fill:var(--dk-fg);font-family:var(--f-mono);font-size:10.5px;font-weight:700}
.dk .cci-sg .lbl{fill:var(--dk-mut);font-family:var(--f-body);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.dk .cci-legend{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:9px}
.dk .cci-legend span{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;color:var(--dk-mut)}
.dk .cci-legend i{width:14px;height:0;border-top:2px solid var(--dk-line2);flex:0 0 auto}
.dk .cci-legend i.bf{border-top-color:var(--ib-electric)}
.dk .cci-legend i.wt{border-top-style:dashed}
.dk .cci-legend i.go{border-top-color:var(--turf);border-top-style:dashed}
.dk .cci-legend i.sw{width:10px;height:10px;border:0;border-radius:2px}
.dk .cci-legend i.sw.plan{background:var(--cci-plan)}
.dk .cci-legend i.sw.done{background:var(--cci-done)}
.dk .cci-legend i.sw.gap{background:var(--rust)}
/* how the food got measured — a pie, because they are segments of one whole */
.dk .cci-pie{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:4px}
.dk .cci-pie svg{flex:0 0 134px;width:134px;height:134px;display:block}
.dk .cci-pie .pt{fill:var(--dk-fg);font-family:var(--f-cond);font-weight:900;font-size:30px}
.dk .cci-pie .pl{fill:var(--dk-sub);font-family:var(--f-body);font-size:7.5px;font-weight:800;letter-spacing:.13em}
.dk .cci-pie .cci-mrows{flex:1 1 210px;min-width:0;margin-top:0}

.dk .cci-e2{margin-top:16px;padding-top:15px;border-top:1px solid var(--dk-line)}
.dk .cci-e2h{display:flex;align-items:baseline;gap:10px;margin-bottom:11px}
.dk .cci-e2h b{font-family:var(--f-cond);font-weight:900;font-size:15px;letter-spacing:.05em;text-transform:uppercase}
.dk .cci-e2h em{margin-left:auto;font-style:normal;font-family:var(--f-mono);font-size:10.5px;color:var(--dk-sub);white-space:nowrap}
/* the app's own read — the one thing to do about the number, in the member's words */
.dk .cci-eread{margin:12px 0 15px;font-size:12.5px;line-height:1.6;color:var(--dk-fg);border-left:3px solid var(--forge);padding-left:12px;max-width:88ch;text-wrap:pretty}
.dk .cci-wg{display:flex;align-items:flex-end;gap:10px}
.dk .cci-wg .w{flex:1 1 0;min-width:0;display:grid;gap:5px;justify-items:center}
.dk .cci-wg .cols{width:100%;height:92px;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid var(--dk-line2)}
.dk .cci-wg .cols i{width:26px;border-radius:2px 2px 0 0}
.dk .cci-wg .pl{background:var(--cci-plan)}
.dk .cci-wg .dn{background:var(--cci-fill,var(--ib-electric))}
.dk .cci-wg .wv.b-lo,.dk .cci-wg .wv.b-no{color:var(--rust-deep)}
.dk .cci-wg .wl{font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dk-sub);white-space:nowrap}
.dk .cci-wg .wv{font-family:var(--f-mono);font-size:11px;font-weight:700;color:var(--dk-fg)}
.dk .cci-mrows{display:grid;gap:0;margin-top:11px}
.dk .cci-mrows>div{display:flex;align-items:baseline;gap:9px;padding:7px 0;border-bottom:1px solid var(--dk-line);font-size:11.5px}
.dk .cci-mrows>div:last-child{border-bottom:0}
.dk .cci-mrows i{width:9px;height:9px;border-radius:2px;flex:0 0 auto}
.dk .cci-mrows .n{color:var(--dk-mut)}
.dk .cci-mrows b{margin-left:auto;font-family:var(--f-mono);font-size:12px}
.dk .cci-mrows em{flex:0 0 42px;text-align:right;font-style:normal;font-family:var(--f-mono);font-size:10px;color:var(--dk-sub)}
.dk .cci-parts{display:grid;gap:11px}
.dk .cci-parts .p{padding:10px 12px;background:var(--dk-sunk);border-radius:4px;border-left:3px solid var(--dk-line2)}
.dk .cci-parts .p.lever{border-left-color:var(--forge);background:var(--forge-t)}
.dk .cci-parts .r1{display:flex;align-items:baseline;gap:9px;font-size:11.5px}
.dk .cci-parts .r1 .n{font-weight:700}
.dk .cci-parts .r1 b{margin-left:auto;font-family:var(--f-mono);font-size:14px}
.dk .cci-parts .bar{height:5px;border-radius:3px;background:var(--dk-line);margin:8px 0 6px;overflow:hidden}
.dk .cci-parts .bar i{display:block;height:100%;background:var(--ib-electric)}
.dk .cci-parts .p.lever .bar i{background:var(--forge-deep)}
.dk .cci-parts .r2{font-size:10.5px;color:var(--dk-sub)}
.dk .cci-foot{margin:14px 0 0;font-size:11.5px;line-height:1.6;color:var(--dk-sub);text-wrap:pretty}
.dk .cci-foot b{color:var(--dk-mut)}

/* ============ [6.39] THE PAGE READS TOP TO BOTTOM ============
   The owner walking 6.37 in the flesh: "it's good information, it's just all over the
   shop — hard to follow with your eyes." Three structures answer it — the exact result at
   the top of 02, the scans beside the graph they draw, and 05 split into training and
   food, each one THE MONTH with the same month broken down underneath it. */
.dk{--cci-plan:var(--ib-silver);--cci-done:var(--ib-electric);--cci-gap:var(--rust-t)}

/* 02 · THE EXACT RESULT — one block per number, at the top of the chapter */
.dk .cci-exact{display:flex;flex-wrap:wrap;gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:6px;overflow:hidden}
.dk .cci-ex{flex:1 1 194px;min-width:0;background:var(--dk-surf);padding:14px 17px 16px}
.dk .cci-ex .k{font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub)}
.dk .cci-ex .v{font-family:var(--f-cond);font-weight:900;font-size:40px;line-height:1;letter-spacing:.01em;margin-top:9px}
.dk .cci-ex .v small{font-family:var(--f-mono);font-size:13px;font-weight:500;color:var(--dk-sub);margin-left:3px}
.dk .cci-ex .b{display:grid;gap:3px;margin-top:12px}
.dk .cci-ex .b i{display:block;height:6px;border-radius:2px;min-width:3px;background:var(--dk-line2)}
.dk .cci-ex .b i.now{background:var(--ib-graphite)}
.dk .cci-ex.flat .b i.now{background:var(--ib-electric)}
.dk .cci-ex.good .b i.now{background:var(--turf)}
.dk .cci-ex.bad .b i.now{background:var(--rust)}
.dk .cci-ex .d{display:flex;align-items:baseline;gap:9px;margin-top:10px}
.dk .cci-ex .d em{font-style:normal;font-family:var(--f-mono);font-size:10.5px;color:var(--dk-sub)}
.dk .cci-ex .d b{margin-left:auto;font-family:var(--f-mono);font-size:12.5px;font-weight:700;color:var(--dk-mut)}
.dk .cci-ex.good .d b{color:var(--turf-deep)}
.dk .cci-ex.bad .d b{color:var(--rust-deep)}
.dk .cci-ex .n{font-size:10.5px;line-height:1.45;color:var(--dk-sub);margin-top:10px;padding-top:9px;border-top:1px solid var(--dk-line);text-wrap:pretty}
.dk .cci-exft{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:12px 0 16px;font-size:12px;color:var(--dk-mut)}
.dk .cci-exft b{font-family:var(--f-mono);font-size:12px;color:var(--dk-fg)}
.dk .cci-exft .sp{margin-left:auto;font-size:11.5px}

/* 05 · TRAINING, THEN FOOD — a titled block each, the month first, the breakdown under it */
.dk .cci-escore{display:flex;gap:15px;align-items:flex-start;padding:15px 18px;margin-bottom:14px}
.dk .cci-escore .dk-sb{flex:0 0 auto;width:66px;padding:10px 0}
.dk .cci-escore .dk-sb b{font-size:26px}
.dk .cci-escore .hd{font-family:var(--f-cond);font-weight:900;font-size:20px;letter-spacing:.03em;text-transform:uppercase;line-height:1}
.dk .cci-escore p{margin:8px 0 0;font-size:12.5px;line-height:1.55;color:var(--dk-mut);max-width:92ch;text-wrap:pretty}
.dk .cci-escore .cci-eread{margin:11px 0 0}
.dk .cci-half{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;margin-bottom:14px}
.dk .cci-half:last-child{margin-bottom:0}
.dk .cci-hh{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:12px 18px;background:var(--dk-sunk);border-bottom:1px solid var(--dk-line);border-radius:6px 6px 0 0}
.dk .cci-hh .tg{flex:0 0 auto;font-family:var(--f-mono);font-size:10px;font-weight:700;color:#fff;background:var(--ib-iron);border-radius:3px;padding:3px 8px}
.dk .cci-hh b{font-family:var(--f-cond);font-weight:900;font-size:20px;letter-spacing:.05em;text-transform:uppercase;line-height:1}
.dk .cci-hh em{margin-left:auto;font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--dk-mut);text-align:right}
.dk .cci-hb{padding:15px 18px 17px}
.dk .cci-hb>.cci-e2h:first-child{margin-bottom:4px}
.dk .cci-figs{display:flex;flex-wrap:wrap;gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:5px;overflow:hidden;margin-top:14px}
.dk .cci-figs>div{flex:1 1 138px;min-width:0;background:var(--dk-surf);padding:11px 14px 12px}
.dk .cci-figs span{display:block;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--dk-sub)}
.dk .cci-figs b{display:block;font-family:var(--f-cond);font-weight:900;font-size:24px;line-height:1;margin-top:8px}
.dk .cci-figs em{display:block;font-style:normal;font-family:var(--f-mono);font-size:10px;color:var(--dk-sub);margin-top:6px}

/* the one thing, restated beside the pad it is written about */
.dk .cci-onemini{background:var(--ib-iron);color:#fff;border-radius:6px;padding:13px 16px 14px}
.dk .cci-onemini .dk-lab{color:var(--ib-electric-b)}
.dk .cci-onemini b{display:block;font-family:var(--f-cond);font-weight:900;font-size:17px;letter-spacing:.03em;text-transform:uppercase;line-height:1.1;margin-top:9px}
.dk .cci-onemini em{display:block;font-style:normal;font-size:11px;color:var(--ib-silver);margin-top:7px}

/* [6.42] THE COACH SEAT USES THE WIDTH. My details and My check-ins were 940px columns
   pinned left on a desk that is never that narrow. [6.43] and it uses ALL of it (owner:
   "it looks silly having that little sidebar there — centre it if you need to"): the cap
   only bites on an ultra-wide, and past it the page centres instead of hugging the rail. */
.dk .co-wide{max-width:1900px;margin-inline:auto}
/* [6.44] AND IT STILL DID NOT (owner: "this was not changed … what is meant to be on this
   side here"). The cap was never what pinned these two screens left. `.dk-rec` is a FLEX
   CHILD of `.dk-work` on My details and My check-ins — everywhere else in the desk it is
   the `1fr` column of `.dk-panes`, a GRID item, which stretches by default. A flex item at
   `0 1 auto` shrink-wraps its own content, so the pane stopped at ~1000px however wide the
   window got: a dead strip down the right, and the pane's own scrollbar floating in the
   MIDDLE of the screen instead of at its edge. It grows now, and the header band's content
   takes the same 1900 cap as the body so the two never drift apart on an ultra-wide. */
.dk .dk-work>.dk-rec{flex:1 1 auto}
.dk .dk-work>.dk-rec>.dk-rechd>*{max-width:1900px;margin-inline:auto}
@media (max-width:1460px){
  .dk .co-wide .dk-grid3{grid-template-columns:1fr 1fr}
  .dk .co-wide .dk-grid2{grid-template-columns:1fr}
}

/* [6.36] MY ROSTER — the head's week view, scoped to one coach */
.dk .dk-ttcls.me{background:var(--ib-electric-t)}
.dk .dk-ttcls.dim{opacity:.45}
.dk .dk-ttcls.dim:hover{opacity:.8}

/* ============ [6.45] THE FILE — a client's, and a coach's ============
   Owner's call: Clients is a list you click into, and Coaches is a look-up. Both open
   the same shape — the record beside the list, its chapters across the top — so these
   parts are shared by desk-clients.jsx and the head's coach file. */
.dk .dk-jrny{display:flex;flex-wrap:wrap;align-items:center;background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;padding:13px 17px}
.dk .dk-jrny .st{padding-right:17px}
.dk .dk-jrny .st b{display:block;font-family:var(--f-cond);font-weight:900;font-size:14px;letter-spacing:.045em;text-transform:uppercase;color:var(--dk-mut);line-height:1}
.dk .dk-jrny .st span{display:block;font-family:var(--f-mono);font-size:9.5px;color:var(--dk-sub);margin-top:5px}
.dk .dk-jrny .st.now b{color:var(--ib-electric-d)}
.dk .dk-jrny .sep{width:20px;height:1px;background:var(--dk-line2);margin-right:17px}
.dk .dk-sigs{display:grid;gap:12px;margin-top:13px}
.dk .dk-sig{display:flex;align-items:flex-start;gap:11px}
.dk .dk-sig .cd{flex:0 0 auto;font-family:var(--f-mono);font-size:9.5px;font-weight:700;color:var(--dk-sub);background:var(--dk-sunk);border:1px solid var(--dk-line2);border-radius:3px;padding:3px 5px;line-height:1}
.dk .dk-sig .cd.warm{color:var(--forge-deep);border-color:var(--forge);background:var(--forge-t)}
.dk .dk-sig .cd.hot{color:var(--rust-deep);border-color:var(--rust);background:var(--rust-t)}
.dk .dk-sig .sb{flex:1 1 auto;min-width:0}
.dk .dk-sig .st{display:flex;gap:14px;align-items:baseline;font-size:12.5px;font-weight:700}
.dk .dk-sig .st em{margin-left:auto;font-style:normal;font-size:11px;font-weight:400;color:var(--dk-mut);text-align:right;text-wrap:pretty}
.dk .dk-sig .dk-bar{margin-top:6px}
.dk .dk-bar i.amber{background:var(--forge)}
.dk .dk-bar i.red{background:var(--rust)}
.dk .dk-bar i.green{background:var(--turf)}
/* a flag, with the line already written under it */
.dk .dk-flagc{background:var(--dk-surf);border:1px solid var(--dk-line);border-left:3px solid var(--forge);border-radius:5px;padding:13px 16px;margin-bottom:10px}
.dk .dk-flagc.hot{border-left-color:var(--rust)}
.dk .dk-flagc.done{border-left-color:var(--turf);opacity:.75}
.dk .dk-flagc .fh{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dk .dk-flagc .fh b{font-size:13px}
.dk .dk-flagc .fd{font-size:12.5px;color:var(--dk-mut);margin-top:5px;text-wrap:pretty}
.dk .dk-say{background:var(--ib-iron);color:#fff;border-radius:4px;padding:11px 13px;margin-top:11px;font-size:12.5px;line-height:1.55;text-wrap:pretty}
.dk .dk-say span{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ib-electric-b);margin-bottom:5px}
/* the assessment sheet — one trait, its bar, its mark */
.dk .dk-trait{display:grid;grid-template-columns:1fr minmax(80px,150px) 34px;gap:13px;align-items:center;font-size:12.5px;padding:6px 0}
.dk .dk-trait .vv{font-family:var(--f-mono);font-size:11.5px;color:var(--dk-mut);text-align:right}
.dk .dk-listft span{text-wrap:pretty;line-height:1.45}
@media (max-width:1460px){
  .dk .dk-recbody.co-wide .dk-grid3{grid-template-columns:1fr 1fr}
}

/* ============ 6.53 · SALES AT THE DESK ============   The seat's own screens, desk-native. THE LANES ARE THE HEADER (owner's call): a
   full-width strip above the panes instead of eight cells crammed into a 420px
   sidebar. The job is a RUN PANEL (the ladder down the left, the words at reading
   size, the send button under them), the road is a graphic, and the call sheet is
   a sheet. Every write is still one appended event — see p1/sales-data.js. */
.dk .sd-screen{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0}

/* ---- 6.54 · THE CHROME IS ONE LINE ----
   6.53's band was 200px of figures and lane cells above the thing he actually works in.
   The owner's call: "the masterpiece of everything is when you click into a client" — so
   the day read, the lanes and the actions are ONE 50px strip, and the list collapses. */
.dk .sd-strip{flex:0 0 auto;display:flex;align-items:stretch;background:var(--dk-surf);border-bottom:1px solid var(--dk-line2);min-height:50px}
.dk .sd-sk{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:0 16px;border-right:1px solid var(--dk-line);white-space:nowrap}
.dk .sd-sk .dk-lab{white-space:nowrap}
.dk .sd-sr{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 14px;margin-left:auto;border-left:1px solid var(--dk-line)}
/* the day read, inline: label over number, four of them, no card */
.dk .sd-inl{display:flex;align-items:center;flex:1 1 auto;min-width:0;overflow:hidden}
.dk .sd-inl .f{display:flex;align-items:baseline;gap:7px;padding:0 15px;border-right:1px solid var(--dk-line);white-space:nowrap}
.dk .sd-inl .f:last-child{border-right:0}
.dk .sd-inl .f b{font-family:var(--f-cond);font-weight:900;font-size:20px;line-height:1;letter-spacing:.02em}
.dk .sd-inl .f.hot b{color:var(--rust-deep)}
.dk .sd-inl .f.blue b{color:var(--ib-electric-d)}
.dk .sd-inl .f span{font-size:9.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--dk-sub)}

/* THE LANES, STILL THE HEADER — but one line of it. Name, count, owed dot, and a bar
   under the cell sized to the lane, so the shape of the pipeline is still readable. */
.dk .sd-lanes2{display:flex;align-items:stretch;flex:1 1 auto;min-width:0}
.dk .sd-l2{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;background:none;border:0;border-right:1px solid var(--dk-line);padding:0 12px;text-align:left}
.dk .sd-l2:hover{background:var(--dk-sunk)}
.dk .sd-l2.on{background:var(--ib-electric-t)}
.dk .sd-l2 b{font-family:var(--f-cond);font-weight:900;font-size:21px;line-height:1;letter-spacing:.02em;flex:0 0 auto}
.dk .sd-l2.on b{color:var(--ib-electric-d)}
.dk .sd-l2 .k{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dk .sd-l2.on .k{color:var(--ib-electric-d)}
.dk .sd-l2 em{font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--ib-electric);border-radius:999px;padding:2px 6px;flex:0 0 auto}
.dk .sd-l2 em.hot{background:var(--rust)}
.dk .sd-l2 i.bar{position:absolute;left:0;bottom:0;height:3px;background:var(--dk-line2)}
.dk .sd-l2.on i.bar{background:var(--ib-electric)}
.dk .sd-l2.out .k{color:var(--dk-line2)}
.dk .sd-l2.out b{color:var(--dk-mut)}

/* the nag is a line in the strip, never a band of its own */
.dk .sd-nag2{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding:0 14px;background:var(--forge-t);border-left:3px solid var(--forge-deep);white-space:nowrap}
.dk .sd-nag2 .k{font-size:9.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--forge-deep)}
.dk .sd-nag2 .d{font-size:11.5px;color:var(--dk-mut)}

/* THE WALKER — with the list shut, the queue is worked from the strip */
.dk .sd-walk{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.dk .sd-walk button{width:26px;height:26px;display:grid;place-items:center;background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:3px;color:var(--dk-mut);font-size:13px;line-height:1}
.dk .sd-walk button:hover:not(:disabled){border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk .sd-walk button:disabled{opacity:.35}
.dk .sd-walk .c{font-family:var(--f-mono);font-size:10.5px;color:var(--dk-sub);padding:0 7px;white-space:nowrap}

/* ---- the list: key information only, and it gets out of the way ---- */
.dk .sd-panes{display:grid;flex:1 1 auto;min-height:0;min-width:0}
.dk .sd-r{display:grid;gap:3px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--dk-line);border-left:3px solid transparent;padding:9px 13px 10px}
.dk .sd-r:hover{background:var(--dk-sunk)}
.dk .sd-r.on{background:var(--ib-electric-t);border-left-color:var(--ib-electric)}
.dk .sd-r .n{display:flex;align-items:center;gap:8px;min-width:0}
.dk .sd-r .n b{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk .sd-r .n .t{margin-left:auto;flex:0 0 auto;font-family:var(--f-mono);font-size:10px;color:var(--dk-sub)}
.dk .sd-r.on .n .t{color:var(--ib-electric-d)}
.dk .sd-r .n .t.hot{color:var(--rust-deep);font-weight:700}
.dk .sd-r .w{font-size:11px;color:var(--dk-mut);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* an icon in a desk button has never had a size rule (every other .ic sits inside a
   parent that gave it one), so the sales screens carry their own */
.dk .sd-i{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;flex:0 0 auto}
.dk .sd-ro .sd-i{width:15px;height:15px;stroke-width:1.9;margin-top:1px}
/* a tel: link wearing the button — .dk a would otherwise win the colour */
.dk a.dk-btn,.dk a.dk-btn:hover{color:#fff;text-decoration:none}
.dk a.dk-btn.ghost,.dk a.dk-btn.ghost:hover{color:var(--dk-fg)}
.dk .sd-band{flex:0 0 auto;background:var(--dk-surf);border-bottom:1px solid var(--dk-line2);padding:14px 26px 16px}
.dk .sd-bandrow{display:flex;align-items:baseline;gap:14px;margin-bottom:11px}
.dk .sd-bandrow .r{margin-left:auto;display:flex;align-items:center;gap:9px}

/* ---- the pipeline, across the top ---- */
.dk .sd-pipe{display:grid;gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:6px;overflow:hidden}
.dk .sd-cel{display:block;background:var(--dk-surf);border:0;border-top:3px solid transparent;padding:11px 13px 12px;text-align:left;min-width:0;transition:background .12s}
.dk .sd-cel:hover{background:var(--dk-sunk)}
.dk .sd-cel.on{border-top-color:var(--ib-electric);background:var(--ib-electric-t)}
.dk .sd-cel.out{background:var(--dk-sunk)}
.dk .sd-cel.out.on{background:var(--ib-electric-t)}
.dk .sd-cel .k{display:flex;align-items:center;gap:6px;font-size:9.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--dk-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk .sd-cel.on .k{color:var(--ib-electric-d)}
.dk .sd-cel .v{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.dk .sd-cel .v b{font-family:var(--f-cond);font-weight:900;font-size:30px;line-height:1;letter-spacing:.02em}
.dk .sd-cel .v em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--ib-electric);border-radius:999px;padding:2px 7px;white-space:nowrap}
.dk .sd-cel .v em.hot{background:var(--rust)}
.dk .sd-cel .s{font-size:10.5px;line-height:1.35;color:var(--dk-mut);margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* how many are standing in each lane, aligned to the lane it belongs to */
.dk .sd-funnel{display:grid;gap:1px;margin-top:8px}
.dk .sd-funnel span{display:block;height:5px;background:var(--dk-sunk);border-radius:2px;overflow:hidden}
.dk .sd-funnel i{display:block;height:100%;background:var(--ib-electric);border-radius:2px}
.dk .sd-funnel span.out i{background:var(--dk-line2)}

/* the one thing the board nags about: signed, nobody published them */
.dk .sd-nag{display:flex;align-items:center;gap:16px;margin-top:12px;background:var(--forge-t);border:1px solid var(--forge);border-left:3px solid var(--forge-deep);border-radius:5px;padding:11px 16px}
.dk .sd-nag .k{font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--forge-deep)}
.dk .sd-nag .d{font-size:12px;color:var(--dk-mut);margin-top:3px;text-wrap:pretty}
.dk .sd-nag .r{margin-left:auto;flex:0 0 auto}

/* ---- the day read: four figures, one line ---- */
.dk .sd-figs{display:flex;gap:0;flex-wrap:wrap}
.dk .sd-fig{padding-right:26px;margin-right:26px;border-right:1px solid var(--dk-line);min-width:0}
.dk .sd-fig:last-child{border-right:0;margin-right:0;padding-right:0}
.dk .sd-fig .k{font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub);white-space:nowrap}
.dk .sd-fig .v{font-family:var(--f-cond);font-weight:900;font-size:28px;line-height:1;margin-top:6px}
.dk .sd-fig.hot .v{color:var(--rust-deep)}
.dk .sd-fig.blue .v{color:var(--ib-electric-d)}
.dk .sd-fig .s{font-size:10.5px;color:var(--dk-mut);margin-top:4px;white-space:nowrap}

/* ---- the record: who owns it, then the chapters. 6.54 tightened: this header is the
   only chrome left above the work, so it is three short rows and nothing more. ---- */
.dk .sd-recwrap{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--dk-bg)}
.dk .sd-recbody{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 24px 46px}
.dk .sd-hd{flex:0 0 auto;background:var(--dk-surf);border-bottom:1px solid var(--dk-line);padding:13px 24px 0}
.dk .sd-idrow{display:flex;align-items:center;gap:16px}
.dk .sd-idrow h2{font-family:var(--f-cond);font-weight:900;font-size:23px;line-height:1;letter-spacing:.03em;text-transform:uppercase;margin:0;flex:0 0 auto}
.dk .sd-sub{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--dk-mut);min-width:0}
.dk .sd-sub .sp{width:3px;height:3px;border-radius:50%;background:var(--dk-line2)}
.dk .sd-sub .mo{font-family:var(--f-mono)}
.dk .sd-idact{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.dk .sd-own{display:flex;align-items:center;gap:13px;margin-top:11px;border:1px solid var(--dk-line);border-left:3px solid var(--dk-line2);border-radius:3px;padding:8px 13px;background:var(--dk-sunk)}
.dk .sd-own.owed{border-color:var(--rust);border-left-color:var(--rust);background:var(--rust-t)}
.dk .sd-own.armed{border-color:var(--ib-electric);border-left-color:var(--ib-electric);background:var(--ib-electric-t)}
.dk .sd-own .w{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-mut);white-space:nowrap}
.dk .sd-own.owed .w{color:var(--rust-deep)}
.dk .sd-own.armed .w{color:var(--ib-electric-d)}
.dk .sd-own .l{font-size:12px;color:var(--dk-fg);min-width:0;text-wrap:pretty}
.dk .sd-own .l b{font-weight:700}
.dk .sd-own .cl{margin-left:auto;flex:0 0 auto;font-family:var(--f-mono);font-size:13.5px;font-weight:700;color:var(--ib-electric-d)}
.dk .sd-own.owed .cl{color:var(--rust-deep)}
.dk .sd-chaps{display:flex;flex-wrap:wrap;margin-top:11px}
.dk .sd-chap{display:flex;align-items:center;gap:7px;background:none;border:0;border-bottom:2px solid transparent;padding:0 2px 9px;margin-right:22px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dk-sub)}
.dk .sd-chap:hover{color:var(--dk-fg)}
.dk .sd-chap.on{color:var(--dk-fg);border-bottom-color:var(--ib-electric)}
.dk .sd-chap em{font-style:normal;font-family:var(--f-mono);font-size:9.5px;font-weight:700;background:var(--dk-sunk);border-radius:999px;padding:2px 6px;color:var(--dk-mut)}
.dk .sd-chap.on em{background:var(--ib-electric);color:#fff}
.dk .sd-chap em.hot{background:var(--rust);color:#fff}

/* ---- the response clock, as a gauge ---- */
.dk .sd-sla{display:flex;align-items:center;gap:16px;background:var(--ib-iron);color:#fff;border-radius:6px;padding:13px 18px;margin-bottom:16px}
.dk .sd-sla.late{background:var(--rust-deep)}
.dk .sd-sla .k{font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ib-electric-b);white-space:nowrap}
.dk .sd-sla.late .k{color:#fff;opacity:.8}
.dk .sd-sla .s{font-size:11px;color:var(--ib-silver);text-wrap:pretty}
.dk .sd-sla.late .s{color:#fff;opacity:.85}
.dk .sd-sla b{margin-left:auto;font-family:var(--f-mono);font-size:23px;font-weight:700;flex:0 0 auto}
.dk .sd-cells{display:flex;gap:3px;flex:0 0 240px}
.dk .sd-cells i{flex:1 1 0;height:9px;background:rgba(255,255,255,.16);border-radius:1px}
.dk .sd-cells i.on{background:var(--ib-electric-b)}

/* ---- THE JOB · the run panel ---- */
.dk .sd-job{display:grid;grid-template-columns:252px minmax(0,1fr);background:var(--dk-surf);border:1px solid var(--dk-line);border-top:3px solid var(--ib-electric);border-radius:6px;overflow:hidden}
.dk .sd-job.hot{border-top-color:var(--rust)}
.dk .sd-ladder{background:var(--dk-sunk);border-right:1px solid var(--dk-line);padding:15px 0 17px}
.dk .sd-ladhd{padding:0 16px 11px;font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub)}
.dk .sd-lad{display:flex;gap:12px;width:100%;text-align:left;background:none;border:0;border-left:3px solid transparent;padding:9px 16px 9px 13px;align-items:flex-start}
.dk .sd-lad .n{width:23px;height:23px;border-radius:50%;border:1.5px solid var(--dk-line2);background:var(--dk-surf);color:var(--dk-sub);display:grid;place-items:center;font-family:var(--f-mono);font-size:10px;font-weight:700;flex:0 0 auto}
.dk .sd-lad .n svg{width:11px;height:11px;stroke:currentColor;stroke-width:2.6;fill:none}
.dk .sd-lad.done .n{background:var(--turf);border-color:var(--turf);color:#fff}
.dk .sd-lad.on{background:var(--dk-surf);border-left-color:var(--ib-electric)}
.dk .sd-lad.on .n{background:var(--ib-electric);border-color:var(--ib-electric);color:#fff}
.dk .sd-lad.ghost{opacity:.5}
.dk .sd-lad .t{min-width:0}
.dk .sd-lad .t .kd{font-size:8.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ib-electric-d)}
.dk .sd-lad .t .kd.talk{color:var(--forge-deep)}
.dk .sd-lad .t .kd.ifno{color:var(--dk-sub)}
.dk .sd-lad .t b{display:block;font-size:12px;font-weight:700;margin-top:3px;text-wrap:pretty;line-height:1.35}
.dk .sd-armlab{margin:11px 16px 5px;padding-top:11px;border-top:1px dashed var(--dk-line2);font-size:8.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-sub)}
.dk .sd-run{padding:17px 20px 19px;min-width:0}
/* [6.54] USE THE WIDTH. With the list shut the run panel is 1500px+, so the words go
   left and the coaching sits BESIDE them — the whole job in one hit, no scrolling. The
   pane is the container, not the window: the same monitor gives two different widths
   depending on whether the list is open. */
.dk .sd-recbody{container-type:inline-size}
.dk .sd-w2{min-width:0}
@container (min-width:1160px){
  .dk .sd-job{grid-template-columns:252px minmax(0,1fr)}
  .dk .sd-run{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:26px;align-items:start;column-gap:26px}
  .dk .sd-run>.sd-runhd{grid-column:1/-1;margin-bottom:4px}
  .dk .sd-run>.sd-coach{margin-top:0;padding-top:0;border-top:0;border-left:1px solid var(--dk-line);padding-left:22px}
  .dk .sd-run>.sd-coach .c{grid-template-columns:minmax(0,1fr);gap:5px}
  .dk .sd-msg,.dk .sd-ta{max-width:none}
  .dk .sd-sheet{grid-template-columns:minmax(0,1fr) 400px}
}
.dk .sd-runhd{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin-bottom:12px}
.dk .sd-runhd .st{font-family:var(--f-mono);font-size:10.5px;font-weight:700;color:var(--dk-sub)}
.dk .sd-runhd h3{font-family:var(--f-cond);font-weight:900;font-size:21px;line-height:1;letter-spacing:.035em;text-transform:uppercase;margin:0}
.dk .sd-kd{font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#fff;background:var(--ib-electric);border-radius:3px;padding:3px 8px}
.dk .sd-kd.talk{background:var(--forge-deep)}
.dk .sd-kd.ifno{background:var(--dk-mut)}
.dk .sd-msg{background:var(--dk-sunk);border:1px solid var(--dk-line);border-radius:3px 14px 14px 14px;padding:16px 19px;font-size:15px;line-height:1.62;text-wrap:pretty;max-width:720px}
.dk .sd-msg b{font-weight:700;color:var(--ib-electric-d)}
.dk .sd-msg.talk{background:var(--ib-iron);color:#fff;border-color:var(--ib-iron);border-radius:6px}
.dk .sd-msg.talk b{color:var(--ib-electric-b)}
.dk .sd-ta{width:100%;max-width:720px;background:var(--dk-surf);border:1px solid var(--ib-electric);border-radius:4px;padding:14px 17px;font-family:inherit;font-size:15px;line-height:1.62;color:var(--dk-fg);resize:vertical}
.dk .sd-ta:focus{outline:none;box-shadow:0 0 0 3px rgba(7,93,198,.12)}
.dk .sd-sendrow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:14px}
.dk .sd-sendrow .c{font-family:var(--f-mono);font-size:10.5px;color:var(--dk-sub)}
.dk .sd-then{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-sub);margin-left:auto}
.dk .sd-via{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--dk-mut);margin-top:11px}
.dk .sd-via svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none;flex:0 0 auto}
.dk .sd-coach{display:grid;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid var(--dk-line)}
.dk .sd-coach .c{display:grid;grid-template-columns:146px minmax(0,1fr);gap:15px;align-items:start}
.dk .sd-coach .c .k{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-sub);text-wrap:pretty}
.dk .sd-coach .c p{font-size:12.5px;line-height:1.6;color:var(--dk-mut);text-wrap:pretty}
.dk .sd-coach .c p b{color:var(--dk-fg);font-weight:700}
.dk .sd-quote{border:1px solid var(--dk-line);border-left:3px solid var(--ib-electric);border-radius:0 5px 5px 0;background:var(--dk-surf);padding:14px 18px;font-size:14.5px;line-height:1.6;font-style:italic;text-wrap:pretty;max-width:760px}

/* the fork: two arms, and the one not taken is never drawn as a step */
.dk .sd-fork{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px}
.dk .sd-opt{display:flex;gap:14px;align-items:flex-start;text-align:left;background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:6px;padding:16px 18px}
.dk .sd-opt .ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--dk-sunk);color:#fff}
.dk .sd-opt .ic svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.6;fill:none}
.dk .sd-opt.g .ic{background:var(--turf)}
.dk .sd-opt.a .ic{background:var(--forge)}
.dk .sd-opt.g:hover{border-color:var(--turf);background:var(--turf-t)}
.dk .sd-opt.a:hover{border-color:var(--forge);background:var(--forge-t)}
.dk .sd-opt b{display:block;font-family:var(--f-cond);font-weight:900;font-size:17px;letter-spacing:.035em;text-transform:uppercase;line-height:1}
.dk .sd-opt span{display:block;font-size:11.5px;color:var(--dk-mut);margin-top:5px;text-wrap:pretty}

/* the outcomes, and the receipt */
.dk .sd-outs{display:grid;gap:9px;max-width:760px}
.dk .sd-out{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--dk-surf);border:1px solid var(--dk-line);border-left:3px solid var(--dk-line2);border-radius:4px;padding:13px 16px}
.dk .sd-out:hover{border-color:var(--ib-electric)}
.dk .sd-out.green{border-left-color:var(--turf)}
.dk .sd-out.blue{border-left-color:var(--ib-electric)}
.dk .sd-out.amber{border-left-color:var(--forge)}
.dk .sd-out b{display:block;font-size:13.5px}
.dk .sd-out span{display:block;font-size:11.5px;color:var(--dk-mut);margin-top:3px;text-wrap:pretty}
.dk .sd-out .go{margin-left:auto;flex:0 0 auto;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-electric-d)}
.dk .sd-done{background:var(--ib-iron);color:#fff;border-radius:6px;border-top:3px solid var(--turf);padding:22px 24px;max-width:820px}
.dk .sd-done .oh{display:flex;align-items:center;gap:14px}
.dk .sd-done .ok{width:34px;height:34px;border-radius:50%;background:var(--turf);display:grid;place-items:center;flex:0 0 auto}
.dk .sd-done .ok svg{width:17px;height:17px;stroke:#fff;stroke-width:3;fill:none}
.dk .sd-done h3{font-family:var(--f-cond);font-weight:900;font-size:25px;line-height:1;letter-spacing:.03em;text-transform:uppercase;margin:0}
.dk .sd-done .oh .l{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ib-electric-b);margin-bottom:6px}
.dk .sd-done .lb{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ib-electric-b);margin:20px 0 10px}
.dk .sd-eff{display:grid;gap:9px}
.dk .sd-eff div{display:flex;gap:11px;align-items:flex-start;font-size:12.5px;line-height:1.55;color:#D8DEE5;text-wrap:pretty}
.dk .sd-eff svg{width:14px;height:14px;stroke:var(--turf);stroke-width:3;fill:none;flex:0 0 auto;margin-top:3px}
.dk .sd-q{display:grid;gap:1px;background:var(--ib-graphite);border-radius:4px;overflow:hidden}
.dk .sd-q div{display:flex;align-items:center;gap:12px;background:var(--ib-steel);padding:10px 14px;font-size:12.5px}
.dk .sd-q div em{margin-left:auto;font-style:normal;font-family:var(--f-mono);font-size:10.5px;color:var(--ib-silver)}
.dk .sd-doneft{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px}
/* a ghost button on the iron card takes .dk-btn.ghost's near-black text — invisible */
.dk .sd-done .dk-btn.ghost{color:#fff;border-color:var(--ib-graphite);background:transparent}
.dk .sd-done .dk-btn.ghost:hover{color:var(--ib-electric-b);border-color:var(--ib-electric-b);background:transparent}
/* a placeholder must not read as a filed answer */
.dk .sd-screen .dk-in::placeholder,.dk .sd-recwrap .dk-in::placeholder,.dk .sd-q1 textarea::placeholder,.dk .sd-ta::placeholder{color:var(--dk-sub)}

/* ---- THE ROAD · the graphic ---- */
.dk .sd-road{display:grid;gap:2px;grid-auto-flow:column;grid-auto-columns:1fr}
.dk .sd-seg{background:var(--dk-surf);border:1px solid var(--dk-line);border-top:3px solid var(--dk-line2);border-radius:3px;padding:11px 13px 12px;min-width:0}
.dk .sd-seg.done{border-top-color:var(--turf);background:var(--turf-t)}
.dk .sd-seg.now{border-top-color:var(--ib-electric);background:var(--ib-electric-t);box-shadow:inset 0 0 0 1px var(--ib-electric)}
.dk .sd-seg .k{display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk .sd-seg.done .k{color:var(--turf-deep)}
.dk .sd-seg.now .k{color:var(--ib-electric-d)}
.dk .sd-seg .k i{width:14px;height:14px;border-radius:50%;background:var(--dk-line2);display:grid;place-items:center;flex:0 0 auto}
.dk .sd-seg .k i svg{width:8px;height:8px;stroke:#fff;stroke-width:3.4;fill:none}
.dk .sd-seg.done .k i{background:var(--turf)}
.dk .sd-seg.now .k i{background:var(--ib-electric)}
.dk .sd-seg .v{font-family:var(--f-mono);font-size:10.5px;color:var(--dk-mut);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk .sd-detour{display:flex;align-items:center;gap:14px;margin-top:10px;background:var(--dk-surf);border:1px solid var(--forge);border-left:3px solid var(--forge-deep);border-radius:4px;padding:11px 16px}
.dk .sd-detour.out{border-color:var(--dk-line2);border-left-color:var(--dk-mut)}
.dk .sd-detour .k{font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--forge-deep);white-space:nowrap}
.dk .sd-detour.out .k{color:var(--dk-mut)}
.dk .sd-detour .d{font-size:12.5px;color:var(--dk-fg);text-wrap:pretty}
.dk .sd-detour .w{margin-left:auto;font-family:var(--f-mono);font-size:11px;color:var(--dk-mut);flex:0 0 auto}

/* the timeline: when · rail · what */
.dk .sd-rd{display:grid}
.dk .sd-rdr{display:grid;grid-template-columns:126px 20px 1fr;align-items:stretch}
.dk .sd-rdr .when{font-family:var(--f-mono);font-size:10.5px;color:var(--dk-sub);text-align:right;padding:13px 15px 0 0;white-space:nowrap}
.dk .sd-rdr .when b{display:block;font-family:var(--f-body);font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-mut);margin-bottom:3px}
.dk .sd-rdr .rail{position:relative;display:flex;justify-content:center}
.dk .sd-rdr .rail::before{content:"";position:absolute;top:0;bottom:0;left:50%;margin-left:-1px;border-left:1px solid var(--dk-line2)}
.dk .sd-rdr:first-child .rail::before{top:17px}
.dk .sd-rdr:last-child .rail::before{bottom:auto;height:17px}
.dk .sd-rdr.fut .rail::before{border-left-style:dashed}
.dk .sd-rdr .rail i{width:9px;height:9px;border-radius:50%;background:var(--dk-line2);margin-top:14px;z-index:1;box-shadow:0 0 0 3px var(--dk-bg)}
.dk .sd-rdr.us .rail i{background:var(--ib-electric)}
.dk .sd-rdr.them .rail i{background:var(--turf)}
.dk .sd-rdr.now .rail i{background:var(--rust);width:11px;height:11px;margin-top:13px}
.dk .sd-rdr.armed .rail i{background:var(--ib-electric);box-shadow:0 0 0 3px var(--ib-electric-t)}
/* the row's own content column is `.bd`, NOT `.body` — the design system's base sheet
   styles `.body` for dark marketing surfaces (color:#fff), so the whole timeline
   rendered white-on-white on the first build */
.dk .sd-rdr .bd{padding:10px 0 14px 15px;min-width:0}
.dk .sd-rdr .bd b{font-size:12.5px;font-weight:700}
.dk .sd-rdr .bd b em{font-style:normal;font-weight:500;color:var(--dk-sub)}
.dk .sd-rdr .bd .v{font-size:12px;color:var(--dk-mut);margin-top:4px;text-wrap:pretty}
.dk .sd-rdr .bd .said{font-size:13px;line-height:1.55;background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:3px 11px 11px 11px;padding:11px 14px;margin-top:7px;text-wrap:pretty;max-width:640px}
.dk .sd-rdr.them .bd .said{background:var(--turf-t);border-color:var(--turf);border-radius:11px 3px 11px 11px}
.dk .sd-rdr.now .bd{background:var(--dk-surf);border:1px solid var(--rust);border-left:3px solid var(--rust);border-radius:0 5px 5px 0;padding:13px 16px;margin:6px 0 14px 15px}
.dk .sd-rdr.now.armed .bd{border-color:var(--ib-electric);border-left-color:var(--ib-electric)}
.dk .sd-rdr.fut .bd{opacity:.72}
.dk .sd-rdr .bd .tg{display:inline-block;font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 7px;background:var(--rust);color:#fff;margin-bottom:7px}
.dk .sd-rdr.armed .bd .tg{background:var(--ib-electric)}
.dk .sd-rdr.fut .bd .tg{background:var(--dk-sunk);color:var(--dk-mut)}

/* ---- THE CALL SHEET · the sheet ---- */
.dk .sd-sheet{display:grid;grid-template-columns:1fr 372px;gap:20px;align-items:start}
.dk .sd-goal{background:var(--ib-iron);color:#fff;border-top:3px solid var(--ib-electric);border-radius:6px;padding:19px 22px 21px}
.dk .sd-goal .k{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ib-electric-b)}
.dk .sd-goal .v{font-family:var(--f-cond);font-weight:900;font-size:29px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;margin-top:10px;text-wrap:balance}
.dk .sd-pains{display:grid;gap:9px}
.dk .sd-pain{display:flex;gap:15px;align-items:baseline;background:var(--dk-surf);border:1px solid var(--dk-line);border-left:3px solid var(--rust);border-radius:0 4px 4px 0;padding:13px 17px}
.dk .sd-pain .n{font-family:var(--f-cond);font-weight:900;font-size:19px;line-height:1;color:var(--rust);flex:0 0 auto}
.dk .sd-pain .v{font-size:14.5px;line-height:1.5;text-wrap:pretty}
.dk .sd-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:5px;overflow:hidden}
.dk .sd-grid .c{background:var(--dk-surf);padding:12px 15px;min-width:0}
.dk .sd-grid .c .k{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-sub)}
.dk .sd-grid .c .v{font-size:12.5px;line-height:1.5;margin-top:5px;text-wrap:pretty}
.dk .sd-say{background:var(--ib-iron);color:#fff;border-radius:6px;padding:19px 21px}
.dk .sd-say .k{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ib-electric-b)}
.dk .sd-say p{font-size:14px;line-height:1.65;margin-top:11px;text-wrap:pretty}
.dk .sd-meter{display:flex;gap:3px;margin-top:9px}
.dk .sd-meter i{flex:1 1 0;height:8px;background:var(--dk-sunk);border-radius:1px;border:1px solid var(--dk-line)}
.dk .sd-meter i.on{background:var(--turf);border-color:var(--turf)}
.dk .sd-qs{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.dk .sd-q1{background:var(--dk-surf);border:1px solid var(--dk-line);border-radius:6px;padding:14px 17px 16px}
.dk .sd-q1.hinge{border-top:3px solid var(--forge)}
.dk .sd-q1.done{border-left:3px solid var(--turf)}
.dk .sd-q1 .qh{display:flex;align-items:baseline;gap:9px}
.dk .sd-q1 .qh .n{font-family:var(--f-mono);font-size:11px;font-weight:700;color:var(--ib-electric-d)}
.dk .sd-q1 .qh b{font-family:var(--f-cond);font-weight:900;font-size:16px;letter-spacing:.04em;text-transform:uppercase}
.dk .sd-q1 .qh .m{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--dk-sub);white-space:nowrap}
.dk .sd-q1 .say{font-size:13.5px;line-height:1.55;margin-top:9px;text-wrap:pretty}
.dk .sd-q1 .coach{font-size:11.5px;line-height:1.55;color:var(--dk-mut);background:var(--dk-sunk);border-radius:4px;padding:10px 13px;margin-top:11px;text-wrap:pretty}
.dk .sd-q1 .coach b{display:block;font-size:8.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--dk-sub);margin-bottom:5px}
.dk .sd-q1 textarea{width:100%;margin-top:11px;background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:4px;padding:9px 12px;font-family:inherit;font-size:13px;line-height:1.55;color:var(--dk-fg);resize:vertical}
.dk .sd-q1 textarea:focus{outline:none;border-color:var(--ib-electric);box-shadow:0 0 0 3px rgba(7,93,198,.12)}

/* ---- THE RECORD · the facts, and the handoff ---- */
.dk .sd-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:5px;overflow:hidden}
.dk .sd-fact{background:var(--dk-surf);padding:13px 16px;min-width:0}
.dk .sd-fact .k{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--dk-sub)}
.dk .sd-fact .v{font-size:13px;margin-top:5px;text-wrap:pretty}
.dk .sd-fact .v.mo{font-family:var(--f-mono);font-size:12.5px}
.dk .sd-pend{background:var(--forge-t);border:1px solid var(--forge);border-left:3px solid var(--forge-deep);border-radius:5px;padding:15px 18px}
.dk .sd-pend .ph{font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--forge-deep)}
.dk .sd-pend .pn{font-family:var(--f-cond);font-weight:900;font-size:20px;letter-spacing:.03em;text-transform:uppercase;margin-top:7px}
.dk .sd-pend .pd{font-size:12.5px;color:var(--dk-mut);margin-top:6px;text-wrap:pretty}
.dk .sd-carry{display:grid;gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:5px;overflow:hidden}
.dk .sd-carry .cr{display:grid;grid-template-columns:120px 1fr 92px;gap:14px;background:var(--dk-surf);padding:10px 15px;align-items:baseline}
.dk .sd-carry .cr .k{font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--dk-sub)}
.dk .sd-carry .cr .v{font-size:12.5px;text-wrap:pretty}
.dk .sd-carry .cr .v em{font-style:normal;font-weight:700}
.dk .sd-carry .cr .s{font-family:var(--f-mono);font-size:9.5px;color:var(--dk-sub);text-align:right}
.dk .sd-need{display:grid;gap:7px;margin-top:11px}
.dk .sd-need div{display:flex;gap:10px;align-items:baseline;font-size:12.5px;color:var(--dk-mut)}
.dk .sd-need div i{width:6px;height:6px;border:1.5px solid var(--dk-line2);border-radius:50%;flex:0 0 auto;margin-top:5px}
.dk .sd-acts{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.dk .sd-ro{display:flex;align-items:flex-start;gap:11px;background:var(--dk-sunk);border:1px solid var(--dk-line);border-radius:5px;padding:12px 15px;font-size:12px;color:var(--dk-mut);text-wrap:pretty}

/* the seat's own reference: the ladder, and what sends itself */
.dk .sd-seq{display:grid;gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:5px;overflow:hidden}
.dk .sd-seq .r{display:grid;grid-template-columns:104px 92px 1fr;gap:14px;background:var(--dk-surf);padding:11px 15px;align-items:baseline}
.dk .sd-seq .r.auto{background:var(--dk-sunk)}
.dk .sd-seq .r .w{font-family:var(--f-mono);font-size:10.5px;font-weight:700;color:var(--ib-electric-d)}
.dk .sd-seq .r.auto .w{color:var(--dk-mut)}
.dk .sd-seq .r .m{font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-sub)}
.dk .sd-seq .r .j{font-size:12.5px}
.dk .sd-seq .r .j span{display:block;font-size:11.5px;color:var(--dk-mut);margin-top:3px;text-wrap:pretty}

/* 6.65's record frame (a 3px electric left edge on .sd-recwrap, firmer list/record and
   header seams, the same frame weight on Numbers) is REVERTED — owner's call walking it:
   the job is right, the answer wasn't. What replaced it is 6.66, below.

   ============================================================
   6.66 · ONE CLIENT, ONE OBJECT (owner, picking off mockups/client-record/, 2 Sep 2026)
   Directions 03 + 02 of that board, together — his call: "turn it into a sheet but also
   use the furniture receding as well."
     · THE RECORD IS A SHEET. The pane's ground goes sunk and the record lifts off it as
       ONE white object — 12px gutter, hard 1px --dk-line2 edge, 6px radius, one hard
       single-direction shadow (the brand's --shadow-md, dialled for a light surface, no
       halo). The header and the whole body under it are inside that one edge, which is
       rule 02 of the board won outright: the road, the figures and the timeline are on
       the sheet, not on the page.
     · AND THE FURNITURE RECEDES. The lane strip and the list drop to the same sunk tint,
       so the left side and the gutter are ONE grey desk and the sheet is the only lit
       surface on the monitor. The list keeps its structure (hairlines, a white search
       field) and every number in the strip keeps full strength — quieter surfaces, not
       quieter reads (board rule 03).
     · AND THE WHITE STARTS AT THE NAME YOU CLICKED. .sd-r.on goes white with its electric
       edge kept, so the row and the sheet are the same material across the gutter. Blue
       is still only the send, the armed state and the picked row (rule 04).
   Cost, stated: 24px of the record's width and height — the one thing 6.54 bought back,
   spent knowingly. Cards inside the record get the --dk-line2 edge so they still read on
   a white ground.
   ============================================================ */
.dk .sd-panes{background:var(--dk-sunk)}
.dk .sd-recwrap{margin:12px;background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:6px;box-shadow:0 4px 12px rgba(10,14,18,.16);overflow:hidden}
.dk .sd-recbody{background:var(--dk-surf)}
.dk .sd-hd{border-bottom-color:var(--dk-line2)}
.dk .sd-recbody .dk-card{border-color:var(--dk-line2)}
.dk .sd-recbody .sd-road .sd-seg{border-left-color:var(--dk-line2);border-right-color:var(--dk-line2);border-bottom-color:var(--dk-line2)}
/* the furniture: quieter surface, same read */
.dk .sd-strip{background:var(--dk-sunk);border-bottom-color:var(--dk-line2)}
/* [6.66b] AND A LANE NEVER COLLAPSES TO ITS COUNT. `.k` ellipsised to zero width once
   eight cells shared a narrow strip, so the receded grey band read as one run of jammed
   numbers. A 96px floor keeps every label legible and the rail swipes instead (no
   visible scrollbar) — at desk width nothing changes. */
.dk .sd-lanes2{overflow-x:auto;scrollbar-width:none}
.dk .sd-lanes2::-webkit-scrollbar{display:none}
.dk .sd-l2{min-width:96px}
.dk .sd-panes .dk-list{background:var(--dk-sunk);border-right:0}
.dk .sd-panes .dk-list .dk-listhd,.dk .sd-panes .dk-list .dk-listft{border-color:var(--dk-line2)}
.dk .sd-panes .dk-list .dk-in{background:var(--dk-surf)}
.dk .sd-panes .sd-r .n b{color:var(--dk-mut)}
/* hover was the sunk tint, which IS the list's ground now */
.dk .sd-panes .sd-r:hover{background:#E1E7ED}
.dk .sd-panes .sd-r.on,.dk .sd-panes .sd-r.on:hover{background:var(--dk-surf);border-left-color:var(--ib-electric)}
.dk .sd-panes .sd-r.on .n b{color:var(--dk-fg)}
.dk .sd-panes .sd-r.on .n .t{color:var(--dk-sub)}

/* ============================================================
   6.67 · THE CM SEAT WEARS THE SAME MATERIAL (owner: "take inspiration from what we
   have done with the sales"). CM · Today is built on the sales chrome, so it inherits
   6.66 for free; these rules put the same lit-sheet-on-a-grey-desk on the seat's OTHER
   screens, which are .dk-panes / .dk-row / .dk-rec rather than sd-*. Scoped to .cmd —
   the class the six CM screens carry — so no other seat moves.
   ============================================================ */
.dk .cmd.dk-panes,.dk .cmd .dk-panes{background:var(--dk-sunk)}
.dk .cmd .dk-list{background:var(--dk-sunk);border-right:0}
.dk .cmd .dk-list .dk-listhd,.dk .cmd .dk-list .dk-listft{border-color:var(--dk-line2)}
.dk .cmd .dk-list .dk-in{background:var(--dk-surf)}
.dk .cmd .dk-row .nm b{color:var(--dk-mut)}
.dk .cmd .dk-row:hover{background:#E1E7ED}
.dk .cmd .dk-row.on,.dk .cmd .dk-row.on:hover{background:var(--dk-surf);border-left-color:var(--ib-electric)}
.dk .cmd .dk-row.on .nm b{color:var(--dk-fg)}
.dk .cmd .dk-rec{margin:12px;background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:6px;box-shadow:0 4px 12px rgba(10,14,18,.16)}
.dk .cmd .dk-rec .dk-card{border-color:var(--dk-line2)}

/* ============================================================
   6.73 · ONE SESSION, TWO HALVES — the timetable owns the SLOT, the week owns the
   BOARD, and each screen states the other half. Rust is the only fault colour here,
   and it means exactly one thing: a half with no other half.
   ============================================================ */
.dk .sx{display:grid;gap:9px}
.dk .sx-hd{display:flex;align-items:baseline;gap:9px}
.dk .sx-rows{display:grid;gap:1px;background:var(--dk-line);border:1px solid var(--dk-line);border-radius:4px;overflow:hidden}
.dk .sx-r{display:grid;grid-template-columns:8px minmax(0,1fr) 58px 58px;gap:8px;align-items:baseline;background:var(--dk-surf);padding:7px 9px;font-size:11.5px}
.dk .sx-r i{width:8px;height:8px;border-radius:2px;align-self:center}
.dk .sx-r b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk .sx-r .bd,.dk .sx-r .tt{font-size:10px;font-weight:700;color:var(--dk-mut);text-align:right}
.dk .sx-r .bd.no,.dk .sx-r .tt.no{color:var(--rust-deep)}
.dk .sx-r .wh{grid-column:2/5;font-size:10px;color:var(--dk-sub);margin-top:-1px}
.dk .sx-r.hd{background:var(--dk-sunk);padding:5px 9px}
.dk .sx-r.hd .bd,.dk .sx-r.hd .tt{font-size:8.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--dk-sub)}
.dk .sx-r.bad{background:var(--rust-t)}
.dk .sx-r.bad .wh{color:var(--rust-deep);font-weight:700}
.dk .sx-r.none{opacity:.55}
.dk .sx-r.none .bd.no,.dk .sx-r.none .tt.no{color:var(--dk-sub)}
.dk .sx-note{font-size:10.5px;line-height:1.55;color:var(--dk-sub);margin:0;text-wrap:pretty}
.dk .sx-note b{color:var(--dk-mut)}

/* the half-line: read under a programmed session, or beside a class */
.dk .sx-half{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;padding:9px 13px;background:var(--dk-sunk);border:1px solid var(--dk-line);border-radius:4px;font-size:11.5px}
.dk .pg-sec .sx-half{border:0;border-bottom:1px solid var(--dk-line);border-radius:0;padding:9px 18px}
.dk .sx-half .lb{font-size:8.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--dk-sub);flex:0 0 auto}
.dk .sx-half b{font-weight:700}
.dk .sx-half .tms{font-size:10.5px;color:var(--dk-mut);letter-spacing:.04em;white-space:pre}
.dk .sx-half .bk{font-size:10.5px;color:var(--dk-sub)}
.dk .sx-half .pcs{font-size:10.5px;color:var(--dk-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dk .sx-half.bad{background:var(--rust-t);border-color:var(--rust)}
.dk .pg-sec .sx-half.bad{border-bottom-color:var(--rust)}
.dk .sx-half .warn{color:var(--rust-deep)}
.dk .sx-drop{flex:0 0 100%;margin-top:2px}

/* put a class on — the same three fields wherever it is asked */
.dk .sx-add{display:grid;gap:11px;background:var(--dk-sunk);border:1px solid var(--dk-line);border-radius:4px;padding:12px 13px}
.dk .sx-f{display:grid;gap:6px}
.dk .sx-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dk .sx-chip{font-family:var(--f-body);font-size:11px;font-weight:700;color:var(--dk-fg);background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:3px;padding:5px 9px;cursor:pointer;transition:background .12s,border-color .12s}
.dk .sx-chip:hover{border-color:var(--ib-electric);color:var(--ib-electric-d)}
.dk .sx-chip.on{background:var(--ib-electric);border-color:var(--ib-electric);color:#fff}
.dk .sx-chip:disabled{opacity:.4;cursor:default;text-decoration:line-through}
.dk .sx-in{width:150px;font-size:11px;padding:5px 8px}
.dk .sx-ft{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:2px}
.dk .sx-ft .dk-mut{font-size:10.5px}
.dk .sx-warn{font-size:10.5px;font-weight:700;color:var(--rust-deep)}

/* the timetable grid gains a marker and an add key; the week gains a mismatch dot */
.dk .dk-ttcls .bd{font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rust-deep)}
.dk .dk-ttadd{display:block;width:100%;text-align:left;background:transparent;border:0;border-top:1px dashed var(--dk-line2);padding:7px 11px;font-family:var(--f-body);font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-sub);cursor:pointer}
.dk .dk-ttadd:hover{background:var(--dk-sunk);color:var(--ib-electric-d)}
.dk .dk-ttadd.on{background:var(--ib-electric-t);color:var(--ib-electric-d)}
.dk .pg-colhd .pg-dot.bad{background:var(--rust)}
.dk .pg-cbad{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--rust-deep);background:var(--rust-t);border-radius:2px;padding:3px 5px;margin-top:3px}

/* the third session type, on every surface the first two use. [6.73b] its own accent
   (owner: "a different coloration") — the stripe takes turf, the chip and any type on
   white takes turf-deep, exactly as Focus splits forge / forge-deep. */
.dk .pg-types{grid-template-columns:repeat(3,minmax(0,340px))}
.dk .pg-type .tt{display:block;font-size:11px;font-weight:700;color:var(--dk-mut);margin-top:6px}
.dk .pg-type .tt.no{color:var(--rust-deep)}
.dk .pg-sec.socialsat{border-top-color:var(--turf)}
.dk .pg-sec.socialsat .pg-sech .kd{background:var(--turf-deep)}
.dk .pg-cs.socialsat .ct{color:var(--turf-deep)}
.dk .pg-cs.socialsat .cp .tg{background:var(--turf-deep)}

/* [6.73b] THE READ-BACK ASKS, INSTEAD OF ASSUMING (owner: "I'd like it to actually let
   me answer those in when I read it back, rather than having to click edit"). The
   parser's three guesses — what it is called, how it scores, whether there is a cap —
   are answerable on the confirm screen itself; Edit keeps the deeper set. */
.dk .pg-ask{display:grid;grid-template-columns:minmax(0,1fr) 132px auto;gap:12px 16px;align-items:end;padding:13px 18px;background:var(--dk-sunk);border-bottom:1px solid var(--dk-line)}
.dk .pg-ask .f{display:grid;gap:6px;min-width:0}
.dk .pg-ask .f.wide{grid-column:1/-1}
.dk .pg-ask .f.act{justify-items:start;align-self:end}
/* [6.74] THE LIFT THE PIECE BANKS — the parser's fourth guess, answered with one
   tap on the read-back instead of being buried behind Edit. */
.dk .pg-lift{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dk .pg-liftb{display:flex;align-items:center;gap:11px;text-align:left;background:var(--dk-surf);border:1px dashed var(--ib-electric);border-radius:4px;padding:9px 13px;min-width:0}
.dk .pg-liftb:hover{background:var(--ib-electric-t)}
.dk .pg-liftb.on{border-style:solid;border-color:var(--forge);background:var(--forge-t)}
.dk .pg-liftb b{font-size:13px;font-weight:700;color:var(--dk-fg);flex:0 0 auto}
.dk .pg-liftb span{font-family:var(--f-mono);font-size:11px;color:var(--dk-mut)}
.dk .pg-liftb em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ib-electric-d);flex:0 0 auto;margin-left:4px}
.dk .pg-liftb.on em{color:var(--forge-deep)}
.dk .pg-liftno{font-size:11.5px;color:var(--dk-mut);line-height:1.55;margin:0;text-wrap:pretty}
.dk .pg-liftno b{color:var(--dk-fg)}
/* [6.74] PICK A NAMED BENCHMARK — the other way to write a workout: no paste at all */
.dk .pg-bmpick{margin-top:15px;padding-top:15px;border-top:1px solid var(--dk-line)}
.dk .pg-bmpick .dk-in{margin-top:8px}
.dk .pg-bmlist{margin-top:8px;max-height:236px;overflow-y:auto;padding-right:2px}

/* ============================================================
   6.79 · THE TWO CLIENT SCREENS WEAR THE SALES MATERIAL (owner: "how we've got this
   card when we select the client … it darkens the outside and it makes this a card —
   we want the same on the client check-ins and clients for head coach and that").
   Sales got the lit-sheet-on-a-grey-desk in 6.66 and the CM seat in 6.67; Clients and
   Client check-ins — the two screens BOTH the coach and the head live in, off the same
   two components — were still flat panes, so the desk said "a record" three different
   ways. Scoped to .dk-panes.sheet, the class those two screens carry, so no other
   two-pane screen moves. Cost, stated once more: 24px of the record each way.
   ============================================================ */
.dk .dk-panes.sheet{background:var(--dk-sunk)}
.dk .dk-panes.sheet>.dk-list{background:var(--dk-sunk);border-right:0}
.dk .dk-panes.sheet>.dk-list .dk-listhd,.dk .dk-panes.sheet>.dk-list .dk-listft{border-color:var(--dk-line2)}
.dk .dk-panes.sheet>.dk-list .dk-in{background:var(--dk-surf)}
/* the white starts at the name you clicked: the row and the sheet are one material
   across the gutter, and hover is the darker grey because sunk IS the list's ground */
.dk .dk-panes.sheet>.dk-list .dk-row .nm b,.dk .dk-panes.sheet>.dk-list .cci-qr .t b{color:var(--dk-mut)}
.dk .dk-panes.sheet>.dk-list .dk-row:hover,.dk .dk-panes.sheet>.dk-list .cci-qr:hover{background:#E1E7ED}
.dk .dk-panes.sheet>.dk-list .dk-row.on,.dk .dk-panes.sheet>.dk-list .dk-row.on:hover,.dk .dk-panes.sheet>.dk-list .cci-qr.on,.dk .dk-panes.sheet>.dk-list .cci-qr.on:hover{background:var(--dk-surf);border-left-color:var(--ib-electric)}
.dk .dk-panes.sheet>.dk-list .dk-row.on .nm b,.dk .dk-panes.sheet>.dk-list .cci-qr.on .t b{color:var(--dk-fg)}
/* a neutral pill was a sunk chip on a white row — it has to read on the grey too */
.dk .dk-panes.sheet>.dk-list .cci-qr .cci-mk:not(.blue):not(.green):not(.red){background:var(--dk-surf)}
.dk .dk-panes.sheet>.dk-list .cci-qr.on .cci-mk:not(.blue):not(.green):not(.red){background:var(--dk-sunk)}
/* and the record lifts off the desk as one sheet, header and body inside one edge */
.dk .dk-panes.sheet>.dk-rec{margin:12px;background:var(--dk-surf);border:1px solid var(--dk-line2);border-radius:6px;box-shadow:0 4px 12px rgba(10,14,18,.16)}
.dk .dk-panes.sheet>.dk-rec .dk-rechd{border-bottom-color:var(--dk-line2)}
.dk .dk-panes.sheet>.dk-rec .dk-card{border-color:var(--dk-line2)}


/* [v7.0] a working marker on any desk button that waits on the server */
.dk-btn[disabled]{opacity:.65;cursor:progress}
.dk-spin{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:-1px;animation:dkspin .8s linear infinite}
@keyframes dkspin{to{transform:rotate(360deg)}}