/* Studios — My Work. Only tokens from app.css; every class is prefixed wk-. Martian Mono is never below 10.5px. */
.wk{display:flex;flex-direction:column;gap:18px;max-width:1320px;margin:0 auto;min-width:0;container-type:inline-size;container-name:wk}
.wk .irow{scroll-margin:84px 0 24px;transition:background .12s}
.wk .irow:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:0}
.wk .num{font-variant-numeric:tabular-nums}

/* ---------- greeting ---------- */
.wk-hello{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:4px 2px 0}
.wk-hello-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.wk-hello-t{font:800 28px/1.1 var(--display);letter-spacing:-.025em;color:var(--ink)}
.wk-hello-s{color:var(--ink-2);font-size:14px}
.wk-alerts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0;max-width:100%}
.wk-alert{--tone:var(--info);display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 10px 5px 11px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);box-shadow:inset 3px 0 0 var(--tone);font-size:12.5px;font-weight:600;color:var(--ink);max-width:100%;min-width:0;text-align:left;transition:border-color .15s,background .15s}
button.wk-alert{cursor:pointer}
button.wk-alert:hover{border-color:color-mix(in srgb,var(--tone) 45%,var(--line));background:color-mix(in srgb,var(--tone) 5%,var(--surface))}
.wk-alert>.ic:first-child{color:var(--tone);flex:none}
.wk-alert.crit{--tone:var(--crit)} .wk-alert.warn{--tone:var(--warn)} .wk-alert.info{--tone:var(--info)} .wk-alert.ok{--tone:var(--ok);color:var(--ink-2);font-weight:500}
.wk-alert-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wk-alert-s{font-weight:500;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;min-width:0}
.wk-alert-go{color:var(--faint);flex:none}

/* ---------- today card ---------- */
.wk-today{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}
.wk-ci{padding:18px 20px;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);min-width:0}
.wk-plan{padding:18px 20px;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:12px;min-width:0}
.wk-ests-wrap{grid-column:1/-1;border-top:1px solid var(--line-2);padding:10px 20px 14px;min-width:0}
/* checked in: one slim strip */
.wk-today.slim .wk-ci{background:none;padding:12px 16px}
.wk-today.slim .wk-plan{padding:12px 16px}
.wk-today.slim .wk-ests-wrap{padding:8px 16px 12px}
@container wk (min-width:760px){
  .wk-today{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .wk-plan{border-top:0;border-left:1px solid var(--line-2)}
  .wk-today.slim{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
}
.wk-ci-form{display:flex;flex-direction:column;gap:12px}
.wk-ci-q{display:flex;flex-direction:column;gap:3px}
.wk-ci-q h3{font-size:18px;font-weight:800;letter-spacing:-.015em}
.wk-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.wk-seg-b{--c:var(--accent);display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px 11px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:600;font-size:13px;color:var(--ink-2);text-align:left;min-width:0;transition:border-color .15s,background .15s,box-shadow .15s}
.wk-seg-b span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wk-seg-b .ic{color:var(--muted);transition:color .15s}
.wk-seg-b:hover:not(:disabled){border-color:color-mix(in srgb,var(--c) 50%,var(--line));color:var(--ink)}
.wk-seg-b[aria-pressed="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 9%,var(--surface));color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 14%,transparent)}
.wk-seg-b[aria-pressed="true"] .ic{color:var(--c)}
.wk-seg-b.in{--c:var(--ok)} .wk-seg-b.half{--c:var(--warn)} .wk-seg-b.leave{--c:var(--st-review)}
.wk-seg-b:disabled{opacity:.5;cursor:not-allowed}
.wk-ci-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wk-yn{display:inline-flex;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--surface);gap:2px}
.wk-yn button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;height:28px;padding:0 12px;border-radius:6px;font-weight:600;font-size:12.5px;color:var(--ink-2);cursor:pointer;transition:background .12s,color .12s}
.wk-yn button:hover:not(:disabled){color:var(--ink);background:var(--surface-3)}
.wk-yn button[aria-pressed="true"]{background:var(--ink);color:var(--surface)}
.wk-yn button:disabled{opacity:.5;cursor:not-allowed}
.wk-ci-go{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* aligned for a shoot today and marking leave / no shoots: the opt-out reason, inline */
.wk-ci-oo{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--warn-soft) 55%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 30%,var(--line-2));min-width:0}
.wk-ci-oo>.label{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;color:var(--ink-2)}
.wk-ci-oo>.label .ic{color:var(--warn);flex:none;margin-top:2px}
.wk-ci-oo>.label b{color:var(--ink)}
.wk-ci-oo .chip:disabled{opacity:.5;cursor:not-allowed}
.wk-ci-oo .textarea{min-height:56px;resize:vertical}
.wk-ci-oo .wk-oo-who{padding:0;background:none;border:0}
.wk-ci-done{display:flex;align-items:center;gap:12px;min-width:0}
.wk-ci-done>.btn{flex:none}
.wk-ci-badge{--c:var(--ok);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 13%,var(--surface));color:var(--c);border:1px solid color-mix(in srgb,var(--c) 25%,transparent)}
.wk-ci-badge.half{--c:var(--warn)} .wk-ci-badge.leave,.wk-ci-badge.off{--c:var(--st-review)}
.wk-ci-body{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.wk-ci-state{font:700 15.5px/1.25 var(--display);letter-spacing:-.01em;color:var(--ink)}
.wk-ci-sub{font-size:12px;color:var(--muted);min-width:0}
.wk-ci-note{font-size:12px;color:var(--ink-2);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* load bar with hour grid */
.wk-load{display:flex;flex-direction:column;gap:7px}
.wk-load-h{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;min-width:0}
.wk-load-v{font:800 20px/1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.wk-load-v small{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0}
.wk-load-free{margin-left:auto}
.wk-load-f{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;min-height:22px}
.wk-est-tg{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:2px 0;color:var(--accent-text);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.wk-est-tg:hover{text-decoration:underline}
.wk-cap{position:relative;height:10px;border-radius:7px;background:var(--surface-3);display:flex}
.wk-cap::after{content:"";position:absolute;inset:0;border-radius:7px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--hr) - 1.5px),var(--surface) calc(var(--hr) - 1.5px),var(--surface) var(--hr));opacity:.75}
.wk-cap i{display:block;height:100%;flex:none}
.wk-cap i:first-child{border-radius:7px 0 0 7px}
.wk-cap i:last-of-type{border-radius:0 7px 7px 0}
.wk-cap i:only-of-type{border-radius:7px}
.wk-cap i.t{background:var(--accent)} .wk-cap i.s{background:var(--st-shoot)}
.wk-cap-line{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--crit);border-radius:2px;z-index:1}
.wk-cap-lg{display:inline-flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--muted)}
.wk-cap-lg span{display:inline-flex;align-items:center;gap:5px}
.wk-cap-lg i{width:8px;height:8px;border-radius:2px;display:inline-block}
.wk-cap-lg i.t{background:var(--accent)} .wk-cap-lg i.s{background:var(--st-shoot)}
.wk-plan-off{display:flex;gap:12px;align-items:flex-start;color:var(--ink-2)}
.wk-plan-off>.ic{color:var(--st-review);flex:none;margin-top:2px}
.wk-plan-off b{font:700 16px var(--display);color:var(--ink)}

/* hour estimates */
.wk-ests{display:flex;flex-direction:column;gap:0}
.wk-ests-h{display:flex;flex-direction:column;gap:2px;padding-bottom:6px}
.wk-ests-h b{font-size:13px;color:var(--ink)}
.wk-ests-empty{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);padding:8px 0}
.wk-est{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:7px 0;border-top:1px solid var(--line-2)}
.wk-est-t{display:flex;flex-direction:column;gap:1px;min-width:0;border:0;background:none;padding:2px 4px;margin:0 -4px;text-align:left;cursor:pointer;color:var(--ink);border-radius:6px}
.wk-est-t:hover .wk-est-ttl{color:var(--accent-text)}
.wk-est-ttl{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s}
.wk-est-sub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-est-sub em{font-style:normal;color:var(--crit);font-weight:600}
.wk-hcs{display:flex;gap:3px;flex-wrap:nowrap}
.wk-hc{height:26px;min-width:38px;padding:0 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface);font:500 11px var(--mono);color:var(--ink-2);cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color .12s,background .12s,color .12s}
.wk-hc:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text)}
.wk-hc.sug{border-style:dashed;border-color:var(--faint)}
.wk-hc.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);border-style:solid}
.wk-hc:disabled{opacity:.5;cursor:not-allowed}
.wk-ests-more{align-self:flex-start;margin-top:6px}
.wk-ests-h b{font-size:12.5px}
@container wk (max-width:520px){
  .wk-est{grid-template-columns:minmax(0,1fr)}
  .wk-hcs{flex-wrap:wrap}
  .wk-hc{flex:1 1 0;min-width:0}
}

/* ---------- tabs ---------- */
.wk-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;margin-bottom:-4px}
.wk-tabs::-webkit-scrollbar{display:none}
.wk-tab{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:0;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:600;font-size:13.5px;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:6px 6px 0 0;transition:color .12s,background .12s}
.wk-tab:hover{color:var(--ink);background:var(--surface-3)}
.wk-tab.on{color:var(--ink);border-bottom-color:var(--accent)}
.wk-tab.on .ic{color:var(--accent-text)}
.wk-tab-n{font:500 10.5px var(--mono);background:var(--surface-3);color:var(--ink-2);padding:1px 7px;border-radius:20px}
.wk-tab-n.hot{background:var(--warn-soft);color:var(--warn)}

/* ---------- this week (side card): one number, one line, details on demand ---------- */
.wk-wkc-top{display:flex;align-items:center;gap:12px;min-width:0}
.wk-wkc-msg{margin-top:8px;font-size:12.5px;color:var(--ink-2);line-height:1.45}
.wk-warn-t{color:var(--warn);font-weight:600}
.wk-wkc-d{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2)}
.wk-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.wk-k{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.wk-k-col{display:flex;flex-direction:column;gap:2px;min-width:0}
.wk-k-v{font:800 22px/1.05 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.wk-k-v small{font-size:13px;color:var(--muted);font-weight:600;margin-left:1px;letter-spacing:0}
.wk-k-v.meh{color:var(--warn)} .wk-k-v.low{color:var(--crit)}
.wk-k-l{font-size:11.5px;color:var(--muted);line-height:1.35}
.wk-wkc-top .wk-k-v{font-size:26px}
.wk-wkc-top .wk-k-l{font-size:12px}
.wk-ring{position:relative;display:inline-grid;place-items:center;flex:none}
.wk-ring-ic{position:absolute;color:var(--ok)}
.wk-wkc-trend{display:flex;flex-direction:column;gap:6px}
/* last 6 weeks: bar sparkline, height = target, fill = done */
.wk-wbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;max-width:220px;padding-top:2px}
.wk-wb{--c:var(--ok);display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;cursor:default}
.wk-wb.warn{--c:var(--warn)} .wk-wb.cur{--c:var(--accent)} .wk-wb.none{--c:var(--faint)}
.wk-wb-v{font:600 10.5px/1 var(--mono);color:var(--ink-2)}
.wk-wb.cur .wk-wb-v{color:var(--accent-text)}
.wk-wb-a{height:30px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.wk-wb-t{position:relative;display:block;width:100%;max-width:18px;height:var(--h);border-radius:4px 4px 2px 2px;background:color-mix(in srgb,var(--c) 16%,var(--surface-3));overflow:hidden}
.wk-wb-t i{position:absolute;left:0;right:0;bottom:0;height:var(--f);background:var(--c);border-radius:inherit}
.wk-wb.cur .wk-wb-t{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}
.wk-wb.none .wk-wb-t{background:var(--surface-3)}
.wk-wb-l{font:600 10.5px/1 var(--body);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.wk-wb.cur .wk-wb-l{color:var(--accent-text);font-weight:600}
.wk-cmp{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--ink-2)}
.wk-cmp.up{color:var(--ok)} .wk-cmp.down{color:var(--warn)}

/* day by day (this week) — compact cells, it lives in the side card */
.wk-days-wrap{display:flex;flex-direction:column;gap:6px}
.wk-days-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.wk-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.wk-dc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 3px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface-2);cursor:pointer;text-align:center;min-width:0;color:var(--ink-2);transition:border-color .12s,background .12s}
.wk-dc:hover{border-color:var(--faint);background:var(--surface)}
.wk-dc-d{display:flex;flex-direction:column;align-items:center;gap:0;font:600 10.5px var(--body);text-transform:uppercase;letter-spacing:.03em;color:var(--muted);white-space:nowrap}
.wk-dc-d b{font:700 13px var(--display);letter-spacing:-.01em;color:var(--ink-2)}
.wk-dc-sh{display:none}
.wk-dc-v{display:flex;align-items:center;justify-content:center;gap:2px;font:800 14px/1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.wk-dc-v .ic{display:none}
.wk-dc-v small{font-size:10.5px;font-weight:600;color:var(--muted);letter-spacing:0}
.wk-dc-bar{height:4px;width:100%;border-radius:3px;background:var(--surface-3);overflow:hidden;display:block}
.wk-dc-bar i{display:block;height:100%;background:var(--c);border-radius:3px}
.wk-dc-f{font:600 10.5px var(--body);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:12px;max-width:100%}
.wk-dc.past{background:transparent}
.wk-dc.past .wk-dc-v{color:var(--ink-2)}
.wk-dc.past.all .wk-dc-v,.wk-dc.past.all .wk-dc-f{color:var(--ok)}
.wk-dc.past.miss .wk-dc-f{color:var(--warn)}
.wk-dc.today{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}
.wk-dc.today .wk-dc-d,.wk-dc.today .wk-dc-d b{color:var(--accent-text)}
.wk-dc.off{background:repeating-linear-gradient(-45deg,var(--surface-2),var(--surface-2) 6px,var(--surface-3) 6px,var(--surface-3) 12px)}

/* ---------- layout: main + aside ---------- */
.wk-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
@container wk (min-width:940px){.wk-cols{grid-template-columns:minmax(0,1fr) 320px}}
@container wk (min-width:1180px){.wk-cols{grid-template-columns:minmax(0,1fr) 350px}}
.wk-main{display:flex;flex-direction:column;gap:20px;min-width:0}
.wk-side{display:flex;flex-direction:column;gap:16px;min-width:0}
/* sticky beside a long task list, but never taller than the screen — otherwise its bottom can't be reached */
@container wk (min-width:940px){.wk-side{position:sticky;top:calc(var(--top) + 16px);max-height:calc(100vh - var(--top) - 32px);max-height:calc(100dvh - var(--top) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px;margin:-2px;border-radius:var(--r-lg)}}
/* a shoot today goes first: top of the side column, or above the task list on one column */
.wk-shoots.urgent{order:-1}
@container wk (max-width:939px){
  .wk-cols{display:flex;flex-direction:column;align-items:stretch}
  .wk-main,.wk-side{display:contents}
  /* one column: heads up, overdue, today and this week first; then score, this week's target and shoots;
     then the rest of the list; the folded sections last */
  .wk-heads,.wk-sec-edits,.wk-sec-edq,.wk-sec-eda{order:1}
  .wk-filters{order:2}
  .wk-main>.wk-empty,.wk-sec-overdue{order:3}
  .wk-sec-today{order:4}
  .wk-sec-week{order:5}
  .wk-score{order:6}
  .wk-wkc{order:7}
  .wk-shoots{order:8}
  .wk-sec-next{order:9} .wk-sec-later{order:10} .wk-sec-coming{order:11} .wk-sec-done{order:12} .wk-keys{order:13}
  .wk-more-c{order:14}
  .wk-shoots.urgent{order:-1}
}

/* ---------- filters ---------- */
.wk-filters{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;min-width:0}
.wk-kinds{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;max-width:100%;padding:1px}
.wk-kinds::-webkit-scrollbar{display:none}
.wk-kinds .chip{flex:none;transition:border-color .12s,background .12s,color .12s}
.wk-chip-n{font:500 10.5px var(--mono);color:var(--muted);margin-left:1px}
.chip.on .wk-chip-n{color:inherit;opacity:.75}
.wk-name{min-width:0;flex:1 1 200px;max-width:320px}

/* ---------- sections ---------- */
.wk-sec{--tone:var(--accent);display:flex;flex-direction:column;gap:8px;scroll-margin-top:80px;min-width:0}
.wk-sec-overdue{--tone:var(--crit)} .wk-sec-today{--tone:var(--warn)} .wk-sec-coming{--tone:var(--info)} .wk-sec-done{--tone:var(--ok)} .wk-sec-later{--tone:var(--st-planned)}
.wk-sec-h{display:flex;align-items:center;gap:6px 10px;min-width:0;flex-wrap:wrap}
.wk-sec-hd{margin:0;font:inherit;letter-spacing:inherit;display:flex;min-width:0}
.wk-sec-t{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:3px 6px 3px 0;cursor:pointer;color:var(--ink);font:700 15.5px var(--display);letter-spacing:-.01em;border-radius:7px}
.wk-sec-t:hover .wk-sec-chev{color:var(--ink)}
.wk-sec-ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 13%,var(--surface));color:var(--tone);flex:none}
.wk-sec-n{font:500 11px var(--mono);color:var(--ink-2);background:var(--surface-3);border-radius:20px;padding:1px 8px}
.wk-sec-overdue .wk-sec-n{background:var(--crit-soft);color:var(--crit)}
.wk-sec-chev{color:var(--faint);transition:color .12s}
.wk-sec-sub{font-size:12px;color:var(--muted);min-width:0}
.wk-sec-hrs{margin-left:auto;font:500 11px var(--mono);color:var(--muted);white-space:nowrap}
.wk-list{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);min-width:0}
.wk-list>.irow:last-child{border-bottom:0}
.wk-day{display:flex;align-items:center;gap:10px;padding:8px 12px 7px;background:var(--surface-2);border-bottom:1px solid var(--line-2);font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.wk-day-rel{color:var(--muted);text-transform:none;letter-spacing:.02em}
.wk-day-n{margin-left:auto;color:var(--muted);text-transform:none;letter-spacing:.02em}
/* rows under a day header already say which day — drop the repeated "tomorrow / in 2 days" (late / due-today pills stay) */
.wk-sec-week .irow .meta>.nowrap.muted,.wk-sec-next .irow .meta>.nowrap.muted{display:none}
.wk-more{align-self:flex-start}
.wk-clear-line{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px dashed var(--line);border-radius:var(--r-lg);background:var(--surface-2);font-size:13px;color:var(--ink-2)}
.wk-clear-line>.ic{color:var(--ok);flex:none}
.wk-clear-line.muted>.ic{color:var(--faint)}
.wk-keys{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:-6px}

/* custom rows (coming / done / assign) share .irow */
.wk-rc{gap:3px;min-width:0}
.wk-wait{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);min-width:0}
.wk-wait b{font-weight:600}
.wk-wait.none{color:var(--warn)}
.wk-when{display:inline-flex;align-items:center;gap:4px;color:var(--ok);font-weight:600}
.wk-due{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.wk-crow .acts,.wk-drow .acts{flex-wrap:wrap}
.wk-crow .acts{flex-direction:column;align-items:flex-end;gap:3px}
.wk-you{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:20px;background:var(--info-soft);color:var(--info);font-size:11.5px;font-weight:600;white-space:nowrap}
.wk-steps{font:500 10.5px var(--mono);color:var(--muted);white-space:nowrap}
.wk-ext{width:30px;height:30px;border-radius:7px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);transition:border-color .12s,color .12s,background .12s}
.wk-ext:hover{border-color:var(--faint);color:var(--ink)}
.wk-ext.live{color:var(--live);border-color:color-mix(in srgb,var(--live) 30%,var(--line))}
.wk-ext.live:hover{background:var(--live-soft)}
@container wk (max-width:640px){.wk-crow .acts{flex-direction:row;align-items:center}}
/* narrow: keep the action on the status line instead of its own row — denser, same tap target */
@container wk (max-width:640px){
  .wk .irow{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ic src src" "ic ttl ttl" "ic meta acts";gap:2px 12px;align-items:center}
  .wk .irow>.col{display:contents}
  .wk .irow>.fmt-badge{grid-area:ic;align-self:start;margin-top:2px}
  .wk .irow .src{grid-area:src}
  .wk .irow .ttl{grid-area:ttl}
  .wk .irow .meta{grid-area:meta;margin-top:4px;gap:6px}
  .wk .irow>.acts{grid-area:acts;justify-self:end;align-self:end;margin-top:4px}
  .wk .irow.wk-crow{grid-template-areas:"ic src src" "ic ttl ttl" "ic meta meta" "ic acts acts"}
  .wk .irow.wk-crow>.acts{justify-self:start}
}

/* ---------- empty states ---------- */
.wk-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:36px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r-lg);background:var(--surface-2)}
.wk-empty>.ic{color:var(--faint)}
.wk-empty h3{color:var(--ink)}
.wk-empty p{max-width:52ch;font-size:13px}
.wk-empty-a{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.wk-mini-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--muted);padding:4px 0 2px}
.wk-mini-empty>.ic{color:var(--faint)}
.wk-who{max-width:560px;margin:40px auto 0;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.wk-who-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)}
.wk-who p{color:var(--ink-2);font-size:13.5px}

/* ---------- shoots (call-sheet style) ---------- */
.wk-shoots .card-h h3,.wk-inv .card-h h3{font-size:15px}
.wk-sheets{display:flex;flex-direction:column;gap:10px}
.wk-sheet{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);min-width:0;transition:border-color .15s}
/* aligned, not opened yet: new to you, not a problem — a quiet info rule, not the warning amber */
.wk-sheet.st-invited{border-color:color-mix(in srgb,var(--info) 35%,var(--line-2));box-shadow:inset 3px 0 0 var(--info)}
.wk-sheet.st-out{opacity:.8}
.wk-sheet-d{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:8px;background:var(--surface-3);padding:7px 0 6px;font:500 10.5px var(--mono);text-transform:uppercase;letter-spacing:.02em;color:var(--ink-2);align-self:start;border-top:3px solid var(--st-shoot);min-width:0;overflow:hidden}
.wk-sheet-d b{font:800 21px/1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.wk-sheet.is-today .wk-sheet-d{background:var(--accent);color:var(--accent-ink);border-top-color:var(--accent)}
.wk-sheet.is-today .wk-sheet-d b{color:var(--accent-ink)}
.wk-sheet-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.wk-sheet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
.wk-sheet-t{font-weight:700;font-size:13.5px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.wk-sheet-m{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);min-width:0}
.wk-sheet-m>.ic{color:var(--muted);flex:none}
.wk-sheet-m>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.wk-sheet-crew{margin-left:auto;flex:none}
.wk-sheet-a{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
.wk-sheet-open{margin-left:auto}
/* app .btn.ok puts white text on --ok, which is a light green in dark mode; --accent-ink flips with the theme */
.wk-sheet .btn.ok{color:var(--accent-ink)}

/* ---------- where I'm involved ---------- */
.wk-inv-g{display:flex;flex-direction:column;gap:1px}
.wk-inv-g+.wk-inv-g{margin-top:14px}
.wk-inv-g>.eyebrow{padding-bottom:4px}
.wk-inv-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:8px;margin:0 -8px;border-radius:8px;border:0;background:none;text-align:left;cursor:pointer;color:var(--ink);min-width:0;transition:background .12s}
.wk-inv-row:hover{background:var(--surface-2)}
.wk-inv-n{display:flex;flex-direction:column;gap:1px;min-width:0}
.wk-inv-n b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-inv-n .tiny{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-inv-r{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.wk-inv-p{grid-column:1/-1;display:flex;align-items:center;gap:8px}
.wk-inv-p .bar{flex:1}
.wk-quota{font:500 11px var(--mono);color:var(--accent-text);background:var(--accent-soft);padding:2px 7px;border-radius:5px;white-space:nowrap}

/* ---------- needs assignment ---------- */
.wk-assign,.wk-teamv{display:flex;flex-direction:column;gap:14px;min-width:0}
.wk-a-head{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;justify-content:space-between}
.wk-a-t{font:800 20px/1.2 var(--display);letter-spacing:-.015em}
.wk-a-filters{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.wk-ags{display:flex;flex-direction:column;gap:10px}
.wk-ag{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow);min-width:0}
.wk-ag-h{display:flex;align-items:center;gap:8px;padding-right:12px;min-width:0}
.wk-ag-tg{display:flex;align-items:center;gap:6px 10px;padding:11px 8px 11px 14px;border:0;background:none;flex:1;text-align:left;cursor:pointer;color:var(--ink);min-width:0;flex-wrap:wrap;transition:background .12s}
.wk-ag-tg:hover{background:var(--surface-2)}
.wk-ag-bulk{flex:none}
.wk-a-sum{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);padding:5px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line-2);cursor:pointer;transition:border-color .12s,color .12s}
.wk-a-sum:hover{border-color:var(--faint);color:var(--ink)}
.wk-a-sum .ic{color:var(--muted)}
.wk-soft{display:flex;flex-direction:column;gap:10px;margin-top:6px;padding-top:14px;border-top:1px dashed var(--line)}
.wk-soft.alone{margin-top:0;padding-top:0;border-top:0}
.wk-soft-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:center;border:0;background:none;padding:4px 6px 4px 0;text-align:left;cursor:pointer;color:var(--ink);border-radius:8px}
.wk-soft-h:hover .wk-sec-chev{color:var(--ink)}
.wk-soft-t{font:700 14.5px var(--display);letter-spacing:-.01em}
.wk-soft-s{grid-column:2;font-size:12.5px;color:var(--muted)}
.wk-ag.soft{box-shadow:none;background:var(--surface-2)}
.wk-ag.soft .wk-ag-miss{color:var(--muted)}
.wk-ag.soft .wk-ag-tg:hover{background:var(--surface-3)}
.wk-seat.soft{border-style:dotted;color:var(--muted)}
.wk-ag-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.wk-ag-l1{display:flex;align-items:center;gap:8px;min-width:0}
.wk-ag-l2{display:flex;align-items:center;gap:4px 12px;flex-wrap:wrap;min-width:0}
.wk-ag-name{font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk-ag-miss{font-size:12px;color:var(--warn);font-weight:600}
.wk-ag-due{display:inline-flex;align-items:center;gap:4px;font:500 10.5px var(--mono);color:var(--muted);white-space:nowrap}
.wk-ag-due.soon{color:var(--crit)}
.wk-ag-list{border-top:1px solid var(--line-2)}
.wk-ag-list>.irow:last-child{border-bottom:0}
.wk-ag>.wk-more{margin:4px 10px 10px}
.wk-kind-campaign{background:color-mix(in srgb,var(--st-design) 14%,var(--surface));color:var(--st-design)}
.wk-kind-client{background:color-mix(in srgb,var(--st-edit) 14%,var(--surface));color:var(--st-edit)}
.wk-kind-ip{background:color-mix(in srgb,var(--st-script) 14%,var(--surface));color:var(--st-script)}
.wk-seats{flex-wrap:wrap;justify-content:flex-end}
.wk-seat{height:28px;font-weight:600;color:var(--ink-2);transition:border-color .12s,color .12s,background .12s}
.wk-seat:hover:not(:disabled){background:var(--accent-soft)}
.wk-seat:disabled{opacity:.45;cursor:not-allowed}

/* ---------- team today ---------- */
.wk-bands{display:flex;gap:6px;flex-wrap:wrap}
.wk-band{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:border-color .12s,background .12s}
.wk-band i{width:10px;height:10px;border-radius:3px;background:var(--lc,var(--ld-free));border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.wk-band.none i{background:transparent;border:1.5px dashed var(--faint)}
.wk-band b{font:500 11px var(--mono);color:var(--muted)}
.wk-band:hover{border-color:var(--faint)}
.wk-band.on{border-color:var(--ink);background:var(--surface-3);color:var(--ink)}
.wk-team{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.wk-team-none{padding:16px}
.wk-trow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"p p s" "l l l" "w m m";gap:8px 14px;align-items:center;padding:10px 14px;border:0;border-bottom:1px solid var(--line-2);background:none;width:100%;text-align:left;cursor:pointer;color:var(--ink);min-width:0;transition:background .12s}
.wk-trow:last-child{border-bottom:0}
.wk-trow:hover{background:var(--surface-2)}
.wk-thead{display:none;cursor:default;padding-top:8px;padding-bottom:8px;background:var(--surface-2);font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wk-thead:hover{background:var(--surface-2)}
.wk-tp{grid-area:p;display:flex;align-items:center;gap:10px;min-width:0}
.wk-tp b{font-size:13px;font-weight:600}
.wk-tstat{grid-area:s;justify-self:end;--c:var(--ok);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.wk-tstat::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.wk-tstat.half{--c:var(--warn)} .wk-tstat.leave,.wk-tstat.off{--c:var(--st-review)}
.wk-tstat.none{color:var(--muted);font-weight:500}
.wk-tstat.none::before{background:transparent;border:1.5px dashed var(--faint)}
.wk-tload{grid-area:l;display:flex;align-items:center;gap:10px;min-width:0}
.wk-tbar{position:relative;flex:1;height:8px;border-radius:5px;background:var(--surface-3);border:1px solid color-mix(in srgb,var(--ink) 6%,transparent);min-width:60px}
.wk-tbar i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--c)}
.wk-tbar b{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--ink);border-radius:1px}
.wk-thrs{font:500 11px var(--mono);color:var(--ink-2);white-space:nowrap;min-width:70px;text-align:right}
.wk-tmeta{grid-area:m;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
.wk-tmeta em{font-style:normal;color:var(--crit);font-weight:600}
.wk-tweek{grid-area:w;display:flex;gap:3px;align-items:flex-end}
.wk-tw{display:flex;flex-direction:column;align-items:center;gap:2px}
.wk-tw-l{font:600 10px var(--body);text-transform:uppercase;color:var(--muted);width:16px;text-align:center}
.wk-tw i{position:relative;width:16px;height:14px;border-radius:4px;background:var(--lc,var(--ld-free));border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);display:block}
.wk-tw i.sh::after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--st-shoot);box-shadow:0 0 0 1.5px var(--surface)}
.wk-t-sum{display:flex;gap:18px;flex-wrap:wrap}
.wk-t-sum>span{display:flex;flex-direction:column;gap:1px}
.wk-t-v{display:flex;align-items:baseline;gap:3px}
.wk-t-sum b{font:800 20px/1.1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.wk-t-sum small{font-size:12.5px;font-weight:600;color:var(--muted)}
.wk-t-sum em{font-style:normal;font-size:11.5px;color:var(--muted)}
@container wk (min-width:760px){
  .wk-trow{grid-template-columns:minmax(0,1.3fr) 124px minmax(140px,1fr) auto minmax(0,1.2fr);grid-template-areas:"p s l w m"}
  .wk-tstat{justify-self:start}
  .wk-thead{display:grid}
  .wk-thead>span{grid-area:auto}
  .wk-trow:not(.wk-thead) .wk-tw-l{display:none}
}

/* ---------- phone ---------- */
@media (max-width:760px){
  .wk{gap:14px}
  .wk-hello{align-items:flex-start}
  .wk-hello-t{font-size:23px}
  .wk-hello-s{font-size:13px}
  .wk-alerts{justify-content:flex-start;width:100%}
  .wk-alert-s{display:none}
  .wk-alert-t{white-space:normal;overflow-wrap:anywhere}
  .wk-ci,.wk-plan{padding:14px 14px 16px}
  .wk-today.slim .wk-ci,.wk-today.slim .wk-plan{padding:11px 14px}
  /* checked in: the card is today's, so the load line drops its label and stays on one line */
  .wk-today.slim .wk-load-h>.eyebrow{display:none}
  .wk-today.slim .wk-plan{gap:8px}
  .wk-ests-wrap,.wk-today.slim .wk-ests-wrap{padding:8px 14px 12px}
  .wk-seg-b{padding:9px 10px;font-size:12.5px}
  .wk-name{max-width:none;flex-basis:100%}
  .wk-filters.is-all .wk-name{display:none}
  .wk-sec-hrs{margin-left:0}
  .wk-sec-sub{flex-basis:100%;order:3}
  .wk-heads-sub{flex-basis:100%;order:3}
}
@media (hover:none){.wk-hc{height:32px}}

/* =====================================================================
   Phase 2A — city check-in, shoot changes, my week report, other work +
   Speech box, 9 AM email preview, recent shoots
   ===================================================================== */
.wk-hello-e{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;min-width:0}
.wk-city{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px 0 7px;border-radius:20px;background:var(--surface);border:1px solid var(--line-2);font-size:12px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.wk-city .ic{color:var(--st-shoot)}

/* check-in: city */
.wk-ci-city{display:flex;flex-direction:column;gap:7px;min-width:0}
.wk-ci-city .label{display:inline-flex;align-items:center;gap:5px}
.wk-ci-city .label .ic{color:var(--muted)}
.wk-ci-city .chip{transition:border-color .12s,background .12s,color .12s}
.wk-ci-city .chip:disabled{opacity:.5;cursor:not-allowed}
.wk-ci-city .field{max-width:260px}
.wk-ci-in{color:var(--ink-2)}
.wk-ci-addcity{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:2px 0;color:var(--accent-text);font-size:12.5px;font-weight:600;cursor:pointer;align-self:flex-start;text-align:left}
.wk-ci-addcity:hover{text-decoration:underline}

/* shoot change banners — the one thing on the page that must not be missed */
.wk-chgs{display:flex;flex-direction:column;gap:10px;min-width:0}
.wk-chg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px 18px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--warn-soft) 60%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 35%,var(--line-2));box-shadow:inset 4px 0 0 var(--warn),var(--shadow);min-width:0}
.wk-chg.crit{background:color-mix(in srgb,var(--warn-soft) 85%,var(--surface))}
.wk-chg-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--st-shoot) 15%,var(--surface));color:var(--st-shoot);border:1px solid color-mix(in srgb,var(--st-shoot) 30%,transparent);flex:none}
.wk-chg-b{display:flex;flex-direction:column;gap:8px;min-width:0}
.wk-chg-b>.eyebrow{color:var(--warn)}
.wk-chg-t{font:800 18px/1.25 var(--display);letter-spacing:-.015em;color:var(--ink);overflow-wrap:anywhere}
.wk-chg-when{font-weight:600;color:var(--ink-2);font-size:14px;letter-spacing:0}
.wk-chg-diff{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;font-size:13px;align-items:baseline;padding:10px 12px;border-radius:9px;background:var(--surface);border:1px solid var(--line-2)}
.wk-chg-diff dt{color:var(--muted);font-size:12px;font-weight:600}
.wk-chg-diff dd{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
.wk-chg-ar{color:var(--muted);flex:none}
.wk-chg-note{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2)}
.wk-chg-note .ic{color:var(--warn);flex:none}
.wk-chg-a{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
@container wk (max-width:560px){
  .wk-chg{grid-template-columns:minmax(0,1fr);padding:14px 14px 14px 16px;gap:8px}
  .wk-chg-ic{display:none}
  .wk-chg-t{font-size:16.5px}
  .wk-chg-when{display:block;margin-top:2px}
  .wk-chg-dot{display:none}
  .wk-chg-diff{grid-template-columns:minmax(0,1fr);gap:2px}
  .wk-chg-diff dd+dt{margin-top:6px}
}

/* side cards share a header rhythm */
.wk-score .card-h h3,.wk-wkc .card-h h3{font-size:15px}
.wk-rep-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}

/* my week so far */
.wk-rep-seg button{height:24px;padding:0 9px;font-size:12px}
.wk-rep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:10px;overflow:hidden}
@container wk (min-width:560px) and (max-width:939px){.wk-rep-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wk-rep-t{background:var(--surface);padding:10px 12px 11px;display:flex;flex-direction:column;gap:1px;min-width:0}
.wk-rep-v{font:800 22px/1.1 var(--display);letter-spacing:-.02em;color:var(--ink)}
.wk-rep-t.ok .wk-rep-v{color:var(--ok)}
.wk-rep-l{font-size:12px;font-weight:600;color:var(--ink-2)}
.wk-rep-s{font-size:11.5px;color:var(--muted);line-height:1.35;overflow-wrap:anywhere}
.wk-rep-brands{display:flex;flex-direction:column;gap:2px;margin-top:12px;font-size:12.5px;color:var(--ink-2)}
.wk-rep-rem{display:flex;gap:6px;align-items:flex-start;margin-top:10px;font-size:12.5px;color:var(--ink-2)}
.wk-rep-rem .ic{color:var(--muted);flex:none;margin-top:2px}
.wk-rep-flags{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.wk-rep-flags .flag-row{padding:8px 10px;align-items:flex-start}
.wk-rep-flags .flag-row .ic{flex:none;margin-top:2px;color:var(--muted)}
.wk-rep-flags .flag-row.crit .ic{color:var(--crit)}
.wk-rep-flags button.flag-row{width:100%;text-align:left;cursor:pointer;color:var(--ink);font:inherit;transition:border-color .12s,background .12s}
.wk-rep-flags button.flag-row:hover{border-color:var(--faint);background:var(--surface-2)}
.wk-rep-flags .flag-row .wk-flag-go{color:var(--faint);margin-left:auto}
.wk-rep-foot{display:flex;gap:7px;align-items:flex-start;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--ink-2);font-weight:500}
.wk-rep-foot>.ic{color:var(--accent-text);flex:none;margin-top:2px}

/* other work + Speech box */
.wk-sp{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line-2);margin-bottom:12px;min-width:0}
.wk-sp:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--surface)}
.wk-sp-l{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--accent-text);align-self:flex-start;cursor:text}
.wk-sp-t{min-height:72px;font-size:14px;background:var(--surface)}
.wk-sp-f{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.wk-sp-f .tiny{flex:1 1 150px;min-width:0}
.wk-spin{animation:wkspin 1s linear infinite}
@keyframes wkspin{to{transform:rotate(360deg)}}
.wk-ow-list{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;min-width:0}
.wk-ow-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 8px 8px 10px;border-bottom:1px solid var(--line-2);background:var(--surface);min-width:0;transition:background .12s}
.wk-ow-row:last-child{border-bottom:0}
.wk-ow-row.click{cursor:pointer}
.wk-ow-row.click:hover{background:var(--surface-2)}
.wk-ow-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.wk-ow-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--info-soft);color:var(--info);flex:none}
.wk-ow-m{display:flex;flex-direction:column;gap:1px;min-width:0}
.wk-ow-m b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-ow-m span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-ow-r{display:flex;align-items:center;gap:4px;flex:none}
.wk-ow-h{font:500 11px var(--mono);color:var(--ink-2);min-width:34px;text-align:right}
.wk-ow-link,.wk-ow-del{width:28px;height:28px;border-radius:6px;display:inline-grid;place-items:center;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer;transition:color .12s,border-color .12s}
.wk-ow-link:hover{color:var(--accent-text);border-color:var(--line)}
.wk-ow-del:hover{color:var(--crit);border-color:color-mix(in srgb,var(--crit) 35%,var(--line))}
@media (hover:hover){.wk-ow-row .wk-ow-del{opacity:0}.wk-ow-row:hover .wk-ow-del,.wk-ow-row:focus-within .wk-ow-del{opacity:1}}
.wk-ow-empty{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted)}
.wk-ow-empty .ic{flex:none;margin-top:2px;color:var(--faint)}
.wk-ow .wk-more{margin-top:6px}
:root[data-density="compact"] .wk-ow-row{padding:5px 6px 5px 8px}
:root[data-density="compact"] .wk-ow-ic{width:24px;height:24px}

/* log-work drawer */
.wk-owf{display:flex;flex-direction:column;gap:14px;min-width:0}
.wk-owf-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.wk-owf-steps li{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:6px 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface-2);font-size:12.5px;color:var(--ink-2);min-width:0}
.wk-owf-steps li>.num:first-child{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);font:600 10.5px var(--mono);color:var(--ink-2)}
.wk-owf-steps li>.num:nth-child(3){font:500 11px var(--mono);color:var(--muted)}
.wk-owf-steps li.cur{border-color:var(--accent);background:var(--surface);color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.wk-owf-steps li.cur>.num:first-child{background:var(--accent);color:var(--accent-ink)}
.wk-owf-steps li.saved{color:var(--muted)}
.wk-owf-steps li.saved .ic{color:var(--ok)}
.wk-owf-steps li.skipped{color:var(--faint)}
.wk-owf-steps li.skipped .ellipsis{text-decoration:line-through}
.wk-owf-steps em{font-style:normal;font-size:11px}
.wk-owf-src{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:var(--accent-soft);color:var(--ink);font-size:13px;flex-wrap:wrap;min-width:0}
.wk-owf-src>span.grow{font-style:italic;overflow-wrap:anywhere}
.wk-owf-src>.ic{color:var(--accent-text);flex:none;margin-top:2px}
.wk-owf-kinds .chip .ic{opacity:.75}
.wk-owf-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.wk-owf-hcs{margin-top:-6px}
.wk-owf-hcs .wk-hc{flex:1 1 0;min-width:0}
.wk-owf-with{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wk-owf-p{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 2px 0 4px;border-radius:20px;border:1px solid var(--line);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--ink)}
.wk-owf-p button{width:22px;height:22px;border-radius:50%;border:0;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.wk-owf-p button:hover{background:var(--surface-3);color:var(--ink)}
.wk-owf-go{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line-2);padding-top:14px}
.wk-owf-del{margin-left:auto}

/* tomorrow's 9 AM email */
.wk-mail-env{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);min-width:0}
.wk-mail-from{display:flex;align-items:center;gap:9px;min-width:0}
.wk-mail-av{width:28px;height:28px;border-radius:8px;background:var(--ink);color:var(--surface);display:grid;place-items:center;font:800 13px var(--display);flex:none}
.wk-mail-from b{font-size:13px}
.wk-mail-subj{font:700 14.5px/1.3 var(--display);color:var(--ink);overflow-wrap:anywhere}
.wk-mail-chips{display:flex;flex-wrap:wrap;gap:5px}
.wk-mail-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:20px;background:var(--surface);border:1px solid var(--line-2);font-size:11.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.wk-mail-chip i{width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.wk-mail-chip b{font:500 10.5px var(--mono);color:var(--muted)}
.wk-mail-secs{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.wk-mail-sec{display:flex;flex-direction:column;gap:2px;padding-left:10px;border-left:2px solid var(--c);min-width:0}
.wk-mail-st{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c);padding-bottom:2px}
.wk-mail-r{display:flex;flex-direction:column;gap:0;border:0;background:none;padding:3px 0;text-align:left;color:var(--ink);cursor:pointer;min-width:0;font-size:12.5px;line-height:1.35}
span.wk-mail-r{cursor:default}
.wk-mail-r b{font-weight:600;overflow-wrap:anywhere}
.wk-mail-r span{font-size:11.5px;color:var(--muted);overflow-wrap:anywhere}
button.wk-mail-r:hover b{color:var(--accent-text)}
.wk-mail-tg{align-self:flex-start}
.wk-mail-foot{margin-top:8px}

/* my shoots: cancelled + recent (attendance and remarks, stated plainly) */
.wk-sheet.st-cancelled{background:var(--surface-2)}
.wk-sheet.st-cancelled .wk-sheet-t{text-decoration:line-through;color:var(--ink-2)}
.wk-sheet.st-cancelled .wk-sheet-d{border-top-color:var(--faint);opacity:.75}
.wk-sheet .ack-chip{align-self:flex-start}
.wk-sheet-m b{font-weight:600;color:var(--ink)}
.wk-recent{display:flex;flex-direction:column;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2);min-width:0}
.wk-rs-row{display:flex;flex-direction:column;gap:3px;min-width:0}
.wk-rs-h{display:flex;align-items:center;gap:8px;border:0;background:none;padding:2px 0;cursor:pointer;color:var(--ink);text-align:left;min-width:0;font-size:13px}
.wk-rs-h b{font-weight:600;flex:1;min-width:0}
.wk-rs-h:hover b{color:var(--accent-text)}
.wk-rs-h .pill{flex:none}
.wk-rs-d{font:500 10.5px var(--mono);color:var(--muted);white-space:nowrap;min-width:46px}
.wk-rs-by{font-size:11.5px;color:var(--muted);padding-left:54px;overflow-wrap:anywhere}
.wk-rs-rem{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--ink-2);padding-left:54px;overflow-wrap:anywhere;min-width:0}
.wk-rs-rem .pill{flex:none;height:19px;font-size:11px}
@container wk (max-width:420px){.wk-rs-by,.wk-rs-rem{padding-left:0}}

/* phone */
@media (max-width:760px){
  /* 16px stops iOS zooming in when a field is tapped — these are the boxes people dictate into */
  .wk-sp-t{font-size:16px;min-height:96px}
  .wk-ci-form .input,.wk-ci-form .textarea,.wk-owf .input,.wk-owf .textarea,.wk-owf .select{font-size:16px}
  .wk-owf-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .wk-chg-a .btn{flex:1 1 auto;justify-content:center}
  .wk-sp-f .btn{margin-left:auto}
}

/* =====================================================================
   Phase 2A.2 — declutter, Heads up, my score, Drive cues, folded sections
   ===================================================================== */
/* greeting: overdue in the summary line carries an icon (crit is never colour alone) */
.wk-od{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--crit);cursor:pointer;vertical-align:baseline}
.wk-od .ic{flex:none;align-self:center}
.wk-od:hover{text-decoration:underline}
.wk-lnk{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;font:inherit;color:var(--ink-2);cursor:pointer;vertical-align:baseline}
.wk-lnk .ic{flex:none;align-self:center;color:var(--muted)}
.wk-lnk.warn,.wk-lnk.warn .ic{color:var(--warn);font-weight:600}
.wk-lnk:hover{text-decoration:underline;color:var(--ink)}

/* "How this works" — explanations on demand */
.wk-how{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:3px 2px;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex:none;border-radius:6px}
.wk-how:hover{color:var(--accent-text)}
.wk-q{width:16px;height:16px;border-radius:50%;border:1.5px solid currentColor;display:inline-grid;place-items:center;font:700 10.5px/1 var(--body)}

/* Heads up — one calm line per thing: icon · what · when it goes out · (one action) */
.wk-heads{display:flex;flex-direction:column;gap:8px;min-width:0;scroll-margin-top:80px}
.wk-heads-h{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;min-width:0}
.wk-heads-h h3{font:700 15.5px var(--display);letter-spacing:-.01em;color:var(--ink)}
.wk-heads-sub{font-size:12px;color:var(--muted);min-width:0}
.wk-heads-h .wk-how{margin-left:auto}
.wk-heads-list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;min-width:0}
.wk-hd{--tone:var(--muted);border-bottom:1px solid var(--line-2);min-width:0}
.wk-hd:last-child{border-bottom:0}
.wk-hd.lv-nudge{--tone:var(--ok)} .wk-hd.lv-reminder{--tone:var(--info)} .wk-hd.lv-warning{--tone:var(--warn)}
.wk-hd.lv-escalation{--tone:var(--crit);box-shadow:inset 3px 0 0 var(--crit)}
.wk-hd-r{display:flex;align-items:center;gap:8px;padding-right:10px;min-width:0}
.wk-hd-b{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:40px;border:0;background:none;padding:7px 4px 7px 12px;text-align:left;color:var(--ink);font:inherit}
button.wk-hd-b{cursor:pointer;transition:background .12s}
button.wk-hd-b:hover{background:var(--surface-2)}
.wk-hd-ic{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex:none;color:var(--tone);background:color-mix(in srgb,var(--tone) 11%,var(--surface))}
.wk-hd-m{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-hd-w{flex:none;font-size:11.5px;color:var(--muted);white-space:nowrap}
.wk-hd.lv-escalation .wk-hd-w{color:var(--crit);font-weight:600}
.wk-hd-go{color:var(--faint);flex:none}
.wk-hd-r>.btn{flex:none}
.wk-hd-list{display:flex;flex-direction:column;gap:2px;padding:0 12px 10px 46px;min-width:0}
.wk-hd-l{display:flex;align-items:center;gap:8px;min-width:0}
.wk-hd-lt{flex:1;min-width:0;display:flex;border:0;background:none;padding:4px 0;text-align:left;color:var(--ink-2);font-size:12.5px;cursor:pointer}
.wk-hd-lt:hover{color:var(--accent-text)}
.wk-heads>.wk-more{margin-top:-2px}
.wk-lv{font-size:11px;font-weight:600;white-space:nowrap;color:var(--muted)}
.wk-lv.lv-warning{color:var(--warn)} .wk-lv.lv-escalation{color:var(--crit)} .wk-lv.lv-nudge{color:var(--ok)}
:root[data-density="compact"] .wk-hd-b{padding-top:5px;padding-bottom:5px;min-height:34px}
@container wk (max-width:560px){
  /* phone: the line may wrap to two; "when" and the long subtitle are in "How this works" */
  .wk-heads-sub,.wk-hd-w,.wk-how-l{display:none}
  .wk-hd-m{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px}
  .wk-hd-list{padding-left:14px}
}

/* task rows: Drive cue instead of a Done button; small meta icons */
.wk-cue{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:7px;border:1px dashed var(--line);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600;white-space:nowrap;cursor:help}
.wk-cue .ic{color:var(--muted);flex:none}
.wk-mi{display:inline-flex;align-items:center;gap:3px;color:var(--muted)}
.wk-mi.live{color:var(--live)}
.wk .irow .ttl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* my score */
.wk-score{container-type:inline-size;container-name:wksc}
.wk-sc-b{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
@container wksc (min-width:600px){
  .wk-sc-b{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px}
  .wk-sc-b>.wk-sc-ls,.wk-sc-b>.wk-sc-none{margin-top:0;padding-top:0;border-top:0;padding-left:20px;border-left:1px solid var(--line-2)}
}
.wk-sc-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wk-sc-v{font:800 34px/1 var(--display);letter-spacing:-.03em;color:var(--ink)}
.wk-sc-v small{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:2px}
.wk-sc-line{margin-top:6px;font-size:12.5px;color:var(--ink-2);line-height:1.4}
.wk-sc-pl{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.wk-sc-p{display:grid;grid-template-columns:78px minmax(0,1fr) 28px;gap:8px;align-items:center;font-size:12px;color:var(--ink-2)}
.wk-sc-pb{height:6px;border-radius:4px;background:var(--surface-3);overflow:hidden;display:block}
.wk-sc-pb i{display:block;height:100%;border-radius:4px;background:var(--muted)}
.wk-sc-p.low .wk-sc-pb i{background:var(--warn)}
.wk-sc-p.na{color:var(--faint)}
.wk-sc-pv{font:500 11px var(--mono);text-align:right;color:var(--ink-2)}
.wk-sc-ls{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-2)}
.wk-sc-ls .eyebrow{padding-bottom:2px}
.wk-sc-l{display:grid;grid-template-columns:minmax(0,1fr) auto 38px;gap:8px;align-items:baseline;font-size:12.5px;color:var(--ink)}
.wk-sc-l .muted{font:500 11px var(--mono)}
.wk-sc-l b{font:600 12px var(--mono);text-align:right}
.wk-sc-none{margin-top:10px}
.wk-sc-empty{display:flex;flex-direction:column;gap:3px}
.wk-sc-empty b{font:700 16px var(--display);color:var(--ink)}
.wk-sc-wait{display:flex;flex-direction:column;gap:8px;padding:4px 0 6px}
.wk-sc-sk{display:block;height:30px;width:96px;border-radius:8px;background:var(--surface-3);animation:wkpulse 1.2s ease-in-out infinite}
.wk-sc-sk.s{height:8px;width:100%}
@keyframes wkpulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.wk-sc-sk{animation:none}}

/* folded sections: weekly report · other work · where I'm involved · 9 AM email */
.wk-more-c{padding:4px 0}
.wk-acc{border-bottom:1px solid var(--line-2);min-width:0;scroll-margin-top:80px}
.wk-acc:last-child{border-bottom:0}
.wk-acc-h{display:flex;align-items:center;gap:8px;padding-right:12px;min-width:0}
.wk-acc-t{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:none;padding:11px 6px 11px 14px;text-align:left;color:var(--ink);cursor:pointer;font:inherit;border-radius:8px}
.wk-acc-t:hover .wk-acc-m b{color:var(--accent-text)}
.wk-acc-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:none;background:var(--surface-3);color:var(--ink-2)}
.wk-acc-m{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.wk-acc-m b{font-size:13.5px;font-weight:600;transition:color .12s}
.wk-acc-m span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-acc-h>.btn{flex:none}
.wk-acc-b{padding:2px 14px 14px;min-width:0}
.wk-acc.on .wk-acc-ic{background:var(--accent-soft);color:var(--accent-text)}
.wk-recent.alone{margin-top:0;padding-top:0;border-top:0}

/* raw footage link box */
.wk-raw{gap:12px}
.wk-raw-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-2)}
.wk-raw-folder{text-decoration:none;color:var(--ink);min-width:0}
.wk-raw-folder .ellipsis{font-size:12.5px}
.wk-raw-folder .tiny{color:var(--accent-text);font-weight:600}
.wk-raw-err,.field .hint.wk-raw-err{color:var(--crit);font-weight:600}

/* how-it-works modals */
.wk-how-b{display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--ink);line-height:1.5}
.wk-how-pl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.wk-how-pl>div{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line-2);min-width:0}
.wk-how-pl b{font:800 18px/1.1 var(--display);color:var(--ink)}
.wk-how-pl span{font-size:11.5px;color:var(--ink-2)}
.wk-how-gs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.wk-how-g{display:flex;flex-direction:column;gap:2px;min-width:0}
.wk-how-g .eyebrow{padding-bottom:3px}
.wk-how-r{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:var(--ink-2);padding:2px 0;border-bottom:1px dashed var(--line-2);min-width:0}
.wk-how-r>span:first-child{flex:1;min-width:0}
.wk-how-r b{font:600 12px var(--mono);color:var(--ink)}
.wk-how-r .num.muted{font:500 11px var(--mono)}
.wk-how-mine{padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line-2)}
.wk-how-bands{display:flex;flex-wrap:wrap;gap:6px 12px}
.wk-how-bands>span{display:inline-flex;align-items:center;gap:5px}
@media (max-width:560px){.wk-how-gs{grid-template-columns:minmax(0,1fr)}.wk-how-pl{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* needs assignment: seats waiting for the raw footage */
.wk-a-wait{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--ink-2);padding:9px 12px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line-2)}
.wk-a-wait .ic{color:var(--muted);flex:none;margin-top:2px}
:root[data-density="compact"] .wk-acc-t{padding-top:8px;padding-bottom:8px}
:root[data-density="compact"] .wk-acc-ic{width:22px;height:22px}

/* ---------- editor requests (edits for you · editor requests · your edit requests) ---------- */
.wk-sec-edits,.wk-sec-edq,.wk-sec-eda{--tone:var(--st-edit)}
.wk-ed .meta{min-width:0}
.wk-ed .acts{flex-wrap:wrap}
.wk-ed-note{flex-basis:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ink-2)}
.wk-ed-lnk{display:inline-flex;align-items:center;gap:4px;color:var(--accent-text);font-weight:600;text-decoration:none;white-space:nowrap}
.wk-ed-lnk:hover{text-decoration:underline}
.wk-ed-more{padding-left:8px;padding-right:8px;color:var(--ink-2)}
.wk-ed-more:hover{color:var(--ink)}
.wk-ed-fin{box-shadow:inset 3px 0 0 var(--ok)}
.wk-sec-edq>.wk-list+.wk-more{margin-top:-2px}
@container wk (max-width:640px){
  /* two buttons need their own line on a phone */
  .wk .irow.wk-ed{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic src" "ic ttl" "ic meta" "ic acts"}
  .wk .irow.wk-ed>.acts{justify-self:end;margin-top:6px}
  .wk .irow.wk-ed>.acts:empty{display:none}
}

/* ---------- "Can't make it": a category + a real reason ---------- */
.wk-oo{gap:12px}
.wk-oo-kinds{flex-wrap:wrap}
.wk-oo-who{display:flex;align-items:flex-start;gap:8px;margin:0;padding:9px 12px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line-2);font-size:12.5px;color:var(--ink-2);line-height:1.45}
.wk-oo-who .ic{flex:none;color:var(--muted);margin-top:2px}
.wk-oo-who b{color:var(--ink)}