/* Iron Barbell — Community Manager v2 · the CLIENT-APP design layer.
   Namespaced .cmx-* so it appends to coachapp.css without touching v1.
   Vocabulary is lifted straight off the client app's Today tab: one dark hero
   with a ring, light content cards with a 3px accent top, condensed-black
   numerals, mono micro-labels, silver supporting copy.
   Density (focused / standard / full) is decided in JS — never by hiding with
   CSS, so what she can't see also isn't computed into the page. */

/* ---- 1 · the base: dark hero, the red/watch/green read ---- */
.cmx-base{background:var(--iron);border:1px solid var(--graphite);border-top:3px solid var(--electric);border-radius:10px;padding:17px 16px 15px;margin-bottom:13px}
.cmx-bh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px;border-bottom:1px solid var(--graphite);padding-bottom:11px}
.cmx-bh .t{font-family:var(--font-cond);font-weight:900;font-size:19px;line-height:1;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.cmx-bh .m{flex:0 0 auto;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--silver);white-space:nowrap}
.cmx-wk.bare{margin-top:14px;border-top:none;padding-top:0}
.cmx-base .top{display:flex;align-items:center;gap:16px}
.cmx-ring{position:relative;flex:0 0 auto;width:88px;height:88px}
.cmx-ring svg{width:88px;height:88px;display:block;transform:rotate(-90deg)}
.cmx-ring .rc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-cond);line-height:1}
.cmx-ring .rc b{font-size:25px;font-weight:900;color:#fff;letter-spacing:-.01em}
.cmx-ring .rc span{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--silver);margin-top:4px}
.cmx-pct{font-family:var(--font-cond);font-weight:900;font-size:36px;line-height:.9;color:var(--turf)}
.cmx-pct.el{color:#1C77E0}
.cmx-pct.wh{color:#fff}
.cmx-pct em{display:block;font-family:var(--font-body);font-style:normal;font-weight:600;font-size:11px;line-height:1.35;color:var(--silver-2);margin-top:6px;text-wrap:pretty}
.cmx-split2{margin-top:17px}
.cmx-sbar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.1)}
.cmx-sbar i{display:block;height:100%}
.cmx-skeys{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:11px}
.cmx-sk{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;text-align:left;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--silver)}
button.cmx-sk{cursor:pointer}
button.cmx-sk:hover{color:#fff}
.cmx-sk i{width:8px;height:8px;border-radius:2px;flex:0 0 auto}
.cmx-sk b{font-family:var(--font-cond);font-weight:900;font-size:15px;letter-spacing:.02em;color:#fff}
.cmx-tiers{display:flex;flex-direction:column;gap:11px;margin-top:18px}
.cmx-tier{display:block;width:100%;background:none;border:none;padding:0;text-align:left;cursor:pointer}
.cmx-tier .t{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}
.cmx-tier .t span{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--silver);white-space:nowrap}
.cmx-tier .t b{font-family:var(--font-cond);font-weight:900;font-size:15px;color:#fff;letter-spacing:.03em}
.cmx-tier .t b i{font-style:normal;font-size:11px;color:var(--silver);margin-left:6px;letter-spacing:0}
.cmx-tier .bar{display:block;height:6px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}
.cmx-tier .bar i{display:block;height:100%;border-radius:4px;background:var(--cc);transition:width .3s cubic-bezier(.2,.7,.2,1)}
.cmx-tier:hover .t b{color:var(--cc)}
/* the leading indicator inside the hero: label + score + 8-week line */
.cmx-hrow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;border-top:1px solid var(--graphite);padding-top:13px}
.cmx-hrow .hl{min-width:0}
.cmx-hrow .k{font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--silver)}
.cmx-hrow .v{display:flex;align-items:baseline;gap:7px;font-family:var(--font-cond);font-weight:900;font-size:32px;line-height:1;color:#fff;margin-top:6px}
.cmx-hrow .v small{font-size:14px;color:var(--silver)}
.cmx-hrow .v em{font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--turf)}
.cmx-hrow .v em.dn{color:var(--rust)}
.cmx-hrow .hs{flex:0 0 auto;text-align:right}
.cmx-hrow .hsl{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--silver);margin-top:2px}

/* the head coach's asks — the one thing on Home that comes from a person */
.cmx-askc{background:#fff;border:1px solid var(--plate);border-top:3px solid var(--iron);border-radius:10px;padding:14px 15px;margin-top:13px}
.cmx-askc .ah{display:flex;align-items:center;gap:9px;padding-bottom:11px;border-bottom:1px solid var(--plate)}
.cmx-askc .aic{width:26px;height:26px;border-radius:5px;background:var(--iron);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cmx-askc .at{flex:1 1 auto;font-family:var(--font-cond);font-weight:900;font-size:17px;letter-spacing:.05em;text-transform:uppercase;color:var(--iron)}
.cmx-askc .an{flex:0 0 auto;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--iron);border-radius:3px;padding:4px 7px}
.cmx-askc .ar{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--chalk)}
.cmx-askc .ar:last-child{padding-bottom:2px;border-bottom:none}
.cmx-askc .aw{flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.45;color:#2a2a2a;text-wrap:pretty}
/* the ask card and the quick stat under it are two blocks, not one */
.coach-app-root .cmx-askc + .prio{margin-top:13px}

/* one check-in per row: which cycle, when, what it said, which way it moved */
.coach-app-root .cm-ci{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--chalk)}
.coach-app-root .cm-ci:first-child{padding-top:2px}
.coach-app-root .cm-ci:last-child{padding-bottom:2px;border-bottom:none}
.coach-app-root .cm-ci .cil{flex:0 0 46px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--iron);border-radius:4px;padding:5px 0;text-align:center}
.coach-app-root .cm-ci .cib{flex:1 1 auto;min-width:0}
.coach-app-root .cm-ci .cid{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--silver);display:flex;align-items:center;gap:7px}
.coach-app-root .cm-ci .cid em{font-style:normal;color:var(--electric)}
.coach-app-root .cm-ci .civ{font-family:var(--font-cond);font-weight:900;font-size:15px;color:var(--iron);margin-top:2px}
.coach-app-root .cm-ci .cim{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--silver)}
.coach-app-root .cm-ci .cim.good{color:#12894d}
.coach-app-root .cm-ci .cim.bad{color:var(--rust)}

.cmx-bfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;border-top:1px solid var(--graphite);padding-top:13px}
.cmx-bfoot .x{font-size:10.5px;line-height:1.4;color:var(--silver);text-wrap:pretty}
.cmx-bfoot .n{flex:0 0 auto;text-align:right}
.cmx-bfoot .n b{font-family:var(--font-cond);font-weight:900;font-size:24px;line-height:1;color:#fff}
.cmx-bfoot .n b small{font-size:12px;color:var(--silver)}
.cmx-bfoot .n span{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--silver);margin-top:3px}
.cmx-bfoot .n span.dn{color:var(--rust)}

/* ---- 2 · the week, folded INTO the base block (one dashboard, one question) ---- */
.cmx-wk{margin-top:16px;border-top:1px solid var(--graphite);padding-top:14px}
.cmx-wkh{display:flex;align-items:flex-end;gap:11px}
.cmx-wkh .n{font-family:var(--font-cond);font-weight:900;font-size:44px;line-height:.8;letter-spacing:-.02em;color:#fff;flex:0 0 auto}
.cmx-wkh .u{flex:1 1 auto;font-family:var(--font-cond);font-weight:900;font-size:12px;line-height:1.15;letter-spacing:.06em;text-transform:uppercase;color:var(--silver);padding-bottom:5px}
.cmx-wkh .d{flex:0 0 auto;font-family:var(--font-mono);font-size:9.5px;font-weight:700;color:var(--silver-2);border:1px solid var(--graphite);border-radius:3px;padding:4px 7px;white-space:nowrap}
.cmx-wk.clear .cmx-wkh .n{color:var(--turf)}
.cmx-wkbar{display:flex;height:8px;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.1);margin-top:12px}
.cmx-wkbar i{display:block;height:100%}
.cmx-wkbar i.g{background:var(--turf)}
.cmx-wkbar i.h{background:var(--electric)}
.cmx-wkkey{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px;font-family:var(--font-mono);font-size:9.5px;color:var(--silver-2)}
.cmx-wkkey span{display:flex;align-items:center;gap:5px}
.cmx-wkkey i{width:8px;height:8px;border-radius:2px;flex:0 0 auto}
.cmx-wkkey i.g{background:var(--turf)}
.cmx-wkkey i.h{background:var(--electric)}
.cmx-wkkey i.l{background:var(--graphite)}
.cmx-x{font-size:10.5px;line-height:1.45;color:#5a5a5a;margin-top:10px;text-wrap:pretty}
.cmx-x b{color:var(--iron)}

/* ---- the three jobs, as a tap-through from Home ---- */
.cmx-jobs{display:flex;flex-direction:column;gap:8px;margin-top:11px}
.cmx-job{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#fff;border:1px solid var(--plate);border-left:3px solid var(--plate);border-radius:9px;padding:12px 13px;cursor:pointer;transition:border-color .15s}
.cmx-job:hover{border-color:var(--electric)}
.cmx-job.red{border-left-color:var(--rust)}
.cmx-job.amber{border-left-color:var(--forge)}
.cmx-job.ok{border-left-color:var(--turf)}
.cmx-job .jn{font-family:var(--font-cond);font-weight:900;font-size:28px;line-height:.85;color:var(--iron);min-width:34px;text-align:center;flex:0 0 auto}
.cmx-job.ok .jn{color:var(--plate)}
.cmx-job .jb{flex:1 1 auto;min-width:0}
.cmx-job .jt{display:block;font-family:var(--font-cond);font-weight:900;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--iron)}
.cmx-job .jd{display:block;font-size:11.5px;line-height:1.45;color:var(--app-fg-muted);margin-top:3px;text-wrap:pretty}
.cmx-job .jc{flex:0 0 auto;color:var(--silver)}

/* ---- turned green ---- */
.cmx-c{background:#fff;border:1px solid var(--plate);border-radius:10px;padding:15px;margin-top:11px}
.cmx-c.acc{border-top:3px solid var(--turf)}
.cmx-ch{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.cmx-ch .b{font-family:var(--font-cond);font-weight:900;font-size:44px;line-height:.85;color:var(--iron)}
.cmx-ch .l{font-family:var(--font-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--silver);margin-bottom:5px}
.cmx-cnote{flex:0 0 auto;text-align:right;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--silver);line-height:1.7}
.cmx-names{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.cmx-name{display:flex;align-items:center;gap:8px;background:var(--chalk);border:1px solid var(--plate);border-radius:99px;padding:7px 13px;cursor:pointer;font-family:var(--font-cond);font-weight:800;font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--iron)}
.cmx-name:hover{border-color:var(--electric)}
.cmx-name .av{width:24px;height:24px;font-size:9px;flex:0 0 auto}
.cmx-name em{font-style:normal;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--silver);text-transform:uppercase}

/* ---- who came back: one row per client, with the move they made and the
   engagement score that is now carrying the database health number ---- */
.cmx-back{display:flex;flex-direction:column;gap:7px}
.cmx-br{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--plate);border-left:3px solid var(--z-fit);border-radius:9px;padding:11px 13px;cursor:pointer;font:inherit;color:inherit;transition:border-color 120ms var(--ease)}
.cmx-br:hover{border-color:var(--electric);border-left-color:var(--z-fit)}
.cmx-br .av{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--app-surface-sunk);border:1px solid var(--plate);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--app-fg-muted)}
.cmx-br .brb{flex:1 1 auto;min-width:0}
.cmx-br .brn{display:block;font-family:var(--font-cond);font-weight:900;font-size:16px;letter-spacing:.03em;text-transform:uppercase;color:var(--iron)}
.cmx-br .brm{display:flex;align-items:center;gap:6px;margin-top:5px;flex-wrap:wrap}
.cmx-br .brm em{font-style:normal;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 7px}
.cmx-br .brm em.red{background:rgba(196,57,46,.1);color:#9E2C23}
.cmx-br .brm em.amber{background:rgba(217,162,27,.14);color:#8A6410}
.cmx-br .brm em.green{background:rgba(22,196,106,.12);color:#0f9152}
.cmx-br .brm i{font-style:normal;color:var(--silver);font-size:11px}
.cmx-br .brm span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--silver)}
.cmx-br .brs{flex:0 0 auto;text-align:right;line-height:1}
.cmx-br .brs b{display:block;font-family:var(--font-cond);font-weight:900;font-size:23px;color:var(--iron)}
.cmx-br .brs span{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--silver);margin-top:3px}

/* ---- database health against its target: the body-comp continuum, for the base ---- */
.cmx-cont{margin-top:14px}
.cmx-cont .cline{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--z-sick) 0 50%,var(--z-well) 50% 70%,var(--z-fit) 70% 85%,var(--z-ath) 85% 100%)}
.cmx-cont .goal{position:absolute;top:-5px;bottom:-5px;width:0;border-left:2px dashed var(--iron)}
.cmx-cont .mk{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid var(--iron);box-shadow:0 0 0 1px var(--plate)}
.cmx-cont .cks{display:flex;margin-top:8px;font-family:var(--font-mono);font-size:8px;letter-spacing:.05em;text-transform:uppercase;color:var(--silver)}
.cmx-cont .cks span{flex:1 1 0;text-align:left}
.cmx-cont .cks span:nth-child(1){flex:0 0 50%}
.cmx-cont .cks span:nth-child(2){flex:0 0 20%}
.cmx-cont .cks span:nth-child(3){flex:0 0 15%}
.cmx-cont .cks span:nth-child(4){flex:0 0 15%}
.cmx-cont .cgl{font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#4a4a4a;margin-top:9px}

/* ---- the health score itself, above the continuum ---- */
.cmx-hbig{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.cmx-hbig .hv{font-family:var(--font-cond);font-weight:900;font-size:52px;line-height:.82;color:var(--iron)}
.cmx-hbig .hv small{font-family:var(--font-mono);font-size:14px;font-weight:400;color:var(--silver);margin-left:4px;letter-spacing:.02em}
.cmx-hbig .hd{text-align:right;padding-bottom:5px}
.cmx-hbig .hd b{display:block;font-family:var(--font-cond);font-weight:900;font-size:19px;color:#0f9152}
.cmx-hbig .hd b.dn{color:#b23b3b}
.cmx-hbig .hd span{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--silver);margin-top:3px}

/* ---- comebacks, month by month ---- */
.cmx-cbm{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end}
.cmx-cbm .cbm{text-align:center;min-width:0}
.cmx-cbm .cbm-b{height:52px;display:flex;align-items:flex-end;justify-content:center}
.cmx-cbm .cbm-b i{display:block;width:100%;border-radius:4px 4px 0 0;background:var(--plate)}
.cmx-cbm .cbm.now .cbm-b i{background:var(--z-fit)}
.cmx-cbm .cbm-n{font-family:var(--font-cond);font-weight:900;font-size:16px;color:var(--iron);margin-top:6px;line-height:1}
.cmx-cbm .cbm-m{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--silver);margin-top:3px}
.cmx-cbm .cbm.now .cbm-m{color:#0f9152}

/* ---- six months of starts against cancellations ---- */
.cmx-mth{background:#fff;border:1px solid var(--plate);border-radius:10px;padding:14px 13px 12px;margin-top:11px}
.cmx-mth .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.cmx-mth .col{display:flex;flex-direction:column;align-items:center}
.cmx-mth .up,.cmx-mth .dn{position:relative;width:100%;height:34px;display:flex;align-items:flex-end;justify-content:center}
.cmx-mth .dn{align-items:flex-start;border-top:1px solid var(--plate)}
.cmx-mth .up i,.cmx-mth .dn i{display:block;width:60%;border-radius:3px 3px 0 0;background:var(--turf);min-height:2px}
.cmx-mth .dn i{border-radius:0 0 3px 3px;background:var(--rust)}
.cmx-mth .up b,.cmx-mth .dn b{position:absolute;font-family:var(--font-mono);font-size:8px;font-weight:700;color:#4a4a4a}
.cmx-mth .up b{top:0}
.cmx-mth .dn b{bottom:0}
.cmx-mth .lb{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--silver);margin-top:7px}
.cmx-mth .nt{font-family:var(--font-cond);font-weight:900;font-size:14px;color:var(--silver);margin-top:2px}
.cmx-mth .nt.good{color:#12894d}
.cmx-mth .nt.bad{color:var(--rust)}
.cmx-mth .foot{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid var(--chalk);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:#5a5a5a}
.cmx-mth .foot span{display:flex;align-items:center;gap:5px}
.cmx-mth .foot i{width:8px;height:8px;border-radius:2px}
.cmx-mth .foot i.g{background:var(--turf)}
.cmx-mth .foot i.r{background:var(--rust)}
.cmx-mth .foot .net{margin-left:auto;font-family:var(--font-cond);font-weight:900;font-size:15px;color:var(--iron);gap:6px}

/* ---- tiles ---- */
.cmx-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}
.cmx-t{background:#fff;border:1px solid var(--plate);border-radius:9px;padding:11px}
.cmx-t .k{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--silver);line-height:1.3;min-height:22px}
.cmx-t .v{font-family:var(--font-cond);font-weight:900;font-size:27px;line-height:.9;color:var(--iron);margin-top:7px}
.cmx-t .v small{font-family:var(--font-cond);font-size:14px;color:var(--silver);margin-left:1px}
.cmx-t.bad .v{color:var(--rust)}
.cmx-t.good .v{color:var(--turf)}

/* ---- 4 · the queue row ---- */
.cmx-q{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--plate);border-left:3px solid var(--plate);border-radius:9px;padding:12px;cursor:pointer;margin-top:8px;transition:border-color .15s}
.cmx-q:hover{border-color:var(--electric)}
.cmx-q.red{border-left-color:var(--rust)}
.cmx-q.amber{border-left-color:var(--forge)}
.cmx-q.green,.cmx-q.moved{border-left-color:var(--turf)}
.cmx-q.parked{opacity:.6}
.cmx-q .av{flex:0 0 auto}
.cmx-q .qb{flex:1 1 auto;min-width:0}
.cmx-q .qn{font-family:var(--font-cond);font-weight:900;font-size:15.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--iron);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmx-q .qm{display:flex;gap:7px;flex-wrap:wrap;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--silver);margin-top:3px}
.cmx-q .qw{font-size:11.5px;line-height:1.4;color:#4a4a4a;margin-top:6px;text-wrap:pretty}
.cmx-q .qs{flex:0 0 auto;text-align:center;min-width:44px}
.cmx-q .qsv{font-family:var(--font-cond);font-weight:900;font-size:26px;line-height:.9;color:var(--iron)}
.cmx-q.red .qsv{color:var(--rust)}
.cmx-q .qsl{font-family:var(--font-mono);font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--silver);margin-top:4px;line-height:1.2}
.cmx-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.cmx-chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;padding:3px 6px;border-radius:4px;background:var(--chalk);border:1px solid var(--plate);color:#4a4a4a}
.cmx-chip.s2{background:rgba(178,59,59,.1);border-color:rgba(178,59,59,.35);color:#8f2f2f}
.cmx-chip.s1{background:rgba(216,178,74,.16);border-color:rgba(216,178,74,.45);color:#846412}
.cmx-touch{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--silver)}
.cmx-touch.moved{color:#12894d}
.cmx-touch.stale{color:#8f2f2f}

/* ---- the at-risk header strip (dark, compact) ---- */
.cmx-strip{background:var(--iron);border:1px solid var(--graphite);border-top:3px solid var(--electric);border-radius:10px;padding:14px 15px 13px}
.cmx-strip .sh{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.cmx-strip .sl{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--silver)}
.cmx-strip .sn{font-family:var(--font-cond);font-weight:900;font-size:16px;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.cmx-strip .sbar{display:flex;height:9px;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.1);margin-top:12px}
.cmx-strip .sbar i{display:block;height:100%}
.cmx-strip .sbar i.g{background:var(--turf)}
.cmx-strip .sbar i.h{background:var(--electric)}
.cmx-strip .skey{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px;font-family:var(--font-mono);font-size:9.5px;color:var(--silver-2)}
.cmx-strip .skey span{display:flex;align-items:center;gap:5px}
.cmx-strip .skey i{width:8px;height:8px;border-radius:2px;flex:0 0 auto}
.cmx-strip .skey i.g{background:var(--turf)}
.cmx-strip .skey i.h{background:var(--electric)}
.cmx-strip .skey i.l{background:var(--graphite)}

/* ---- all-clear state ---- */
.cmx-clear{display:flex;align-items:center;gap:12px;background:rgba(22,196,106,.08);border:1px solid rgba(22,196,106,.32);border-radius:9px;padding:13px;margin-top:9px}
.cmx-clear .i{width:34px;height:34px;border-radius:8px;background:var(--turf);color:#04140b;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cmx-clear .t{font-family:var(--font-cond);font-weight:900;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--iron)}
.cmx-clear .d{font-size:11px;line-height:1.4;color:#4a4a4a;margin-top:2px;text-wrap:pretty}

/* ---- an ask from the head coach ---- */
.cmx-ask{display:flex;align-items:center;gap:11px;background:var(--chalk);border:1px solid var(--plate);border-left:3px solid var(--iron);border-radius:9px;padding:12px;margin-top:8px;font-size:11.5px;line-height:1.4;color:#3a3a3a}
.cmx-ask .ai{flex:0 0 auto;color:var(--iron)}

/* ---- the phone bezel is a desktop affordance only ---- */
@media (max-width:540px){
  .cmx-pct{font-size:32px}
  .cmx-wkh .n{font-size:38px}
  .cmx-ch .b{font-size:38px}
  .cmx-tiles{grid-template-columns:repeat(2,1fr)}
}

/* ═══════════════════════════════════════════════════════════════════
   CM EVENTS  — moved here from p1/styles.css (Aug 2026).
   It lived unscoped in the client stylesheet, where `.coach-app-root *{
   margin:0;padding:0}` (coachapp.css, loaded after it) beat every one of
   these rules on equal specificity and silently flattened the whole screen:
   no card padding, no gaps between blocks. Everything below is scoped to
   `.coach-app-root` and lives in the CM sheet, which loads last.
   ═══════════════════════════════════════════════════════════════════ */
/* ---- CM Events: one list, then one event ---- */
.coach-app-root .evh{display:block;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}
.coach-app-root .evh-go{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid var(--app-border);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--app-fg-subtle)}
.coach-app-root .evp-k{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--app-fg-subtle);margin-bottom:2px}
.coach-app-root .evf-h{padding:2px 2px 12px;border-bottom:1px solid var(--app-border);margin-bottom:14px}
.coach-app-root .evf-n{font-family:var(--font-cond);font-weight:900;text-transform:uppercase;font-size:22px;line-height:1.05;color:var(--app-fg)}
.coach-app-root .evf-m{font-size:12px;color:var(--app-fg-muted);margin-top:4px}
.coach-app-root .evb-div{margin-bottom:18px}
.coach-app-root .evb-h{display:flex;align-items:center;gap:8px;padding:0 2px 8px;border-bottom:1px solid var(--app-border);margin-bottom:8px}
.coach-app-root .evb-dot{width:9px;height:9px;border-radius:50%;flex:none}
.coach-app-root .evb-t{font-family:var(--font-cond);font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.03em;color:var(--app-fg)}
.coach-app-root .evb-c{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--app-fg-subtle)}
.coach-app-root .evb-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;background:var(--app-surface);border:1px solid var(--app-border);border-radius:10px;padding:9px 11px;margin-bottom:6px}
.coach-app-root .evb-row.red{border-color:color-mix(in srgb, var(--rust) 45%, var(--app-border))}
.coach-app-root .evb-rank{flex:none;width:22px;height:22px;border-radius:50%;background:var(--app-surface-sunk);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--app-fg-muted)}
.coach-app-root .evb-b{flex:1;min-width:0}
.coach-app-root .evb-name{font-weight:700;font-size:13.5px;color:var(--app-fg)}
.coach-app-root .evb-times{font-family:var(--font-mono);font-size:11px;color:var(--app-fg-muted);margin-top:2px}
.coach-app-root .evk-b{flex:1;min-width:0}
.coach-app-root .evk-t{font-weight:700;font-size:13.5px;color:var(--app-fg)}
.coach-app-root .evk-d{font-size:12px;color:var(--app-fg-muted);margin-top:2px}
.coach-app-root .evk-div{display:flex;align-items:center;gap:11px;background:var(--app-surface);border:1px solid var(--app-border);border-radius:10px;padding:12px 13px;margin-bottom:7px}
.coach-app-root .evk-dn{flex:none;text-align:right;line-height:1}
.coach-app-root .evk-dn b{display:block;font-family:var(--font-cond);font-weight:900;font-size:20px;color:var(--app-fg)}
.coach-app-root .evk-dn span{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--app-fg-subtle);margin-top:3px}

/* THE BLOCK \2014 where the challenge is up to. Four stages on one track, the
   stage in play filled to today, so position reads before any date does. */
.coach-app-root .evk-now{background:var(--iron);color:#fff;border-radius:12px;padding:18px 16px 15px;margin:2px 0 4px}
.coach-app-root .evk-nh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.coach-app-root .evk-nb{min-width:0}
.coach-app-root .evk-nk{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#4FA8FF}
.coach-app-root .evk-nt{font-family:var(--font-cond);font-weight:900;text-transform:uppercase;font-size:25px;line-height:1;letter-spacing:.02em;margin-top:6px}
.coach-app-root .evk-nn{flex:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:#1A1A1A;border:1px solid #2A2A2A;border-radius:999px;padding:6px 11px;white-space:nowrap}
.coach-app-root .evk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px}
.coach-app-root .evk-st{min-width:0}
.coach-app-root .evk-sb{height:6px;border-radius:3px;background:#2A2A2A;overflow:hidden}
.coach-app-root .evk-sb i{display:block;height:100%;border-radius:3px;background:var(--electric)}
.coach-app-root .evk-st.done .evk-sb i{background:#3D6FA8}
.coach-app-root .evk-sl{font-family:var(--font-cond);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em;color:#6F6F6F;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coach-app-root .evk-st.done .evk-sl{color:#C8C8C8}
.coach-app-root .evk-st.on .evk-sl{color:#fff}
.coach-app-root .evk-sd{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#6F6F6F;margin-top:3px}
.coach-app-root .evk-st.on .evk-sd{color:#4FA8FF}
.coach-app-root .evk-nx{font-size:12.5px;line-height:1.5;color:#9A9A9A;margin-top:18px;padding-top:14px;border-top:1px solid #2A2A2A;text-wrap:pretty}
.coach-app-root .evk-rows{background:var(--app-surface);border:1px solid var(--app-border);border-radius:10px;overflow:hidden}
.coach-app-root .evk-row{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--app-border)}
.coach-app-root .evk-row:last-child{border-bottom:none}
.coach-app-root .evk-row.on{background:var(--app-surface-sunk)}
.coach-app-root .evk-rm{flex:none;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--app-surface-sunk);color:#fff}
.coach-app-root .evk-row.done .evk-rm{background:#3D6FA8}
.coach-app-root .evk-row.on .evk-rm{background:var(--electric)}
.coach-app-root .evk-rm i{width:5px;height:5px;border-radius:50%;background:var(--app-border-strong)}
.coach-app-root .evk-row.on .evk-rm i{background:#fff}
.coach-app-root .evk-rt{flex:none;font-family:var(--font-cond);font-weight:800;text-transform:uppercase;font-size:13.5px;letter-spacing:.03em;color:var(--app-fg)}
.coach-app-root .evk-row:not(.on):not(.done) .evk-rt{color:var(--app-fg-muted)}
.coach-app-root .evk-rd{flex:1;text-align:right;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.03em;color:var(--app-fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coach-app-root .evk-rn{flex:none;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--electric);border-radius:999px;padding:3px 7px}

/* ---- CM Events: the hero, and the rows under it ---- */
.coach-app-root .ev-hero{display:block;width:100%;text-align:left;cursor:pointer;font:inherit;background:var(--iron);color:#fff;border:1px solid var(--iron);border-radius:12px;padding:20px 18px 14px;margin-bottom:6px}
.coach-app-root .ev-hero .evx-k{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#4FA8FF}
.coach-app-root .ev-hero .evx-n{font-family:var(--font-cond);font-weight:900;text-transform:uppercase;font-size:34px;line-height:.98;letter-spacing:.01em;margin-top:8px}
.coach-app-root .ev-hero .evx-w{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9A9A9A;margin-top:9px}
.coach-app-root .ev-hero .evx-mid{margin-top:18px;padding-top:18px;border-top:1px solid #2A2A2A}
.coach-app-root .ev-hero .evx-fig{display:flex;align-items:flex-end;gap:15px}
.coach-app-root .ev-hero .evx-pct{font-family:var(--font-cond);font-weight:900;font-size:58px;line-height:.82;letter-spacing:-.01em}
.coach-app-root .ev-hero .evx-pct em{font-style:normal;font-size:23px;margin-left:3px;color:#9A9A9A}
.coach-app-root .ev-hero .evx-lb{padding-bottom:6px}
.coach-app-root .ev-hero .evx-lb b{display:block;font-size:14px;font-weight:700}
.coach-app-root .ev-hero .evx-lb span{display:block;font-size:12.5px;color:#9A9A9A;margin-top:4px}
.coach-app-root .ev-hero .evx-bar{height:7px;border-radius:4px;background:#2A2A2A;overflow:hidden;margin-top:16px}
.coach-app-root .ev-hero .evx-bar i{display:block;height:100%;background:var(--electric);border-radius:4px}
.coach-app-root .ev-hero .evx-divs{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.coach-app-root .ev-hero .evx-dv{display:inline-flex;align-items:center;gap:6px;background:#1A1A1A;border:1px solid #2A2A2A;border-radius:999px;padding:5px 11px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#C8C8C8}
.coach-app-root .ev-hero .evx-dv i{width:7px;height:7px;border-radius:50%;flex:none}
.coach-app-root .ev-hero .evx-dv b{color:#fff;font-size:10.5px}
.coach-app-root .ev-hero .evx-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid #2A2A2A;color:#9A9A9A}
.coach-app-root .ev-hero .evx-ph{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.coach-app-root .ev-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;background:var(--app-surface);border:1px solid var(--app-border);border-radius:10px;padding:11px 12px;margin-bottom:6px}
.coach-app-root .ev-row.soon{background:var(--app-surface-sunk);border-style:dashed}
.coach-app-root .ev-row .evr-b{flex:1;min-width:0}
.coach-app-root .ev-row .evr-k{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--app-fg-subtle)}
.coach-app-root .ev-row .evr-n{font-family:var(--font-cond);font-weight:800;text-transform:uppercase;font-size:16px;letter-spacing:.02em;color:var(--app-fg);margin-top:1px}
.coach-app-root .ev-row .evr-w{font-size:11.5px;color:var(--app-fg-muted);margin-top:1px}
.coach-app-root .ev-row .evr-fig{text-align:right;flex:none}
.coach-app-root .ev-row .evr-fig b{display:block;font-family:var(--font-cond);font-weight:900;font-size:19px;color:var(--app-fg);line-height:1}
.coach-app-root .ev-row .evr-fig span{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--app-fg-subtle);margin-top:2px}

/* ---- CM Events: polish + the leaderboard borrowed from the client app ---- */
.coach-app-root .ev-hero{margin-bottom:20px}
.coach-app-root .ev-row{padding:13px 14px;margin-bottom:8px}
.coach-app-root .ev-row:last-child{margin-bottom:2px}
.coach-app-root .ev-past{margin-top:2px}
.coach-app-root .evf-h{padding-bottom:14px;margin-bottom:16px}
.coach-app-root .ch-md{margin-bottom:14px}
.coach-app-root .ch-md button em{font-style:normal;margin-left:6px;font-family:var(--font-mono);font-size:10px;opacity:.7}
.coach-app-root .ch-md button.on em{opacity:.85}
.coach-app-root .ch-lbr.flagged{border-color:color-mix(in srgb, var(--rust) 55%, var(--plate))}
.coach-app-root .ch-lbr-b .btn.wide{margin-top:11px}
.coach-app-root .ev-warn{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--rust-tint,rgba(196,57,46,.08));color:var(--rust-deep,#9E2C23);font-size:12px}

.coach-app-root .ch-dvh{gap:11px;padding:13px 14px}
.coach-app-root .ch-dh-s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coach-app-root .ch-dh-rx b+b{margin-top:2px}

/* ═══════════════════════════════════════════════════════════════════════════
   v3.1 · MEMBERSHIP REQUESTS (.mrq-*) — the queue and the decision screen,
   mounted by BOTH the CM's Tasks tab and the head coach's Community domain
   (p1/cm-requests.js).

   NOTE: the v3.1 export shipped the component WITHOUT these styles — they are
   written here to the coach app's own language (.cmx-job / .card / .kv), not
   lifted from the handoff. Everything reuses existing tokens so a theme change
   carries. Colours follow the seat's convention: rust = a clock is running,
   forge = a judgement call, turf = settled.
   ═══════════════════════════════════════════════════════════════════════════ */
.mrq-urg{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.mrq-urg-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.mrq-urg-h .ut{font-family:var(--font-cond);font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--rust)}
.mrq-urg-h .un{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--app-fg-muted)}

/* a row in the list */
.mrq-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:#fff;border:1px solid var(--plate);border-radius:9px;padding:11px 12px;margin-bottom:7px;cursor:pointer;font-family:inherit;transition:border-color .15s}
.mrq-row:hover{border-color:var(--electric)}
.mrq-av{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--chalk);border:1px solid var(--plate);display:flex;align-items:center;justify-content:center;font-family:var(--font-cond);font-weight:900;font-size:12px;letter-spacing:.04em;color:var(--app-fg-muted)}
.mrq-b{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.mrq-n{font-family:var(--font-cond);font-weight:900;font-size:14.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--iron);line-height:1.1}
.mrq-m{font-size:11.5px;color:var(--app-fg-muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrq-t{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.mrq-t b{font-family:var(--font-cond);font-weight:900;font-size:16px;line-height:1;color:var(--iron)}
.mrq-t span{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--app-fg-muted)}

/* state chips */
.mrq-chip{display:inline-block;border-radius:999px;padding:3px 9px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.mrq-chip.a{background:#FBF0DC;color:#8A6510}
.mrq-chip.b{background:#E4EEFB;color:#0B4FA8}
.mrq-chip.g{background:#E2F3E9;color:#186B43}
.mrq-chip.r{background:#FAE6E3;color:#9E2F24}

/* the policy check */
.mrq-chk{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--plate)}
.mrq-chk:last-child{border-bottom:none;padding-bottom:0}
.mrq-chk .ci{flex:0 0 auto;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:1px}
.mrq-chk.y .ci{background:var(--turf,#1E9E62)}
.mrq-chk.q .ci{background:var(--forge,#B0730C)}
.mrq-chk .cb{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.mrq-chk .cn{font-family:var(--font-cond);font-weight:900;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--iron)}
.mrq-chk .cs{font-size:11.5px;line-height:1.45;color:var(--app-fg-muted);text-wrap:pretty}

/* the written reply — the point of the whole screen, so it reads like a message */
.mrq-msg{background:#fff;border:1px solid var(--plate);border-radius:9px;overflow:hidden}
.mrq-msg .mh{background:var(--chalk);border-bottom:1px solid var(--plate);padding:8px 12px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--app-fg-muted)}
.mrq-msg .mb{padding:12px;font-size:12.5px;line-height:1.6;color:var(--iron);white-space:pre-wrap}
.mrq-msg .mb.ed{display:block;width:100%;border:none;resize:vertical;font-family:inherit;background:#fff;outline:none}
.mrq-msg .mb.ed:focus{background:#FCFDFF}

.mrq-acts{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.mrq-declbox{width:100%;border:1px solid var(--plate);border-radius:7px;padding:9px 10px;font-family:inherit;font-size:12.5px;line-height:1.5;resize:vertical;margin-bottom:9px}
.mrq-declbox:focus{outline:none;border-color:var(--rust)}

/* the banner at the top of a decided / clock-running request */
.mrq-bn{display:flex;gap:10px;align-items:flex-start;border-radius:9px;padding:11px 12px;margin-bottom:12px;border:1px solid}
.mrq-bn .ic{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.mrq-bn .bt{font-family:var(--font-cond);font-weight:900;font-size:14px;letter-spacing:.03em;text-transform:uppercase;line-height:1.1}
.mrq-bn .bd{font-size:11.5px;line-height:1.45;margin-top:3px;text-wrap:pretty}
.mrq-bn.r{background:#FDF2F0;border-color:#EFC2BD;color:#7E251C}
.mrq-bn.r .ic{background:var(--rust,#C4392E)}
.mrq-bn.g{background:#EFF8F2;border-color:#BFE3CE;color:#145635}
.mrq-bn.g .ic{background:var(--turf,#1E9E62)}
.mrq-bn.b{background:#F0F5FD;border-color:#C4D8F5;color:#0B4FA8}
.mrq-bn.b .ic{background:var(--electric,#075DC6)}
.mrq-big{font-family:var(--font-cond);font-weight:900;font-size:19px;line-height:1}
.mrq-big.red{color:var(--rust,#C4392E)}

/* the tier picker inside the client file's Change tier sheet (v3.1) — three
   equal cards, the chosen one filled. Same family as .mrq-row above. */
.mrq-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.mrq-tier{display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 6px;background:#fff;border:1px solid var(--plate);border-radius:9px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}
.mrq-tier:hover{border-color:var(--electric)}
.mrq-tier b{font-family:var(--font-cond);font-weight:900;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--iron);line-height:1.1;text-align:center}
.mrq-tier span{font-family:var(--font-mono);font-size:10px;color:var(--app-fg-muted)}
.mrq-tier.on{border-color:var(--electric);background:#F0F5FD}
.mrq-tier.on b{color:var(--electric)}

/* v3.1 · the Add Client wizard's Membership step (.ac-*). Fourth CSS block the
   export shipped a component for and no styles — written here in the coach app's
   own language. The tier cards read like the member-facing ones so a coach and a
   member are looking at the same product. */
.ac-tier{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;background:#fff;border:1px solid var(--plate);border-radius:10px;padding:13px;margin-bottom:8px;cursor:pointer;font-family:inherit;transition:border-color .15s}
.ac-tier:hover{border-color:var(--electric)}
.ac-tier.on{border-color:var(--electric);box-shadow:inset 0 0 0 1px var(--electric)}
.ac-tier .rd{flex:0 0 auto;width:17px;height:17px;border-radius:50%;border:2px solid var(--app-border-strong,#C3CCD6);margin-top:2px}
.ac-tier.on .rd{border-color:var(--electric);border-width:5px}
.ac-tier .tb{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ac-tier .tn{display:flex;align-items:baseline;justify-content:space-between;gap:9px}
.ac-tier .tnm{font-family:var(--font-cond);font-weight:900;font-size:15px;letter-spacing:.03em;text-transform:uppercase;color:var(--iron)}
.ac-tier .tpr{font-family:var(--font-cond);font-weight:900;font-size:17px;color:var(--electric)}
.ac-tier .tpr small{font-family:var(--font-body,Inter,sans-serif);font-weight:600;font-size:10px;color:var(--app-fg-muted);margin-left:2px}
.ac-tier .tcy{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--app-fg-muted)}
.ac-tier .tsp{display:flex;flex-direction:column;gap:3px;margin-top:3px}
.ac-tier .tsp span{font-size:11.5px;line-height:1.4;color:var(--app-fg-muted);text-wrap:pretty}
.ac-big{font-family:var(--font-cond);font-weight:900;font-size:32px;line-height:1;color:var(--iron);margin:6px 0 2px}
.ac-big small{font-family:var(--font-body,Inter,sans-serif);font-weight:600;font-size:12px;color:var(--app-fg-muted);margin-left:7px}

/* the consent tick on Add Client · Details (v3.1) */
.ac-consent{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;background:var(--chalk,#F5F5F5);border:1px solid var(--plate);border-radius:9px;padding:12px;cursor:pointer;font-family:inherit}
.ac-consent:hover{border-color:var(--electric)}
.ac-consent .bx{flex:0 0 auto;width:20px;height:20px;border-radius:5px;border:2px solid var(--app-border-strong,#C3CCD6);background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:1px}
.ac-consent.on{border-color:var(--electric);background:#F0F5FD}
.ac-consent.on .bx{background:var(--turf,#1E9E62);border-color:var(--turf,#1E9E62)}
.ac-consent .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ac-consent .tx b{font-size:12.5px;line-height:1.4;color:var(--iron)}
.ac-consent .tx span{font-size:11px;line-height:1.45;color:var(--app-fg-muted);text-wrap:pretty}
/* "Already a member here?" switch on Add Client · Membership (17 Aug 2026) —
   flips the wizard from a new signup to an existing member on the held rate. */
.ac-tog{flex:0 0 auto;width:46px;height:27px;border-radius:999px;border:1px solid var(--plate);background:var(--chalk,#F5F5F5);padding:2px;cursor:pointer;display:flex;align-items:center;transition:background .15s,border-color .15s}
.ac-tog .kn{width:21px;height:21px;border-radius:50%;background:#fff;border:1px solid var(--plate);box-shadow:0 1px 2px rgba(0,0,0,.18);transition:transform .15s}
.ac-tog.on{background:var(--electric);border-color:var(--electric)}
.ac-tog.on .kn{transform:translateX(19px);border-color:transparent}