/* New desktop app (boards D0, D1 and D1 Focused). Every rule is scoped to .dk so the
   current desktop, the phone app and sign-in are untouched. Class names avoid ones
   the older stylesheets already use (btn, nav, main, on, ...). */
html.dk-mode,html.dk-mode body{background:#08090a;padding-bottom:0}
.dk{
  color-scheme:dark;
  --bg:#08090a; --surface:#0e0f11; --surface-2:#141518; --surface-3:#1b1c20;
  --line:rgba(255,255,255,.06); --line-2:rgba(255,255,255,.1); --line-3:rgba(255,255,255,.16);
  --text:#f3f4f6; --text-2:#c8cad0; --text-3:#8a8f98; --text-4:#5b5f68;
  --accent:#abaaff; --accent-ink:#11121a; --accent-soft:rgba(171,170,255,.12); --accent-line:rgba(171,170,255,.32);
  --st-applied:#8a8f98; --st-screen:#f2a47d; --st-interview:#8ec67b; --st-offer:#2ea8f0;
  --final:#7480e6; --pending:#e48fd6; --open:#5cbcf5; --danger:#f2555a; --warn:#f5b445;
  --main-bg:#f3f4f6; --main-ink:#131517;
  /* Named for Light (board D13): the sidebar, keyboard focus, ring tracks, gray marks, the dialog scrim, toasts and
     the Referral dot. Every other fixed color below reads var(--lt-…, its dark value), which only Light sets. */
  --side:#0b0c0e; --focus:rgba(255,255,255,.62); --ring-track:#2c2e34; --dim:#5b5f68; --scrim:rgba(4,5,7,.64); --toast:#17181c; --ref:#5fd4d0;
  min-height:100vh;background:var(--bg);color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13.5px;line-height:1.5;
  -webkit-font-smoothing:antialiased;font-optical-sizing:none;text-align:left
}
.dk *{box-sizing:border-box}
.dk :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
:where(.dk) :where(h1,h2,h3,p){margin:0}
/* Focus is quiet and neutral, keyboard only: lavender means Evallo AI (owner, October 5). */
.dk :focus-visible{outline:1.5px solid var(--focus);outline-offset:2px;border-radius:6px}
.dk .tnum{font-variant-numeric:tabular-nums}
.dk svg.i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dk svg.ring{width:14px;height:14px;flex:none}
.dk .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- shell ---------- */
.dk-app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.dk-side{position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--line);background:var(--side);display:flex;flex-direction:column;padding:14px 10px 12px;gap:2px}
.dk-ws{display:flex;align-items:center;gap:10px;padding:6px 8px 12px}
.dk-mark{display:block;width:24px;height:24px;flex:none}
.dk-ws b{font-weight:600;font-size:14px;letter-spacing:-.01em}
.dk-who{margin-left:auto;width:24px;height:24px;border-radius:50%;background:var(--surface-3);border:1px solid var(--line-2);display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--text-2)}
.dk-sbtns{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:0 0 12px}
.dk-sbtn{height:32px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface-2);display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--text-3);font-size:13px}
.dk-sbtn .dk-kbd{margin-left:auto}
.dk-sbtn.add{background:var(--main-bg);color:var(--main-ink);border-color:var(--main-bg);font-weight:600}
.dk-kbd{font:500 11px ui-monospace,"SF Mono",Menlo,monospace;color:var(--text-4);border:1px solid var(--line-2);border-radius:5px;padding:1px 5px;line-height:16px}
.dk-sbtn.add .dk-kbd{color:var(--lt-kbd-main, #4a4c55);border-color:var(--lt-kbd-line, rgba(0,0,0,.15))}
.dk-nav{display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 10px;border-radius:7px;color:var(--text-2);font-weight:500}
.dk-nav:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.03 * var(--lt-k, 1)))}
.dk-nav .cnt{margin-left:auto;color:var(--text-4);font-size:12px;font-weight:500}
.dk-nav[aria-current=page]{background:var(--surface-3);color:var(--text)}
.dk-nav[aria-current=page] .cnt{color:var(--text-3)}
.dk-nav .alert{margin-left:auto;min-width:18px;height:18px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center;padding:0 5px}
.dk-side nav,.dk-foot{display:grid;gap:2px}
.dk-sgroup{font-size:11.5px;color:var(--text-4);font-weight:500;padding:16px 10px 6px}
.dk-foot{margin-top:auto;padding-top:12px}
.dk-main{min-width:0;display:flex;flex-direction:column}

/* buttons */
.dk-btn{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid var(--line-2);background:var(--surface-2);color:var(--text);white-space:nowrap}
.dk-btn:hover{border-color:var(--line-3)}
.dk-btn.is-main{background:var(--main-bg);border-color:var(--main-bg);color:var(--main-ink);font-weight:600}
.dk-btn.is-quiet{background:none;border-color:transparent;color:var(--text-3)}
.dk-btn.is-sm{height:26px;font-size:12px;padding:0 9px}

/* banners, toast */
.dk-banner{margin:16px 32px 0;padding:10px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--text-2);font-size:13px}
.dk-banner b{color:var(--text);font-weight:600}
/* A read-only Starter role's banner carries Archive and Restore to Pipeline (#180). */
.dk-banner.has-acts{display:flex;align-items:center;gap:16px}
.dk-banner .acts{margin-left:auto;flex:none;display:flex;gap:8px}
.dk-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 32px));padding:10px 14px;border-radius:10px;border:1px solid var(--line-3);background:var(--toast);color:var(--text);font-size:13px;box-shadow:0 18px 40px -18px var(--lt-sh-a, rgba(0,0,0,.9))}
.dk-toast.is-error{border-color:rgb(var(--lt-dg, 242 85 90) / .45)}
.dk-toast .undo{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.dk-stub{padding:64px 32px;max-width:560px}
.dk-stub h1{font-size:22px;font-weight:600;letter-spacing:-.02em}
.dk-stub p{margin-top:8px;color:var(--text-3)}

/* ---------- Overview: top bar and opening ---------- */
.ovtop{display:flex;align-items:center;gap:10px;height:48px;padding:0 32px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text-3)}
.ovtop h1{font-size:13px;color:var(--text);font-weight:500}
.ovtop .end{margin-left:auto;display:flex;align-items:center;gap:14px}
.vsw{display:inline-flex;padding:2px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line-2);gap:2px}
.vsw button{height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:6px;font-size:12.5px;color:var(--text-3);font-weight:500}
.vsw button[aria-pressed=true]{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.dk-ibtn{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:7px;border:1px solid var(--line-2);color:var(--text-2);font-size:12.5px;font-weight:500}
.ovin{padding:28px 32px 48px;display:flex;flex-direction:column;gap:30px;max-width:1440px;width:100%}
.leadwrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.kick{font-size:12.5px;color:var(--text-3);font-weight:500;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.kick .zone{color:var(--text-4);font-weight:400}
.lead{font-size:23px;line-height:1.38;letter-spacing:-.018em;font-weight:500;color:var(--text-3);max-width:44ch;text-wrap:pretty}
.lead button{color:var(--text);text-decoration:underline;text-decoration-color:rgb(var(--lt-ink, 255 255 255) / calc(.18 * var(--lt-k, 1)));text-underline-offset:5px;text-decoration-thickness:1px}
.lead button:hover{text-decoration-color:rgb(var(--lt-ink, 255 255 255) / calc(.5 * var(--lt-k, 1)))}
.lead button.late{color:var(--danger)}
.lead .who{color:var(--text-2)}
.tally{display:flex;gap:22px}
.tally div{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.tally b{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1}
.tally span{font-size:11.5px;color:var(--text-3);white-space:nowrap}
.tally .late b{color:var(--danger)} .tally .due b{color:var(--warn)}

/* day timeline: today and the next day, one scale */
.day2{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden}
.hrs,.trk{display:grid;grid-template-columns:76px minmax(0,1fr)}
.hrs{height:28px;border-bottom:1px solid var(--line)}
.hrs .scale{position:relative;overflow:hidden}
.hrs .scale span{position:absolute;top:8px;transform:translateX(-50%);font-size:10.5px;color:var(--text-4);font-variant-numeric:tabular-nums;white-space:nowrap}
.hrs .scale .nowt{top:6px;font-weight:600;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:1px 5px}
.trk{height:54px;border-top:1px solid var(--line)}
.hrs+.trk{border-top:0}
.trk .dl{display:flex;flex-direction:column;justify-content:center;padding-left:16px;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--text-3);border-right:1px solid var(--line);text-transform:uppercase}
.trk .dl small{font-size:11px;font-weight:500;letter-spacing:0;color:var(--text-4);text-transform:none}
.trk.is-today .dl{color:var(--text)}
.lane{position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--hour) - 1px),var(--line) calc(var(--hour) - 1px),var(--line) var(--hour))}
.blk{position:absolute;top:9px;bottom:9px;border-radius:6px;border-left:2px solid;padding:0 9px;display:flex;flex-direction:column;justify-content:center;font-size:11.5px;white-space:nowrap;overflow:hidden;min-width:0}
.blk b{font-weight:600;color:var(--text);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.blk>span{color:var(--text-3)}
.blk.k-screen{background:rgb(var(--lt-sc, 242 164 125) / calc(.14 * var(--lt-tint, 1)));border-color:var(--st-screen)}
.blk.k-interview,.blk.k-final{background:rgb(var(--lt-iv, 142 198 123) / calc(.13 * var(--lt-tint, 1)));border-color:var(--st-interview)}
.blk.is-past{opacity:.55}
.flag{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 7px;border-radius:999px;border:1px solid var(--accent-line);background:var(--lt-flag, #15151d);color:var(--accent);font-size:11.5px;font-weight:500;white-space:nowrap}
.flag svg.i{width:13px;height:13px}
.mk{position:absolute;top:50%;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);border-radius:2px;background:var(--text-3)}
.mk.due{background:var(--warn)} .mk.late{background:var(--danger)}
.mkl{position:absolute;top:50%;transform:translate(-100%,-50%);font-size:11.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkl.is-empty{transform:translateY(-50%);color:var(--text-4);max-width:none}
.nowl{position:absolute;top:0;bottom:0;width:0;border-left:1.5px solid var(--accent)}
.nowl::before{content:"";position:absolute;top:-4px;left:-4.5px;width:8px;height:8px;border-radius:50%;background:var(--accent)}

/* Today */
.stack{display:flex;flex-direction:column;gap:14px;min-width:0}
.band{display:flex;align-items:baseline;gap:12px}
.band h2{font-size:15px;font-weight:600;letter-spacing:-.01em}
.band .sub{font-size:12.5px;color:var(--text-4)}
.band .go{margin-left:auto;font-size:12.5px;color:var(--text-3)}
.band .go:hover{color:var(--text)}
.todayg{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:20px;align-items:start}
.todayg.solo{grid-template-columns:minmax(0,1fr)}
.ask2{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface)}
.ask2 .mic{width:36px;height:36px;border-radius:50%;border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center}
.ask2 .how{font-size:12px;color:var(--accent);font-weight:500}
.ask2 b{display:block;font-size:14px;font-weight:600;margin-top:1px}
.ask2 small{display:block;color:var(--text-3);font-size:12.5px}
.ask2 .acts{display:flex;gap:8px}
.ask2 .also{grid-column:2/-1;font-size:12px;color:var(--text-4)}
.tbl2{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden}
.th,.tr{display:grid;grid-template-columns:20px minmax(0,1.5fr) minmax(0,1.05fr) 82px 58px;gap:12px;align-items:center;padding:0 16px}
.th{height:32px;font-size:11px;color:var(--text-4);font-weight:500;border-bottom:1px solid var(--line)}
.th span:nth-child(4),.tr .du{text-align:right}
.gh{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 16px;font-size:11.5px;font-weight:600;color:var(--text-3);background:rgb(var(--lt-ink, 255 255 255) / calc(.015 * var(--lt-k, 1)));border-bottom:1px solid var(--line)}
.gh:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.03 * var(--lt-k, 1)))}
.gh .cnt{color:var(--text-4);font-weight:500}
.gh.late{color:var(--danger)} .gh.due{color:var(--warn)}
.gh .fold{width:13px;height:13px;margin:0 -2px 0 -4px;color:var(--text-4);transition:transform .15s}
.gh[aria-expanded=false] .fold{transform:rotate(-90deg)}
.gh[aria-expanded=false] .cnt{color:var(--text-2)}
.grp:last-child .gh[aria-expanded=false]{border-bottom:0}
.tr{min-height:42px;border-bottom:1px solid var(--line);font-size:13px}
.grp:last-child .tr:last-child{border-bottom:0}
.tr:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.028 * var(--lt-k, 1)))}
.tr .ck{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--text-4);display:grid;place-items:center}
.tr .ck:hover{border-color:var(--text-2)}
.tr .ck.dash{border-style:dashed;cursor:default}
.tr .ck.is-done{background:var(--surface-3);border-color:var(--surface-3)}
.tr .ck.lock{cursor:default;opacity:.5}
.tr .tk{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.tr .tk small{font-weight:400;color:var(--text-3);margin-left:6px}
.tr .tk small.pend{color:var(--pending);font-weight:500}
.tr .tk.is-struck{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--text-4)}
.tr .rl{min-width:0;display:flex;align-items:center;gap:7px;color:var(--text-2);white-space:nowrap;overflow:hidden}
.tr .rl span{overflow:hidden;text-overflow:ellipsis}
.tr .rl em{font-style:normal;color:var(--text-4)}
.tr .rl em.fin{color:var(--final)}
.tr .du{font-size:12.5px;font-weight:500;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.tr .du.late{color:var(--danger)} .tr .du.due{color:var(--warn)}
.tr .du.k-screen{color:var(--st-screen)} .tr .du.k-interview{color:var(--st-interview)} .tr .du.k-final{color:var(--final)}
.tr .wh{display:flex;justify-content:flex-end;align-items:center;gap:4px}
.tr .fo-mt{color:var(--text-3);width:15px;height:15px}
.tr .hov{display:none;gap:4px}
.tr:hover .hov,.tr:focus-within .hov{display:flex}
.tr:hover .wh .av,.tr:focus-within .wh .av{display:none}
.tr .mini{height:24px;width:24px;border-radius:6px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--text-2)}
.tr .mini:hover{color:var(--text);border-color:var(--line-3)}
.tr .mini svg.i{width:13px;height:13px}
.av{width:20px;height:20px;border-radius:50%;background:var(--surface-3);border:1px solid var(--line-2);display:inline-grid;place-items:center;font-size:9px;font-weight:600;color:var(--text-2);flex:none}
.cm{width:18px;height:18px;border-radius:5px;background:var(--lt-tile, #24252b);border:1px solid var(--line-2);color:var(--text-2);display:inline-grid;place-items:center;font-size:9.5px;font-weight:700;flex:none;letter-spacing:-.02em}
.cm.is-lg{width:36px;height:36px;border-radius:9px;font-size:14px}
/* A logo sits centered in its tile, as the old demo showed it (owner, Oct 10): the tile keeps its own background and
   faint ring, and the whole logo shows inside at about 80% with its own rounded corners. The shared logo wrapper
   (44px in dashboard-briefing.css) is sized to the tile so it can't overflow. */
.dk .has-art{background:var(--lt-tile, #202127);border:1px solid rgb(var(--lt-ink, 255 255 255) / calc(.08 * var(--lt-k, 1)));box-shadow:none;position:relative;overflow:hidden}
.dk .has-art>span{position:absolute;inset:10%;width:auto;height:auto;flex:none;display:block;border-radius:22%;overflow:hidden}
.dk .has-art>span>img,.dk .has-art>span>svg{width:100%;height:100%;object-fit:contain;display:block}
.cm.has-art img,.cm.has-art svg{width:100%;height:100%;object-fit:contain;display:block}
.okcard{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface)}
.okcard .okc{width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--text-2);flex:none}
.okcard b{display:block;font-size:15px;font-weight:600}
.okcard span{color:var(--text-3)}
.fin{color:var(--final);font-weight:500}
.pend{color:var(--pending);font-weight:500}
.miss{color:var(--danger)}
.dueday{color:var(--warn)}

/* next-up brief */
.brief{border:1px solid var(--line-3);border-radius:14px;background:linear-gradient(180deg,var(--lt-white, #121317),var(--lt-white, #0e0f11));box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 48px -28px var(--lt-sh-a, rgba(0,0,0,.9));overflow:hidden}
.brief .bh{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--text-3);font-weight:500}
.brief .bh .cd{color:var(--text-2);font-variant-numeric:tabular-nums}
.brief .who2{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px 16px 12px}
.brief .co{font-size:17px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;min-width:0}
.brief .co .fin{font-size:12.5px}
.brief .job{color:var(--text-3);font-size:12.5px;margin-top:1px}
.brief .when{display:flex;flex-wrap:wrap;gap:4px 16px;padding:0 16px 14px;font-size:12.5px;color:var(--text-2)}
.brief .when span{display:inline-flex;align-items:center;gap:6px}
.brief .when svg.i{width:14px;height:14px;color:var(--text-3)}
.brief .when .t-screen{color:var(--st-screen)} .brief .when .t-interview{color:var(--st-interview)} .brief .when .t-final{color:var(--final)}
.brief .ppl{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line);font-size:12.5px}
.brief .ppl .av{width:24px;height:24px;font-size:9.5px}
.brief .ppl b{font-weight:500}
.brief .ppl span{color:var(--text-3)}
.brief .sec2{padding:12px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.brief .stl{font-size:11.5px;font-weight:600;color:var(--text-3);display:flex;align-items:center;gap:6px}
.brief .stl .src{margin-left:auto;font-weight:400;color:var(--text-4)}
.qline{display:grid;grid-template-columns:15px minmax(0,1fr);gap:8px;font-size:13px;color:var(--text-2);line-height:1.4}
.qline svg.i{width:14px;height:14px;margin-top:2px}
.qline.ask svg.i{color:var(--open)}
.qline.known svg.i{color:var(--text-4)}
.brief .bf{display:flex;gap:8px;padding:12px 16px 14px;border-top:1px solid var(--line)}
.brief .bf .dk-btn{flex:1}
.brief .none{padding:16px;color:var(--text-3);font-size:13px}

/* Your search */
.sheet{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden}
.sheet.solo{grid-template-columns:minmax(0,1fr)}
.cell{padding:16px 18px;min-width:0;border-left:1px solid var(--line)}
.cell:first-child{border-left:0}
.ct{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}
.ct b{font-size:13px;font-weight:600}
.ct span{font-size:12px;color:var(--text-4)}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.fs{position:relative;padding-right:18px;min-width:0}
.fs:not(:last-child)::after{content:"";position:absolute;right:8px;top:30px;width:7px;height:7px;border-top:1.5px solid var(--text-4);border-right:1.5px solid var(--text-4);transform:rotate(45deg)}
.fs .nm{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden}
.fs .nm.offer{color:var(--st-offer)}
.fs .big{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:6px;font-variant-numeric:tabular-nums}
.fs .big.zero{color:var(--text-4)}
.fs .mv{font-size:11.5px;color:var(--text-3);margin-top:2px;font-variant-numeric:tabular-nums}
.fs .mv b{color:var(--text-2);font-weight:500}
.fs .cos{display:flex;margin-top:10px}
.fs .cos .cm{margin-right:-4px;box-shadow:0 0 0 2px var(--surface)}
.fs .cos .more-n{font-size:11px;color:var(--text-4);margin-left:10px;align-self:center}
.fbar{display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden;margin-top:16px}
.fbar i{display:block}
.fbar .applied{background:var(--st-applied)} .fbar .screen{background:var(--st-screen)} .fbar .interviewing{background:var(--st-interview)} .fbar .offer{background:var(--st-offer)}
.closedln{margin-top:10px;font-size:11.5px;color:var(--text-4)}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart .grid{stroke:rgb(var(--lt-ink, 255 255 255) / calc(.06 * var(--lt-k, 1)))}
.chart .axis{fill:var(--text-4);font-size:9.5px}
.chart .wk-bar{fill:var(--lt-bar, #3a3c44)}
.chart .wk-bar.is-now{fill:var(--accent)}
.chart .val{fill:var(--text);font-size:10.5px;font-weight:600}
.chart .hit{fill:transparent}
.chart g:hover .wk-bar{fill:var(--lt-bar-hi, #4a4c56)}
.chart g:hover .wk-bar.is-now{fill:var(--lt-bar-now, #c3c2ff)}
.chart .cap2{display:flex;justify-content:space-between;font-size:11px;color:var(--text-4);margin-top:6px;font-variant-numeric:tabular-nums}
.sheet3{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden}
.lst{display:flex;flex-direction:column}
.li2{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:12.5px}
.li2:first-child{border-top:0;padding-top:0}
.li2 b{font-weight:500;font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li2 small{color:var(--text-3);font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li2 .li2-end{font-size:12px;font-weight:500;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2)}
.li2 .li2-end .due{color:var(--warn)} .li2 .li2-end .late{color:var(--danger)}
.li2 .li2-end svg.i{width:13px;height:13px;margin-right:4px;vertical-align:-2px;color:var(--text-3)}
/* "Decide by": a deadline you owe. White with a flag; only its date takes due colors (board D0). */
.dby{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-weight:500}
.li2 .li2-end .dby svg.i{margin-right:0;color:var(--text-2)}
/* A label's i: the full context from the opportunity's record, on hover or keyboard focus (board D1). */
.lbi{position:relative;display:inline-grid;place-items:center;width:11px;height:11px;margin-left:2px;border-radius:50%;border:1px solid currentColor;font:600 7.5px/1 Inter,sans-serif;font-style:normal;opacity:.7;vertical-align:5px;cursor:help}
.lbi:hover,.lbi:focus-visible{opacity:1}
.lbtip{display:none;position:absolute;z-index:20;top:calc(100% + 8px);right:-10px;width:260px;padding:11px 12px;border-radius:10px;border:1px solid var(--line-3);background:var(--lt-white, #17181c);box-shadow:0 18px 40px -18px var(--lt-sh-c, #000);font:400 12px/1.45 Inter,sans-serif;color:var(--text-2);white-space:normal;text-align:left;letter-spacing:0;text-transform:none}
.lbtip{color:var(--text)}
.lbtip .src{display:block;margin-top:7px;color:var(--text-4);font-size:11px}
.lbi:hover .lbtip,.lbi:focus .lbtip{display:block}
.tbl2:has(.lbi:hover),.tbl2:has(.lbi:focus),.brief:has(.lbi:hover),.brief:has(.lbi:focus),.sheet3:has(.lbi:hover),.sheet3:has(.lbi:focus){overflow:visible}
.tr .tk:has(.lbi:hover),.tr .tk:has(.lbi:focus){overflow:visible}
.qline.q-miss svg.i{color:var(--danger)}

/* ---------- Pipeline (board D2 2.1) ---------- */
.pp{display:flex;flex-direction:column;min-width:0;min-height:calc(100vh - 0px)}
.pp-top{display:flex;align-items:center;gap:10px;height:48px;padding:0 24px 0 28px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text-3);flex:none}
.pp-top h1{font-size:13px;color:var(--text);font-weight:500}
.pp-top .end{margin-left:auto;display:flex;align-items:center;gap:8px}
.vsw button svg.i{width:14px;height:14px;margin-right:6px}
.pp-fl{display:flex;align-items:center;gap:4px;min-height:46px;padding:0 24px 0 22px;border-bottom:1px solid var(--line);flex:none;flex-wrap:wrap}
.pp-fl .end{margin-left:auto;display:flex;gap:4px;align-items:center}
.pp-chip{height:28px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:7px;font-size:12.5px;color:var(--text-3);font-weight:500;border:1px solid transparent;white-space:nowrap}
.pp-chip b{font-weight:500;color:var(--text-4)}
.pp-chip:hover{color:var(--text-2)}
.pp-chip[aria-pressed=true]{background:var(--surface-3);color:var(--text);border-color:var(--line-2)}
.pp-chip[aria-pressed=true] b{color:var(--text-3)}
.pp-chip svg.i{width:14px;height:14px}
.pp-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 40px;gap:14px;padding:14px 24px 32px 28px;align-items:start}
.pp-col{display:flex;flex-direction:column;gap:7px;min-width:0;border-radius:12px;position:relative}
.pp-head{display:flex;align-items:center;gap:8px;height:30px;padding:0 4px 0 2px}
.pp-head h2{font-size:13px;font-weight:600}
.pp-head .cnt{color:var(--text-4);font-weight:500;font-size:13px}
.pp-add{margin-left:auto;color:var(--text-4);display:grid;place-items:center;width:24px;height:24px;border-radius:6px}
.pp-add:hover{color:var(--text-2);background:var(--surface-2)}
.pp-add svg.i{width:15px;height:15px}
.pp-zone{display:none;height:64px;border-radius:10px;border:1.5px dashed var(--accent-line);background:var(--accent-soft);align-items:flex-end;justify-content:center;padding-bottom:9px;font-size:12px;color:var(--accent);font-weight:500}
.pp-col.is-over .pp-zone{display:flex}
.pp-card{display:flex;flex-direction:column;gap:5px;padding:11px 12px 10px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);min-width:0;position:relative;cursor:pointer}
.pp-card:hover{border-color:var(--line-3);background:var(--lt-white, #121317)}
.pp-card[draggable=true]{cursor:grab}
.pp-card.is-dragging{opacity:.45;border-style:dashed}
.pp-l1{display:flex;align-items:center;gap:8px;min-width:0}
.pp-l1 b{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}
.pp-tile{width:20px;height:20px;border-radius:6px;background:var(--lt-tile, #202127);border:1px solid rgb(var(--lt-ink, 255 255 255) / calc(.08 * var(--lt-k, 1)));color:var(--lt-tile-ink, #d9dbe1);display:inline-grid;place-items:center;font-size:10.5px;font-weight:700;letter-spacing:-.03em;flex:none;overflow:hidden}
.pp-tile img,.pp-tile svg{width:100%;height:100%;object-fit:contain;display:block}
.pp-pr{margin-left:auto;width:13px;height:13px;flex:none}
.pp-l2{font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.pp-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}
.pp-tag{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 7px;border-radius:6px;border:1px solid var(--lt-tagline, #26282e);font-size:11.5px;color:var(--text-2)}
.pp-tag i{width:7px;height:7px;border-radius:50%;background:var(--lt-gray, #8a8f98)}
.pp-next{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);margin-top:3px;min-width:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.pp-next>span{overflow:hidden;text-overflow:ellipsis}
.pp-next svg.pp-ni{width:13px;height:13px;color:var(--text-3);flex:none}
.pp-next svg.pp-ni.is-ai{color:var(--accent)}
.pp-next .av{margin-left:auto;width:20px;height:20px;font-size:8.5px}
.pp-next .is-late{color:var(--danger)} .pp-next .is-due{color:var(--warn)} .pp-next .is-quiet{color:var(--text-3)}
.pp-next .is-screen{color:var(--st-screen)} .pp-next .is-interview{color:var(--st-interview)} .pp-next .is-final{color:var(--final)}
.pp-lb{font-weight:500}
.pp-lb.is-accepted{color:var(--st-offer)} .pp-lb.is-ai{color:var(--accent)} .pp-lb.is-final{color:var(--final)} .pp-lb.is-pending{color:var(--pending)} .pp-lb.is-decide{color:var(--text)}
.pp-more{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);padding:4px}
.pp-more:hover{color:var(--text)}
.pp-more svg.i{width:14px;height:14px}
.pp-empty{font-size:12.5px;color:var(--text-4);padding:6px 4px}
.pp-rail{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px;color:var(--text-3);font-size:12.5px;font-weight:500;border-left:1px solid var(--line);min-height:240px}
.pp-rail span{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.01em}
.pp-rail b{color:var(--text-4);font-weight:500}
.pp-rail:hover{color:var(--text)}
@media (max-width:1180px){.pp-board{grid-template-columns:repeat(4,minmax(200px,1fr)) 40px;overflow-x:auto}}

/* ---------- Momentum (board D2 2.2) ---------- */
.pp-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:7px;overflow:hidden}
.pp-seg button{height:26px;display:inline-flex;align-items:center;padding:0 10px;font-size:12px;color:var(--text-3)}
.pp-seg button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}
.mm-sum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:14px 24px 0 28px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden}
.mm-s{display:block;padding:11px 16px 12px;border-left:1px solid var(--line);min-width:0;text-align:left}
.mm-s:first-child{border-left:0}
.mm-s:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.02 * var(--lt-k, 1)))}
.mm-s .mm-k{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-3);white-space:nowrap}
.mm-s .mm-k svg.i{width:14px;height:14px}
.mm-s .mm-v{display:flex;align-items:baseline;gap:8px;font-size:22px;font-weight:600;letter-spacing:-.02em;margin-top:3px;font-variant-numeric:tabular-nums;min-width:0}
.mm-s .mm-v small{font-size:12px;color:var(--text-3);font-weight:400;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mm-s[aria-pressed=true]{background:rgb(var(--lt-ink, 255 255 255) / calc(.025 * var(--lt-k, 1)));box-shadow:inset 0 -2px 0 var(--text-2)}
.mm-s.is-late .mm-v{color:var(--danger)}
.mm-dash{width:12px;height:12px;border-radius:50%;border:1.5px dashed var(--text-4);flex:none;display:inline-block}
.mm-map{margin:12px 24px 32px 28px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden}
.mm-g{display:grid;grid-template-columns:236px minmax(0,1fr) 128px 176px;width:100%;text-align:left}
.mm-gh{height:34px;align-items:center;border-bottom:1px solid var(--line);font-size:11px;color:var(--text-4);font-weight:500}
.mm-gh .c1{padding-left:18px}
.mm-gh .c3,.mm-gh .c4{padding-left:14px}
.mm-gh .sc{position:relative;height:100%;overflow:hidden}
.mm-gh .sc span{position:absolute;top:11px;transform:translateX(-50%);white-space:nowrap;font-variant-numeric:tabular-nums}
.mm-gh .sc .td{top:7px;padding:2px 7px;border-radius:5px;background:var(--accent);color:var(--accent-ink);font-weight:600}
.mm-rows{position:relative}
.mm-ov{position:absolute;top:0;bottom:0;left:236px;right:304px;pointer-events:none}
.mm-ov .we{position:absolute;top:0;bottom:0;background:rgb(var(--lt-ink, 255 255 255) / calc(.018 * var(--lt-k, 1)))}
.mm-ov .mo{position:absolute;top:0;bottom:0;border-left:1px solid var(--line)}
.mm-ov .nw{position:absolute;top:0;bottom:0;border-left:1.5px solid var(--accent)}
.mm-grp{height:30px;display:flex;align-items:center;gap:8px;padding-left:18px;border-top:1px solid var(--line);background:rgb(var(--lt-ink, 255 255 255) / calc(.014 * var(--lt-k, 1)));font-size:12px;font-weight:600;color:var(--text-2);position:relative;z-index:1}
.mm-grp:first-child{border-top:0}
.mm-grp span{color:var(--text-4);font-weight:500}
.mm-grp svg.ring{width:13px;height:13px}
.mm-r,.mm-more{height:44px;border-top:1px solid var(--line);align-items:center;cursor:pointer}
.mm-r:hover,.mm-more:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.02 * var(--lt-k, 1)))}
.mm-lab{display:flex;align-items:center;gap:10px;padding-left:18px;min-width:0}
.mm-lab .pp-tile{width:22px;height:22px}
.pp-tile.is-more{color:var(--text-3);font-size:10px}
.mm-lab>div,.mm-lab>span:last-child{min-width:0}
.mm-lab b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-lab small{display:block;font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.mm-tr{position:relative;height:100%;overflow:hidden}
.mm-ln{position:absolute;top:50%;height:2px;margin-top:-1px;border-radius:1px}
.mm-ln.is-ap{background:var(--lt-bar, #45484f)} .mm-ln.is-sc{background:rgb(var(--lt-sc, 242 164 125) / .55)} .mm-ln.is-iv{background:rgb(var(--lt-iv, 142 198 123) / .55)} .mm-ln.is-of{background:rgb(var(--lt-of, 46 168 240) / .65)}
.mm-ln.is-dash{height:0;background:none;border-top:2px dashed}
.mm-ln.is-wait{border-color:var(--dim)} .mm-ln.is-late{border-color:rgb(var(--lt-dg, 242 85 90) / .75)}
.mm-ln.is-ahead-interview,.mm-ln.is-ahead-screen{border-color:rgb(var(--lt-iv, 142 198 123) / .4)} .mm-ln.is-ahead-screen{border-color:rgb(var(--lt-sc, 242 164 125) / .45)} .mm-ln.is-ahead-final{border-color:rgb(var(--lt-fi, 116 128 230) / .5)} .mm-ln.is-ahead-pe{border-color:rgb(var(--lt-pe, 228 143 214) / .45)} .mm-ln.is-ahead-dl{border-color:rgb(var(--lt-dl, 200 202 208) / .35)}
.mm-mk{position:absolute;top:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:1}
.mm-mk.is-ap{width:9px;height:9px;border:1.5px solid var(--lt-gray, #8a8f98);background:var(--surface)}
.mm-mk.is-sc{width:9px;height:9px;background:var(--st-screen);box-shadow:0 0 0 2.5px var(--surface)}
.mm-mk.is-iv{width:9px;height:9px;background:var(--st-interview);box-shadow:0 0 0 2.5px var(--surface)}
.mm-mk.is-fi{width:9px;height:9px;background:var(--st-interview);box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--final)}
.mm-mk.is-of{width:15px;height:15px;box-shadow:0 0 0 2.5px var(--surface)}
.mm-mk.is-of svg{display:block;width:15px;height:15px}
.mm-mk.is-tc{width:5px;height:5px;background:var(--text-3)}
.mm-mk.is-nw{width:9px;height:9px;background:var(--st-screen);box-shadow:0 0 0 2.5px var(--surface),0 0 0 4px var(--accent)}
.mm-mk.is-fu{width:11px;height:11px;border:2px solid var(--st-interview);background:var(--surface)}
.mm-mk.is-fu.is-screen{border-color:var(--st-screen)} .mm-mk.is-fu.is-final{border-color:var(--final)}
.mm-mk.is-pe{width:11px;height:11px;border:2px solid var(--pending);background:var(--surface)}
.mm-mk.is-dl{width:9px;height:9px;border-radius:2px;background:var(--text-2);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 2.5px var(--surface)}
.mm-mk.is-dl.is-due{background:var(--warn)}
.mm-rl{position:absolute;top:6px;transform:translateX(-50%);font-size:10px;color:var(--text-4);white-space:nowrap;font-variant-numeric:tabular-nums}
.mm-rl.is-final{color:var(--final)}
.mm-fl{position:absolute;top:50%;transform:translateY(-50%);font-size:11.5px;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:12px}
.mm-fl.is-late{color:var(--danger)} .mm-fl.is-quiet{color:var(--text-3)}
.mm-fl .is-final{color:var(--final);font-weight:500} .mm-fl .is-interview{color:var(--st-interview)} .mm-fl .is-screen{color:var(--st-screen)} .mm-fl .is-due{color:var(--warn)}
.mm-st{display:flex;align-items:center;gap:6px;padding:0 14px;font-size:12px;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0}
.mm-st svg.i{width:13px;height:13px;flex:none}
.mm-st.is-you{color:var(--text);font-weight:500}
.mm-st.is-late{color:var(--danger);font-weight:500}
.mm-st.is-quiet{color:var(--text-3)}
.mm-nx{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;min-width:0;text-overflow:ellipsis}
.mm-nx svg.i{width:13px;height:13px;color:var(--text-3);flex:none}
.mm-nx svg.i.is-ai{color:var(--accent)}
.mm-nx.is-quiet{color:var(--text-3)}
.mm-ci{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--text-4);flex:none}
@media (max-width:1180px){.mm-g{grid-template-columns:200px minmax(0,1fr) 120px 150px}.mm-ov{left:200px;right:270px}.mm-sum{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* first launch (board 1.3) */
.first{max-width:560px;margin:72px auto 0;padding:0 28px;box-sizing:content-box}
.first .kick{margin-bottom:10px}
.first h2{font-size:30px;letter-spacing:-.03em;line-height:1.12;font-weight:600;text-wrap:balance}
.first p{color:var(--text-3);font-size:15px;margin:12px 0 24px}
.first .acts{display:flex;flex-wrap:wrap;gap:10px}
.dk-btn.is-tall{height:38px;padding:0 16px}
.first .paste{display:block;width:100%;margin-top:28px;border:1px dashed var(--line-3);border-radius:12px;padding:16px 18px;color:var(--text-4);font-size:13px;height:120px;display:flex;align-items:flex-start;text-align:left}
.first .fine{color:var(--text-4);font-size:12.5px;margin-top:14px}
.steps3{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.steps3 div{border-top:1px solid var(--line-2);padding-top:10px;font-size:12.5px;color:var(--text-3)}
.steps3 b{display:block;color:var(--text-2);font-weight:500;margin-bottom:2px}

/* AI suggestions cell and pinned roles (board D1 1.1) */
.li2 svg.ai-ico{width:15px;height:15px;color:var(--accent)}
.ct .ct-lk{margin-left:auto;font-size:12px;color:var(--text-3)}
.ct .ct-lk:hover{color:var(--text)}
.dk-pin{font-weight:400}

/* Open questions count: a small light-blue badge (the open-question color) */
.brief .stl .oq-n{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:9px;display:inline-grid;place-items:center;background:rgb(var(--lt-op, 92 188 245) / calc(.14 * var(--lt-tint, 1)));color:var(--open);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}

/* Focused */
.fo-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;color:var(--text-3);font-size:12.5px}
.fo-foot b{color:var(--text-2);font-weight:500}
.fo-foot .lk{margin-left:auto;color:var(--text-2);font-weight:500}
.fo-foot .lk:hover{color:var(--text)}

/* loading */
.skel{border-radius:6px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:dk-shimmer 1.4s linear infinite}
@keyframes dk-shimmer{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.dk .skel{animation:none}.dk .gh .fold{transition:none}}

/* narrower windows */
@media (max-width:1180px){
  .todayg{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1023px){
  .dk-app{grid-template-columns:64px minmax(0,1fr)}
  .dk-side{padding:14px 8px 12px}
  .dk-ws b,.dk-who,.dk-sbtn .lbl,.dk-sbtn .dk-kbd,.dk-nav .lbl,.dk-nav .cnt,.dk-sgroup{display:none}
  .dk-ws{justify-content:center;padding:6px 0 12px}
  .dk-sbtns{grid-template-columns:1fr}
  .dk-sbtn{justify-content:center;padding:0}
  .dk-nav{justify-content:center;padding:0;position:relative}
  .dk-nav .alert{position:absolute;top:2px;right:2px;min-width:14px;height:14px;font-size:9px;padding:0 3px}
  .ovtop{padding:0 20px}
  .ovin{padding:24px 20px 40px}
  .leadwrap{grid-template-columns:minmax(0,1fr)}
  .tally div{align-items:flex-start}
  .sheet{grid-template-columns:minmax(0,1fr)}
  .sheet .cell{border-left:0;border-top:1px solid var(--line)}
  .sheet .cell:first-child{border-top:0}
  .chart svg{max-width:420px}
  .sheet3{grid-template-columns:minmax(0,1fr)}
  .sheet3 .cell{border-left:0;border-top:1px solid var(--line)}
  .sheet3 .cell:first-child{border-top:0}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}
  .fs:nth-child(2)::after{display:none}
}
.dk-main:focus{outline:none}
/* A company name on Overview opens its role (board D3) */
.rl-go{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}
.rl-go:hover span,.rl-go:hover:not(:has(span)){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-3)}

/* ---------- Opportunity (board D3) ---------- */
.op{display:flex;flex-direction:column;min-width:0}
.op-top{display:flex;align-items:center;gap:10px;height:48px;padding:0 24px 0 32px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text-3);flex:none}
.op-cr{display:flex;align-items:center;min-width:0;white-space:nowrap}
.op-cr button{color:var(--text-3)}
.op-cr button:hover{color:var(--text-2)}
.op-cr b{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis}
.op-cr i{font-style:normal;color:var(--text-4);margin:0 6px}
.op-top .end{margin-left:auto;display:flex;align-items:center;gap:8px}
.op-pn{display:inline-flex;align-items:center;gap:6px;color:var(--text-4);font-size:12px;margin-right:6px}
.op-pn button{width:26px;height:26px;border-radius:7px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--text-2);font-size:14px;line-height:1}
.op-pn button:disabled{opacity:.4;cursor:default}
.op-pn button:not(:disabled):hover{border-color:var(--line-3)}
.dk-ibtn.is-sq{padding:0 7px}
.dk-ibtn svg.i{width:14px;height:14px}
.op-sc{padding-bottom:48px}
.op-hd{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:24px 32px 0}
.op-tile{width:52px;height:52px;border-radius:13px;background:var(--lt-tile, #202127);border:1px solid rgb(var(--lt-ink, 255 255 255) / calc(.08 * var(--lt-k, 1)));color:var(--lt-tile-ink, #d9dbe1);display:grid;place-items:center;font-size:21px;font-weight:700;letter-spacing:-.03em;overflow:hidden}
.op-tile img,.op-tile svg{width:100%;height:100%;object-fit:contain;display:block}
.op-hm{min-width:0}
.op-hd h1{font-size:26px;font-weight:600;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;line-height:1.25}
.op-hd h1 .fin,.op-hd h1 .pend{font-size:13.5px;font-weight:500;letter-spacing:0}
.op-sub{margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-3);font-variant-numeric:tabular-nums}
.op-sub>*:not(:last-child){margin-right:14px}
.op-tags{display:inline-flex;gap:8px;flex-wrap:wrap}
.op-sub .pp-tag{height:21px;font-size:12px;padding:0 8px}
.pp-tag.is-ref i{background:var(--ref)}
.op-pri{display:inline-flex;align-items:center;gap:6px}
.op-pr{width:13px;height:13px}
.op-miss,.op-dl dd.is-miss,.op-off dd.is-miss{color:var(--danger)}
.op-rt{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.op-stgw{position:relative}
.op-stg{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 11px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface-2);font-size:13px;font-weight:500}
.op-stg:hover{border-color:var(--line-3)}
.op-stg .is-offer{color:var(--st-offer)}
.op-stg.is-closed{color:var(--text-3);cursor:default}
.op-cv{width:12px;height:12px;color:var(--text-3)}
.dk .op-cv{width:12px;height:12px}
.op-menu{position:absolute;z-index:20;top:calc(100% + 6px);right:0;width:224px;padding:6px;border-radius:10px;border:1px solid var(--line-3);background:var(--lt-white, #17181c);box-shadow:0 18px 40px -18px var(--lt-sh-c, #000);display:grid;gap:1px}
.op-menu button{display:flex;align-items:center;gap:9px;height:32px;padding:0 9px;border-radius:7px;font-size:13px;color:var(--text-2)}
.op-menu button:hover,.op-menu button:focus-visible{background:var(--surface-3);color:var(--text)}
.op-menu button[aria-checked=true]{color:var(--text)}
.op-menu .op-ck{margin-left:auto;width:14px;height:14px;color:var(--accent)}
.op-mg{font-size:11.5px;color:var(--text-4);font-weight:500;padding:8px 9px 4px;border-top:1px solid var(--line);margin-top:4px}
.op-whose{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--line-2);font-size:12.5px;color:var(--text-2);background:var(--surface);white-space:nowrap}
.op-whose b{color:var(--text);font-weight:500}
.op-whose svg.i{width:13px;height:13px}
.op-whose.is-late b,.op-whose.is-late svg.i{color:var(--danger)}
.op-whose .dby{font-weight:400;color:var(--text-2)}
.op-whose .dby svg.i{color:var(--text-2)}
.op .is-due{color:var(--warn)}
.op .is-late{color:var(--danger)}
.op .k-screen{color:var(--st-screen)} .op .k-interview{color:var(--st-interview)} .op .k-final{color:var(--final)}
.op .dk-banner{margin:18px 32px 0}

/* stepper */
.op-step{list-style:none;display:grid;grid-template-columns:.8fr .9fr 1.7fr .7fr;margin:18px 32px 0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.op-s{padding:11px 14px 12px;border-left:1px solid var(--line);min-width:0;position:relative}
.op-s:first-child{border-left:0}
.op-s .op-sn{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap}
.op-s .dt{margin-top:5px;font-size:12px;color:var(--text-3);display:flex;gap:4px 10px;flex-wrap:wrap;font-variant-numeric:tabular-nums;min-height:18px}
.op-s .dt span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.op-s .dt span span{display:inline}
.op-s .dt svg.i{width:12px;height:12px;color:var(--text-3)}
.op-s .dt .is-quiet{color:var(--text-4)}
.op-s .dt .k-final,.op-s .dt .k-interview,.op-s .dt .k-screen{font-weight:500}
.op-s.is-cur .op-sn{color:var(--text)}
.op-s.is-fut .op-sn{color:var(--text-4)}
.op-s .ring.is-dim{opacity:.45}
.op-s.is-cur.s-applied{background:rgb(var(--lt-ap, 138 143 152) / calc(.05 * var(--lt-tint, 1)))}
.op-s.is-cur.s-screen{background:rgb(var(--lt-sc, 242 164 125) / calc(.05 * var(--lt-tint, 1)))}
.op-s.is-cur.s-interviewing{background:rgb(var(--lt-iv, 142 198 123) / calc(.05 * var(--lt-tint, 1)))}
.op-s.is-cur.s-offer{background:rgb(var(--lt-of, 46 168 240) / calc(.06 * var(--lt-tint, 1)))}
.op-s .pg{position:absolute;left:0;right:0;bottom:0;height:2px}

/* body */
.op-b{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:32px;padding:22px 32px 0;align-items:start}
.op-mn{display:flex;flex-direction:column;gap:22px;min-width:0}
.op-sum{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);padding:15px 18px 14px}
.op-sum .op-sumh{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-2)}
.op-sum .op-sumh svg.i{width:15px;height:15px;color:var(--accent)}
.op-sum .op-sumh span{margin-left:auto;font-weight:400;color:var(--text-4)}
.op-sum p{margin-top:8px;font-size:13.5px;line-height:1.6;color:var(--text-2);max-width:78ch}
.op-sum .op-sumf{display:flex;gap:16px;margin-top:10px;font-size:12.5px;color:var(--text-3)}
.op-sum .op-sumf button:hover{color:var(--text-2)}
.op-src{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.op-src li{font-size:13px;color:var(--text-2);display:grid;gap:1px}
.op-src small{color:var(--text-4);font-size:11.5px}
.op-iv{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid var(--line-3);border-radius:12px;background:linear-gradient(180deg,var(--lt-white, #131418),var(--lt-white, #0f1013));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.op-db{width:62px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);text-align:center;padding:8px 0 7px}
.op-db .op-dbd{font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.06em}
.op-db .op-dbt{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.op-db .op-dbz{font-size:11px;color:var(--text-4)}
.op-ivm{min-width:0}
.op-iv h3{font-size:15px;font-weight:600;letter-spacing:-.01em}
.op-iv p{margin-top:3px;font-size:12.5px;color:var(--text-3)}
.op-iv .cd{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}
.op-iv .cd svg.i{width:13px;height:13px;color:var(--text-3)}
.op-iv .acts{display:flex;flex-direction:column;gap:6px}
.op-qs h2{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-3);display:flex;align-items:center;gap:6px}
.op-qs .oq-n{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:9px;display:inline-grid;place-items:center;background:rgb(var(--lt-op, 92 188 245) / calc(.14 * var(--lt-tint, 1)));color:var(--open);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}
.op-q{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 0;border-top:1px solid var(--line);font-size:13px;color:var(--text-2);line-height:1.45}
.op-qs h2+.op-q{border-top:0;padding-top:0}
.op-q svg.i{width:15px;height:15px;margin-top:2px;color:var(--open)}
.op-q.is-miss svg.i{color:var(--danger)}
.op-q .src{font-size:11.5px;color:var(--text-4);white-space:nowrap;margin-top:2px}
.op-h2{display:flex;align-items:baseline;gap:8px;margin:0 0 10px}
.op-h2 h2{font-size:14px;font-weight:600;letter-spacing:-.01em}
.op-h2>span{font-size:12px;color:var(--text-4)}
.op-h2 .op-fl{margin-left:auto;display:flex;gap:2px}
.op-h2 .op-fl .pp-chip{height:24px;font-size:12px;padding:0 8px}
.op-act{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden}
.op-ai{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;padding:12px 16px;border-top:1px solid var(--line);align-items:start}
.op-ai:first-child{border-top:0}
.op-aic{width:28px;height:28px;border-radius:8px;border:1px solid var(--line-2);display:grid;place-items:center;background:var(--surface-2)}
.op-aic svg.i,.op-aic svg.ring{width:14px;height:14px}
.op-aic svg.i{color:var(--text-2)}
.op-aic .t-interview{color:var(--st-interview)} .op-aic .t-final{color:var(--final)} .op-aic .t-screen{color:var(--st-screen)}
.op-aic .t-call{color:var(--lt-call, #7fd6a6)} .op-aic .t-email{color:var(--lt-email, #7aa2f7)}
.op-aim{min-width:0}
.op-ai b{display:block;font-size:13px;font-weight:500}
.op-ai .op-aid{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px}
.op-ai q{display:block;margin-top:6px;font-size:13px;color:var(--text-2);line-height:1.5;padding-left:10px;border-left:2px solid var(--line-3);quotes:"\201C" "\201D"}
.op-ai q::before{content:open-quote}.op-ai q::after{content:close-quote}
.op-ai .op-aiw{font-size:12px;color:var(--text-4);white-space:nowrap;padding-top:1px}
.op-note{font-size:13px;color:var(--text-3);padding:4px 0}

/* offer (board D3 3.2) */
.op-off{border:1px solid var(--line-3);border-radius:14px;background:linear-gradient(180deg,var(--lt-white, #121417),var(--lt-white, #0e0f11));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.op-off .op-offh{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.op-off .op-offh svg.ring{width:16px;height:16px}
.op-off .op-offh b{font-size:15px;font-weight:600}
.op-off .op-offh>span{color:var(--text-3);font-size:12.5px}
.op-off .op-offh .dd{margin-left:auto;font-size:12.5px}
.op-off .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:13px 0}
.op-off .g div{padding:13px 18px;border-top:1px solid var(--line);border-left:1px solid var(--line);min-width:0}
.op-off .g div:nth-child(3n+1){border-left:0}
.op-off .g div:nth-child(-n+3){border-top:0}
.op-off .g dt{font-size:12px;color:var(--text-3)}
.op-off .g dd{margin:4px 0 0;font-size:15px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.op-off .g dd.is-miss{font-size:13.5px;font-weight:500}
.op-off .g dd small{font-size:12px;color:var(--text-3);font-weight:400;margin-left:6px;letter-spacing:0}
.op-off .op-offf{display:flex;align-items:center;gap:8px;padding:13px 18px;border-top:1px solid var(--line);flex-wrap:wrap}
.op-off .op-offf .lk{margin-left:auto;font-size:12.5px;color:var(--text-3)}

/* right rail */
.op-rl{display:flex;flex-direction:column;gap:22px;min-width:0}
.op-box{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);padding:14px 16px}
.op-box h3{margin:0 0 10px;font-size:12.5px;font-weight:600;color:var(--text-3);display:flex;align-items:center;gap:6px}
.op-box h3 span{margin-left:auto;font-weight:400;color:var(--text-4)}
.op-na{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:start}
.op-na.is-empty{grid-template-columns:minmax(0,1fr)}
.op-na .ck,.op-tk .ck{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--text-3);margin-top:2px}
.op-na .ck:hover,.op-tk .ck:hover{border-color:var(--text)}
.op-na b{display:block;font-size:13.5px;font-weight:500}
.op-na small{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px;font-variant-numeric:tabular-nums}
.op-na small .is-plain{color:var(--text-2)}
.op-na .acts{grid-column:2;display:flex;gap:6px;margin-top:10px}
.op-na.is-empty .acts{grid-column:1}
.op-na .acts .dk-btn{height:28px;font-size:12.5px}
.op-tk{display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-2)}
.op-na+.op-tk{margin-top:12px}
.op-tk .ck{width:13px;height:13px;border-color:var(--text-4);margin-top:0}
.op-tk .op-tkw{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.op-tk .op-tkw.is-quiet{color:var(--text-4)}
.op-tk .op-tkw svg.i{width:12px;height:12px}
.op-pp{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:7px 0}
.op-pp .av{width:28px;height:28px;font-size:10px}
.op-pp b{display:block;font-size:13px;font-weight:500}
.op-pp small{display:block;font-size:12px;color:var(--text-3)}
.op-dl{display:grid;grid-template-columns:92px minmax(0,1fr);gap:7px 12px;font-size:12.5px;margin:0}
.op-dl dt{color:var(--text-3)}
.op-dl dd{margin:0;color:var(--text-2);min-width:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.op-file{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-2)}
.op-file .fi{width:28px;height:34px;border-radius:5px;border:1px solid var(--line-2);background:var(--surface-2);display:grid;place-items:center;font-size:8.5px;font-weight:700;color:var(--text-3);flex:none}
.op-file small{display:block;color:var(--text-4);font-size:11.5px}

@media (max-width:1180px){
  .op-b{grid-template-columns:minmax(0,1fr)}
  .op-rl{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}
}
@media (max-width:1023px){
  .op-top{padding:0 20px}
  .op-hd,.op-b{padding-left:20px;padding-right:20px}
  .op-step{margin-left:20px;margin-right:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .op-s:nth-child(3){border-left:0}
  .op-s:nth-child(n+3){border-top:1px solid var(--line)}
  .op-hd{grid-template-columns:52px minmax(0,1fr)}
  .op-rt{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}
  .op-iv{grid-template-columns:62px minmax(0,1fr)}
  .op-iv .acts{grid-column:1/-1;flex-direction:row}
  .op-off .g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .op-off .g div{border-left:1px solid var(--line);border-top:1px solid var(--line)}
  .op-off .g div:nth-child(odd){border-left:0}
  .op-off .g div:nth-child(-n+2){border-top:0}
  .op-off .g div:nth-child(3){border-top:1px solid var(--line)}
  .op .dk-banner{margin:18px 20px 0}
}

/* ---------- Insights (board D4) ---------- */
.in-page{gap:24px}
.in-card{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);min-width:0}
.in-card:focus{outline:none}
.in-hd{display:flex;align-items:baseline;gap:10px;padding:14px 18px 0;flex-wrap:wrap}
.in-hd h2{font-size:13.5px;font-weight:600}
.in-hd>span{font-size:12px;color:var(--text-4)}
.in-lg{margin-left:auto;display:flex;gap:14px;font-size:11.5px;color:var(--text-3);flex-wrap:wrap}
.in-lg i{display:inline-block;width:9px;height:9px;border-radius:2.5px;margin-right:6px;vertical-align:-1px}
.in-lg i.is-ho{border:1.5px solid var(--text-3);width:8px;height:8px}
.in-2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}

/* search so far */
.in-j{position:relative;height:178px;margin:12px 22px 14px}
.in-ml{position:absolute;font-size:12px;color:var(--text-2);white-space:nowrap;line-height:16px}
.in-ml small{color:var(--text-4);font-size:11.5px;margin-left:5px;font-variant-numeric:tabular-nums}
.in-ml.is-rt{transform:translateX(-100%)}
.in-ml.is-big{color:var(--text);font-weight:600}
.in-stem{position:absolute;width:1px;background:var(--line-3)}
.in-trk{position:absolute;left:0;right:0;top:69px;height:2px;border-radius:1px;background:var(--line-2)}
.in-run{position:absolute;left:0;top:69px;height:2px;border-radius:1px;background:var(--text-4)}
.in-md{position:absolute;top:70px;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--surface)}
.in-mo{position:absolute;top:70px;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 2px var(--surface);display:grid}
.dk .in-mo svg.ring{width:16px;height:16px}
.in-col{position:absolute;width:20px;transform:translateX(-50%);border-radius:4px 4px 0 0;background:var(--lt-bar, #3a3c44)}
.in-col.is-cur{background:var(--lt-cur, #5b5f68)}
.in-cv{position:absolute;transform:translateX(-50%);font-size:11px;color:var(--text-2);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.in-cv.is-cur{color:var(--text-3);font-weight:400}
.in-base{position:absolute;left:0;right:0;top:152px;height:1px;background:var(--line-2)}
.in-ax{position:absolute;top:159px;transform:translateX(-50%);font-size:11px;color:var(--text-4);white-space:nowrap;font-variant-numeric:tabular-nums}
.in-ax:first-of-type{transform:none}
.in-tdy{position:absolute;top:157px;transform:translateX(-50%);font-size:10.5px;font-weight:600;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:1px 5px;white-space:nowrap}

/* role by role */
.in-g{display:grid;grid-template-columns:236px minmax(0,1fr) 54px 236px}
.in-gh{height:34px;align-items:center;border-bottom:1px solid var(--line);font-size:11px;color:var(--text-4);font-weight:500;margin-top:10px}
.in-gh .c1{padding-left:18px}
.in-gh .c3{text-align:right}
.in-gh .c4{padding-left:18px}
.in-gh .sc{position:relative;height:100%}
.in-gh .sc span{position:absolute;top:11px;transform:translateX(-50%);white-space:nowrap;font-variant-numeric:tabular-nums}
.in-rows{position:relative}
.in-ov{position:absolute;top:0;bottom:0;left:236px;right:290px;pointer-events:none}
.in-ov i{position:absolute;top:0;bottom:0;border-left:1px solid var(--line)}
.in-grp{height:30px;display:flex;align-items:center;gap:8px;padding-left:18px;border-top:1px solid var(--line);background:rgb(var(--lt-ink, 255 255 255) / calc(.014 * var(--lt-k, 1)));font-size:12px;font-weight:600;color:var(--text-2);position:relative;z-index:1}
.in-grp:first-of-type{border-top:0}
.in-grp span{color:var(--text-4);font-weight:500}
.in-r{height:42px;border-top:1px solid var(--line);align-items:center}
.in-lab{display:flex;align-items:center;gap:10px;padding-left:18px;min-width:0;height:100%}
.in-lab .pp-tile{width:22px;height:22px}
.in-lab>span{min-width:0}
.in-lab b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-lab:hover b{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-3)}
.in-lab small{display:block;font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-tr{position:relative;height:100%}
.in-sg{position:absolute;top:50%;height:8px;margin-top:-4px}
.in-sg.is-end{border-radius:0 4px 4px 0}
.in-mk{position:absolute;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;background:var(--surface);box-shadow:0 0 0 2px var(--surface);display:grid}
.in-dy{text-align:right;font-size:13px;font-weight:500}
.in-rs{padding-left:18px;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-rs.is-q,.in-rs .is-quiet{color:var(--text-3)}
.in-rs .is-late{color:var(--danger)}
.in-rs svg.i{width:13px;height:13px;margin-right:4px;vertical-align:-2px}
.in-more{height:40px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 18px;font-size:12.5px;color:var(--text-3)}
.in-more b{color:var(--text-2);font-weight:500}
.in-more>span{margin-left:-10px}
.in-lk{margin-left:auto;color:var(--text-2);font-weight:500}
.in-lk:hover{color:var(--text)}

/* time in each stage */
.in-st{display:grid;grid-template-columns:196px minmax(0,1fr);gap:0 18px;padding:6px 22px 16px 18px}
.in-sch{position:relative;height:26px;grid-column:2}
.in-sch span{position:absolute;top:8px;transform:translateX(-50%);font-size:11px;color:var(--text-4);white-space:nowrap;font-variant-numeric:tabular-nums}
.in-sch span:last-child{transform:translateX(-100%)}
.in-sl{display:flex;flex-direction:column;justify-content:center;gap:1px;height:76px;border-top:1px solid var(--line);min-width:0}
.in-sl .wt{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-sl .nm{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2);font-weight:500}
.in-sl .in-v{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.in-sl .in-v.is-none{font-size:14px;font-weight:500;color:var(--text-2);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-ss{position:relative;height:76px;border-top:1px solid var(--line)}
.in-gl{position:absolute;top:0;bottom:0;border-left:1px solid var(--line)}
.in-med{position:absolute;top:10px;bottom:10px;border-left:1.5px solid var(--text-2)}
.in-dt{position:absolute;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--surface)}
.in-dt.is-ho{background:var(--surface);border:2px solid}

/* stalled, ends, what to work on */
.in-pad{padding:10px 18px 16px}
.in-x{font-weight:500;font-size:12px;color:var(--text-2);white-space:nowrap}
.in-x:hover{color:var(--text)}
.in-pad .is-late{color:var(--danger)}
.in-empty{font-size:13px;color:var(--text-3)}
.in-foot{display:flex;width:100%;align-items:center;padding:12px 18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-2);font-weight:500}
.in-foot:hover{color:var(--text)}
.in-e{padding:6px 0 10px}
.in-er{display:grid;grid-template-columns:206px minmax(0,1fr);gap:16px;padding:0 18px;border-top:1px solid var(--line);min-height:58px}
.in-er:first-child{border-top:0}
.in-er.is-hl{background:rgb(var(--lt-ink, 255 255 255) / calc(.03 * var(--lt-k, 1)))}
.in-el{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:10px 0;min-width:0}
.in-el b{font-size:13px;font-weight:500;display:flex;align-items:center;gap:7px}
.in-el small{font-size:12px;color:var(--text-3)}
.in-eu{display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:2px;padding:10px 0}
.in-eu i{width:13px;height:13px;border-radius:3px;display:block}
.in-eu i.is-end{background:var(--lt-bar, #4a4d55)}
.in-eu i.is-go{box-shadow:inset 0 0 0 1.5px var(--text-4)}
.in-none{font-size:12px;color:var(--text-4)}
.in-tag{font-size:11px;font-weight:500;color:var(--text);border:1px solid var(--line-3);border-radius:5px;padding:0 6px;line-height:18px;margin-left:10px}
.in-w{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}
.in-w .in-k{font-size:12px;color:var(--text-3);font-weight:500}
.in-w h3{font-size:16px;font-weight:600;letter-spacing:-.01em}
.in-w p{color:var(--text-2);font-size:13px;line-height:1.5;text-wrap:pretty}
.in-w .acts{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:4px}
.in-ai{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;font-weight:500}
.in-ai svg.i{width:15px;height:15px}
.in-w .fn{font-size:11.5px;color:var(--text-4);border-top:1px solid var(--line);padding-top:10px;margin-top:2px}
.in-src{font-size:12px;color:var(--text-4)}

@media (max-width:1180px){
  .in-2{grid-template-columns:minmax(0,1fr)}
  .in-rs{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;padding-right:12px}
  .in-g{grid-template-columns:200px minmax(0,1fr) 46px 200px}
  .in-ov{left:200px;right:246px}
}
@media (max-width:1023px){
  .in-g{grid-template-columns:170px minmax(0,1fr) 40px 170px}
  .in-ov{left:170px;right:210px}
  .in-st{grid-template-columns:150px minmax(0,1fr)}
  .in-er{grid-template-columns:170px minmax(0,1fr)}
}

/* ---------- Board D5: menus, dialogs, side panels and their fields ---------- */
.ly-mw{position:relative;display:inline-flex}
.dk .ly-open{background:var(--surface-3);color:var(--text);border-color:var(--line-3)}
.ly-scrim{position:fixed;inset:0;z-index:40;background:var(--scrim)}
.ly-scrim.is-top{z-index:44;background:var(--lt-scrim-top, rgba(4,5,7,.4))}
.ly-dg{position:fixed;z-index:41;left:50%;top:max(56px,10vh);transform:translateX(-50%);max-height:calc(100vh - 96px);display:flex;flex-direction:column;border:1px solid var(--line-3);border-radius:14px;background:var(--lt-white, #111216);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 40px 90px -30px var(--lt-sh-b, rgba(0,0,0,.95));font-size:13.5px;line-height:1.45;color:var(--text);min-width:0;max-width:calc(100vw - 32px)}
.ly-dg.is-top{z-index:45;top:max(120px,20vh)}
.ly-dg.is-sm{width:440px}.ly-dg.is-md{width:560px}.ly-dg.is-lg{width:720px}
.ly-h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px 14px 0 20px;flex:none}
.ly-h h2{font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.3;text-wrap:balance}
.ly-sub{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:12.5px;color:var(--text-3);flex-wrap:wrap}
.ly-sub svg.ring{width:13px;height:13px}
.ly-sub .k-final{color:var(--final)} .ly-sub .k-interview{color:var(--st-interview)} .ly-sub .k-screen{color:var(--st-screen)}
.ly-x{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--text-3)}
.ly-x:hover{color:var(--text);background:var(--surface-3)}
.dk .ly-x svg.i{width:15px;height:15px}
.ly-b{padding:16px 20px 18px;display:flex;flex-direction:column;gap:14px;min-width:0;overflow-y:auto}
.ly-f{display:flex;align-items:center;gap:8px;padding:12px 16px 12px 20px;border-top:1px solid var(--line);flex:none}
.ly-f .dk-btn{white-space:nowrap}
.ly-hint{margin-right:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-4)}
.ly-hint.is-end{margin:0 0 0 auto}
.ly-hint .dk-kbd{font-size:10.5px}
.ly-f>.dk-btn.is-red,.ly-f>.dk-btn.is-quiet.is-red{margin-right:auto}
.ly-ro{margin-right:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}
.dk .ly-ro svg.i{width:14px;height:14px}
.ly-ask>span{margin-right:auto;font-size:13px;color:var(--text-2)}
.ly-dg.is-busy .ly-b,.ly-sdp.is-busy .ly-sb{opacity:.55;pointer-events:none}
.ly-p{color:var(--text-2);font-size:13.5px;line-height:1.5;text-wrap:pretty}
.dk-btn.is-red{color:var(--danger);border-color:rgb(var(--lt-dg, 242 85 90) / .42);background:rgb(var(--lt-dg, 242 85 90) / calc(.08 * var(--lt-tint, 1)))}
.dk-btn.is-quiet.is-red{background:none;border-color:transparent}
.dk-btn:disabled{opacity:.42;cursor:default}
.ly-spin{width:13px;height:13px;border-radius:50%;border:1.6px solid var(--lt-spin, rgba(19,21,23,.22));border-top-color:var(--lt-white, #131517);flex:none}
.ly-spin.is-lt{border-color:rgb(var(--lt-ink, 255 255 255) / calc(.14 * var(--lt-k, 1)));border-top-color:var(--text-2)}
@media (prefers-reduced-motion:no-preference){.ly-spin{animation:ly-spn .8s linear infinite}@keyframes ly-spn{to{transform:rotate(360deg)}}}

/* fields */
.ly-fd{display:flex;flex-direction:column;gap:6px;min-width:0}
.ly-lb{font-size:12px;font-weight:500;color:var(--text-3);display:flex;align-items:center;gap:6px}
.ly-lb small{font-weight:400;color:var(--text-4);font-size:11.5px}
.ly-inp{height:34px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--lt-field, var(--line-2));border-radius:8px;background:var(--lt-white, #0b0c0e);font:inherit;font-size:13.5px;color:var(--text);min-width:0;width:100%;white-space:nowrap;font-variant-numeric:tabular-nums;outline:none}
.ly-inp::placeholder{color:var(--text-4)}
.ly-inp:focus,.ly-inp:focus-within{border-color:var(--line-3);outline:1.5px solid var(--focus);outline-offset:2px}
.ly-inp[readonly],.ly-inp.is-dis{color:var(--text-3);background:var(--surface)}
.ly-inp.is-dis:focus-within{outline:none}
textarea.ly-ta{height:auto;min-height:74px;padding:8px 11px;white-space:normal;line-height:1.5;resize:none}
textarea.ly-ta.is-tall{min-height:150px}
.dk .ly-inp svg.i{width:14px;height:14px;color:var(--text-3);flex:none}
.dk .ly-inp svg.ring{width:14px;height:14px}
.ly-sel{position:relative;padding:0}
.ly-sel select{appearance:none;-webkit-appearance:none;border:0;background:none;color:inherit;font:inherit;width:100%;height:100%;padding:0 32px 0 11px;outline:none;cursor:pointer}
.ly-sel>svg:first-child{position:absolute;left:11px;pointer-events:none}
.ly-sel.is-ph select{color:var(--text-4)}
.ly-sel.is-ph option{color:var(--text)}
.ly-sel>svg:first-child+select{padding-left:32px}
.dk .ly-cv{position:absolute;right:10px;width:14px;height:14px;color:var(--text-3);pointer-events:none}
.ly-date{position:relative;cursor:pointer}
.ly-date input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0;font:inherit;color-scheme:inherit}
.ly-dw{overflow:hidden;text-overflow:ellipsis}
.ly-dw.is-ph,.ly-ph{color:var(--text-4)}
.ly-help{font-size:12px;color:var(--text-4);line-height:1.45}
.ly-err{font-size:12px;color:var(--danger)}
.ly-date.is-err{border-color:rgb(var(--lt-dg, 242 85 90) / .6)}
.ly-help>.i{width:13px;height:13px;vertical-align:middle;margin-right:5px}
.ly-meeting-link{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--text-3);font-size:13px}
.ly-meeting-link>span{min-width:0;flex:1;overflow-wrap:anywhere;user-select:text}
.ly-meeting-link>button{flex-shrink:0;min-height:32px}
.ly-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ly-g2.is-fl{grid-template-columns:auto minmax(0,1fr)}
.ly-seg{align-self:flex-start;flex-wrap:wrap}
.ly-seg button{gap:6px}
.dk .ly-seg svg.i{width:13px;height:13px}
.ly-pk{display:flex;flex-wrap:wrap;gap:6px}
.ly-pk>button{height:26px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border-radius:7px;border:1px solid var(--line-2);font-size:12.5px;color:var(--text-2);background:var(--surface);white-space:nowrap}
.ly-pk>button small{font-size:11.5px;color:var(--text-4)}
.ly-pk>button:hover{border-color:var(--line-3);color:var(--text)}
.ly-pk>button.is-on{background:var(--surface-3);border-color:var(--line-3);color:var(--text)}
.dk .ly-pk svg.i{width:13px;height:13px;color:var(--text-3)}
.ly-toks{height:auto;min-height:34px;flex-wrap:wrap;padding:5px 8px;gap:6px}
.ly-toks input{flex:1;min-width:120px;border:0;background:none;color:var(--text);font:inherit;font-size:13.5px;outline:none;height:22px}
.ly-toks input::placeholder{color:var(--text-4)}
.ly-tok{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 4px 0 8px;border-radius:6px;background:var(--surface-3);border:1px solid var(--line-2);font-size:12.5px;color:var(--text)}
.ly-tok button{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;color:var(--text-3)}
.dk .ly-tok svg.i{width:11px;height:11px}
.ly-dot{width:7px;height:7px;border-radius:50%;background:var(--ref);font-style:normal}
.ly-swr{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text)}
.ly-tgl{width:30px;height:18px;border-radius:9px;background:var(--lt-tgl, #2a2c33);position:relative;flex:none;margin-left:auto}
.ly-tgl::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--lt-gray, #8a8f98);transition:left .15s}
.ly-tgl.is-on{background:var(--lt-on, #c8cad0)}.ly-tgl.is-on::after{left:14px;background:var(--lt-white, #0b0c0e)}
.ly-bn{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:9px;border:1px solid var(--line-2);background:var(--surface-2);font-size:12.5px;color:var(--text-2);line-height:1.45}
.dk .ly-bn svg.i,.dk .ly-bn svg.ring{width:15px;height:15px;margin-top:1px;flex:none}
.ly-bn b{color:var(--text);font-weight:500}
.ly-bn .is-offer{color:var(--st-offer)}
.ly-bn.is-err{border-color:rgb(var(--lt-dg, 242 85 90) / .4);background:rgb(var(--lt-dg, 242 85 90) / calc(.06 * var(--lt-tint, 1)))}
.dk .ly-bn.is-err svg.i{color:var(--danger)}

/* menu */
.ly-mn{position:absolute;z-index:30;top:calc(100% + 6px);width:240px;padding:5px;border-radius:10px;border:1px solid var(--line-3);background:var(--lt-white, #17181c);box-shadow:0 22px 48px -16px var(--lt-sh-b, rgba(0,0,0,.95));display:flex;flex-direction:column;gap:1px;font-size:13px;line-height:1.35;color:var(--text-2);text-align:left;font-weight:400}
.ly-mn.is-left{left:0}.ly-mn.is-right{right:0}
.ly-mn.is-w{width:288px}
.ly-it{display:flex;align-items:center;gap:9px;min-height:32px;width:100%;padding:0 9px;border-radius:7px;white-space:nowrap;color:var(--text-2);font-size:13px;text-align:left}
.dk .ly-it svg.i,.dk .ly-it svg.ring{width:14px;height:14px;flex:none}
.ly-it:hover,.ly-it:focus-visible{background:var(--surface-3);color:var(--text)}
.ly-it[aria-checked=true],.ly-it.is-cur{color:var(--text)}
.ly-it .ly-il{flex:1}
.ly-it .ly-k{margin-left:auto;color:var(--text-4);font-size:12px;font-variant-numeric:tabular-nums}
.dk .ly-it .ly-ck{margin-left:auto;width:14px;height:14px;color:var(--text-2)}
.ly-it.is-red{color:var(--danger)}
.ly-it.is-sky{color:var(--st-offer)}
.ly-it:disabled{color:var(--text-4);cursor:default;background:none}
.ly-it.is-two{align-items:flex-start;padding:7px 9px;white-space:normal}
.ly-it.is-two>span{min-width:0}
.ly-it.is-two b{display:block;font-weight:500;color:var(--text)}
.ly-it.is-two small{display:block;font-size:12px;color:var(--text-3);margin-top:1px}
.dk .ly-it.is-two svg.i{margin-top:2px}
.ly-gl{padding:8px 9px 4px;font-size:11.5px;font-weight:500;color:var(--text-4)}
.ly-sep{height:1px;background:var(--line);margin:4px 2px}
.ly-ft{padding:8px 9px 4px;font-size:11.5px;color:var(--text-4);border-top:1px solid var(--line);margin-top:4px;line-height:1.45;white-space:normal}
.ly-info{display:flex;gap:9px;padding:8px 9px;font-size:12px;color:var(--text-3);line-height:1.45;white-space:normal}
.ly-info b{display:block;color:var(--text);font-weight:500;font-size:13px}
.dk .ly-info svg.i{width:14px;height:14px;margin-top:2px}

/* side panel */
.ly-sdp{position:fixed;top:0;right:0;bottom:0;z-index:35;width:440px;max-width:100vw;display:flex;flex-direction:column;background:var(--lt-white, #0f1013);border-left:1px solid var(--line-3);box-shadow:-40px 0 80px -30px var(--lt-sh-b, rgba(0,0,0,.95));font-size:13.5px;line-height:1.45;color:var(--text)}
.ly-sdp.is-w{width:480px}
.ly-sdp .ly-h{padding:16px 14px 14px 22px;border-bottom:1px solid var(--line)}
.ly-sb{flex:1;min-height:0;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:20px}
.ly-sdp .ly-f{padding:12px 16px 12px 22px}
.ly-grp{display:flex;flex-direction:column;gap:10px}
.ly-grp>h3{font-size:12px;font-weight:600;color:var(--text-2)}
.ly-s{display:flex;flex-direction:column;gap:10px}
.ly-s>h4{margin:0;font-size:12px;font-weight:600;color:var(--text-3);display:flex;align-items:center;gap:6px}
.ly-s>h4>span:not(.oq-n){margin-left:auto;font-weight:400;color:var(--text-4)}
.ly-s>h4 .oq-n{margin-left:2px;min-width:20px;height:18px;padding:0 6px;border-radius:9px;display:inline-grid;place-items:center;background:rgb(var(--lt-op, 92 188 245) / calc(.14 * var(--lt-tint, 1)));color:var(--open);font-size:11.5px;font-weight:600}
.ly-act{margin-left:auto;font-weight:500;color:var(--text-2);display:inline-flex;align-items:center;gap:4px;font-size:12px}
.dk .ly-act svg.i{width:13px;height:13px}
.dk .ly-s svg.is-ai{width:14px;height:14px;color:var(--accent)}
.ly-bf{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center}
.ly-bf b{display:block;font-size:15px;font-weight:600}
.ly-bf>div>span{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px}
.ly-bf>div>.ly-bfm{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dk .ly-bfm svg.i{width:13px;height:13px}
.ly-bfm span{margin-left:6px}
.ly-q{padding-left:12px;border-left:2px solid var(--line-3);font-size:13px;color:var(--text-2);line-height:1.5}
.ly-q small{display:block;font-size:11.5px;color:var(--text-4);margin-top:2px}
.ly-prep{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}
.ly-prep .dk-btn{margin-left:auto;flex:none}
.ly-sdp .op-pp{padding:4px 0}

/* summary refresh, questions and details on the Opportunity page (D5 5.10, 5.11, 5.14) */
.ly-busy{display:inline-flex;align-items:center;gap:7px}
.ly-shim{display:grid;gap:9px;margin-top:12px}
.ly-shim i{height:10px;border-radius:5px;background:linear-gradient(90deg,rgb(var(--lt-ink, 255 255 255) / calc(.05 * var(--lt-k, 1))),rgb(var(--lt-ink, 255 255 255) / calc(.09 * var(--lt-k, 1))),rgb(var(--lt-ink, 255 255 255) / calc(.05 * var(--lt-k, 1))));background-size:200% 100%}
.ly-shim i:nth-child(1){width:92%}.ly-shim i:nth-child(2){width:84%}.ly-shim i:nth-child(3){width:60%}
@media (prefers-reduced-motion:no-preference){.ly-shim i{animation:ly-sh 1.4s ease-in-out infinite}@keyframes ly-sh{to{background-position:-200% 0}}}
.op-rerr{display:flex;align-items:flex-start;gap:8px;margin-top:10px;font-size:12.5px;color:var(--danger)}
.dk .op-rerr svg.i{width:14px;height:14px;margin-top:2px}
.op-rerr button{margin-left:auto;color:var(--text-2);font-weight:500;white-space:nowrap}
.op-sumn{color:var(--text-4)}
button.op-q{width:100%;text-align:left}
button.op-q:hover span:not(.src){color:var(--text)}
.op-qnone{font-size:13px;color:var(--text-4)}
.op-qs h2 .op-qadd:first-of-type:not(.oq-n+.op-qadd){margin-left:auto}
.op-qadd{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;color:var(--text-3)}
.op-qadd:hover{color:var(--text);background:var(--surface-3)}
.dk .op-qadd svg.i{width:13px;height:13px}
.op-dl dd button{text-align:left;color:inherit}
.op-dl dd button:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-3)}
.dk-toast svg.i{width:15px;height:15px;color:var(--text-3)}
.dk-toast.is-error svg.i{color:var(--danger)}

@media (max-width:1023px){
  .ly-sdp,.ly-sdp.is-w{width:min(440px,100vw)}
}

/* ---------- Board D5: Pipeline and Overview actions (5.15–5.24) ---------- */
.ly-f .ly-left{margin-right:auto;padding-left:6px}
.ly-left svg.ly-back{transform:rotate(180deg)}
.dk .ly-f .ly-left svg.i{width:14px;height:14px}
.ly-logo{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-3)}
.ly-logo button{color:var(--text-2);font-weight:500}
.ly-chips{display:flex;flex-wrap:wrap;gap:6px}
.ly-chips .pp-chip{border-color:var(--line-2)}
.pp-chip.is-tick{background:var(--surface-3);color:var(--text);border-color:var(--line-3);padding-right:4px}
.pp-chip.is-tick button{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;color:var(--text-3)}
.pp-chip.is-tick button:hover{color:var(--text);background:rgb(var(--lt-ink, 255 255 255) / calc(.06 * var(--lt-k, 1)))}
.dk .pp-chip.is-tick svg.i{width:11px;height:11px}
.ly-ail{display:inline-flex;align-items:center;gap:8px}
.dk .ly-ail svg.i{width:15px;height:15px;color:var(--accent)}
.ly-g3{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr);gap:8px;margin-top:6px}
.ly-g3 .ly-inp{height:30px;font-size:13px}
/* tick-and-save list: Paste review, Debrief review, the Closed list */
.ly-rv{border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:var(--surface)}
.ly-rvg{height:30px;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:11.5px;font-weight:600;color:var(--text-3);background:rgb(var(--lt-ink, 255 255 255) / calc(.015 * var(--lt-k, 1)));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ly-rvg:first-child{border-top:0}
.ly-rvg span{color:var(--text-4);font-weight:500}
.dk .ly-rvg svg.ring{width:13px;height:13px}
.ly-rvr{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 14px;border-top:1px solid var(--line)}
.ly-rvg+.ly-rvr{border-top:0}
.ly-rvr b{display:block;font-size:13.5px;font-weight:500}
.ly-rvr small{display:block;font-size:12.5px;color:var(--text-3);margin-top:1px}
.ly-rvr .ly-inp{height:30px;margin-top:6px;font-size:13px}
.ly-rvr.is-off b{color:var(--text-3);font-weight:400}
/* D5 5.21b "Whose step?" (v10.4): Me or Them under a next step with no named person. */
.ly-rvr.is-own b{color:var(--text-2)}
.ly-own{display:flex;align-items:center;gap:10px;margin-top:8px}
.ly-own>span:first-child{font-size:12.5px;color:var(--text-3)}
.ly-own .vsw button{height:28px;padding:0 14px}
.ly-rvw{font-size:12px;color:var(--text-3);white-space:nowrap;padding-top:2px}
.ly-rvw.is-due{color:var(--warn)}
.ly-cb{width:16px;height:16px;border-radius:4.5px;border:1.5px solid var(--text-4);display:grid;place-items:center;flex:none;margin-top:1px;color:var(--lt-white, #0b0c0e);padding:0}
.ly-cb.is-on{background:var(--lt-on, #f3f4f6);border-color:var(--lt-on, #f3f4f6)}
.dk .ly-cb svg.i{width:11px;height:11px;stroke-width:2.6}
/* the Closed list */
.ly-cr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--line)}
.ly-rvg+.ly-cr{border-top:0}
.ly-crm{display:flex;align-items:center;gap:10px;min-width:0;text-align:left}
.ly-crm b{display:block;font-size:13.5px;font-weight:500}
.ly-crm small{display:block;font-size:12.5px;color:var(--text-3)}
.ly-crm .pp-tile{width:22px;height:22px}
.ly-crw{font-size:12px;color:var(--text-3)}
.ly-crr{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none}
.ly-cr:hover .ly-crr,.ly-cr:focus-within .ly-crr{display:inline-flex}
.ly-cr:hover .ly-crw,.ly-cr:focus-within .ly-crw{visibility:hidden}
.dk .ly-crr svg.i{width:13px;height:13px}
.ly-lk{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);font-weight:500}
.ly-lk:hover{color:var(--text)}
.dk .ly-lk svg.i{width:14px;height:14px;color:var(--text-3)}
.ly-empty{display:flex;flex-direction:column;gap:8px;padding:40px 4px;color:var(--text-3);font-size:13px}
.ly-empty b{color:var(--text);font-size:15px;font-weight:600}
.dk .ly-empty svg.ring{width:28px;height:28px}
/* filter and sort menus */
.ly-msr{display:flex;align-items:center;gap:8px;height:32px;padding:0 9px;margin:0 -5px 4px;border-bottom:1px solid var(--line);color:var(--text-4);font-size:13px;width:calc(100% + 10px)}
.ly-msr input{flex:1;border:0;background:none;color:var(--text);font:inherit;outline:none}
.ly-msr input::placeholder{color:var(--text-4)}
.ly-mn .ly-info:has(.ly-msr){padding:0 5px}
.ly-prs{width:13px;height:13px;flex:none}
.ly-it.is-dim{color:var(--text-4)}
.ly-it .is-sky{color:var(--st-offer)}
.ly-ftr{display:flex;align-items:center;gap:8px}
.ly-ftr button{margin-left:auto;color:var(--text-3)}
.ly-ftr button:not(:disabled):hover{color:var(--text)}
.ly-ftr button:disabled{opacity:.6;cursor:default}
.ly-it .ly-cb{margin-top:0}
.tr:has(.ly-mn) .hov{display:flex}
.tr:has(.ly-mn) .wh .av{display:none}
/* record debrief */
.ly-rec{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 2px}
.ly-recm{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.ly-recs{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-2)}
.ly-recs i{width:7px;height:7px;border-radius:50%;background:var(--danger)}
.ly-wave{display:flex;align-items:center;gap:3px;height:64px;margin-top:8px}
.ly-wave i{width:3px;border-radius:2px;background:var(--lt-wave, #c8cad0);opacity:.85}
@media (prefers-reduced-motion:no-preference){.ly-wave i{animation:ly-wv 1.1s ease-in-out infinite alternate}.ly-wave i:nth-child(3n){animation-delay:-.4s}.ly-wave i:nth-child(3n+1){animation-delay:-.7s}@keyframes ly-wv{to{transform:scaleY(.55)}}}
.ly-tips{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);font-size:13px;color:var(--text-2)}
.ly-tips b{font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:2px}
/* search palette */
.ly-pal{position:fixed;z-index:41;left:50%;top:max(48px,8vh);transform:translateX(-50%);width:650px;max-width:calc(100vw - 32px);max-height:calc(100vh - 96px);display:flex;flex-direction:column;border:1px solid var(--line-3);border-radius:14px;background:var(--lt-white, #111216);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 40px 90px -30px var(--lt-sh-b, rgba(0,0,0,.95));color:var(--text)}
.ly-pq{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px 0 16px;border-bottom:1px solid var(--line);flex:none}
.ly-pq input{flex:1;border:0;background:none;color:var(--text);font:inherit;font-size:15px;outline:none}
.ly-pq input::placeholder{color:var(--text-4)}
.dk .ly-pq svg.i{width:15px;height:15px;color:var(--text-3)}
.ly-pb{overflow-y:auto;padding:6px}
.ly-pg{padding:10px 10px 4px;font-size:11.5px;font-weight:500;color:var(--text-3)}
.ly-po{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:9px;text-align:left;border:1px solid transparent}
.ly-po b{display:block;font-size:13.5px;font-weight:500}
.ly-po small{display:block;font-size:12px;color:var(--text-3);margin-top:1px}
.ly-po u{text-decoration-color:var(--text-3);text-underline-offset:3px}
.ly-po>span:not(.av):not(.dk-kbd){flex:1;min-width:0}
.ly-po .dk-kbd{margin-left:auto}
.ly-po.is-sel,.ly-po:hover{background:var(--surface-3);border-color:var(--line-3)}
.dk .ly-po svg.i{width:14px;height:14px;color:var(--email,var(--lt-email, #7aa2f7))}
.ly-pw{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:13px;color:var(--text-3)}
.ly-pe{padding:16px 12px;font-size:13px;color:var(--text-3)}
.ly-pe b{display:block;color:var(--text);font-size:14px;margin-bottom:6px}
.ly-pf{display:flex;align-items:center;gap:14px;padding:10px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--text-4);flex:none}
.ly-pf .end{margin-left:auto}
.ly-pf .dk-kbd{font-size:10.5px;margin-right:4px}
/* AI suggestions */
.ly-sg{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.ly-sg>b{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600}
.ly-sg p{font-size:13px;color:var(--text-3);line-height:1.45;padding-left:24px}
.ly-sga{display:flex;align-items:center;gap:6px;padding-left:24px}
.ly-sgd{margin-left:auto;font-size:12px;color:var(--text-4)}
.dk .ly-pq input:focus-visible,.dk .ly-msr input:focus-visible,.dk .ly-toks input:focus-visible{outline:none}
.dk .ly-sg svg.is-ai,.dk .ly-sub svg.is-ai{width:14px;height:14px;color:var(--accent)}

/* ---------- Calendar (board D6) ---------- */
/* The calendar fills the window under its bar; the week scrolls inside it. */
.dk-main:has(>.c6){height:100vh;overflow:hidden}
.c6{display:flex;flex-direction:column;min-width:0;flex:1;min-height:0;position:relative}
.c6-top{display:flex;align-items:center;gap:12px;height:48px;padding:0 24px 0 28px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text-3);flex:none}
.c6-top h1{font-size:13px;color:var(--text);font-weight:500}
.c6-top .rg{color:var(--text-2);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.c6-top .end{margin-left:auto;display:flex;align-items:center;gap:8px}
.c6-nav{display:inline-flex;align-items:center;gap:4px}
.c6-nav button{height:28px;min-width:28px;display:inline-grid;place-items:center;padding:0 9px;border-radius:7px;border:1px solid var(--line-2);color:var(--text-2);font-size:12.5px;font-weight:500}
.c6-nav button:hover{color:var(--text);border-color:var(--line-3)}
.dk .c6-nav svg.i{width:13px;height:13px}
.dk svg.c6-flip{transform:rotate(180deg)}
.c6-fl{display:flex;align-items:center;gap:4px;height:46px;padding:0 24px 0 22px;border-bottom:1px solid var(--line);flex:none;min-width:0}
.c6-lg{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden}
.c6-lg span{display:inline-flex;align-items:center;gap:6px}
.c6-lg i{width:8px;height:8px;border-radius:2px;display:inline-block}
.c6-lg i.tk{border-radius:50%;border:1.5px solid var(--text-3);background:none}
.c6.is-narrow .c6-lg .c6-x{display:none}
.c6-notes{padding:0 24px 0 28px;flex:none}
.c6-notes:empty{display:none}
/* week */
.c6-wk{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 24px 0 28px}
.c6-row{display:grid}
.c6-dh{height:52px;display:flex;flex-direction:column;justify-content:center;padding-left:10px;border-left:1px solid var(--line);font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--text-3);white-space:nowrap;overflow:hidden}
.c6-dh b{font-size:18px;letter-spacing:-.02em;color:var(--text);font-weight:600;line-height:1.15}
.c6-dh b small{font-size:11px;font-weight:500;letter-spacing:0;color:var(--text-4);margin-left:5px}
.c6-dh.td,.c6-dh.td b{color:var(--accent)}
.c6-dh.we b{color:var(--text-3)}
.c6-ad{border-top:1px solid var(--line);border-bottom:1px solid var(--line-2)}
.c6-adl{font-size:10.5px;color:var(--text-4);padding:10px 10px 0 0;text-align:right}
.c6-adc{border-left:1px solid var(--line);padding:5px 5px 5px 4px;display:flex;flex-direction:column;gap:3px;min-height:34px;min-width:0}
.c6-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:30px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent)}
.c6-grid{display:grid;position:relative}
.c6-gut{position:relative}
.c6-gut span{position:absolute;right:10px;transform:translateY(-50%);font-size:10.5px;color:var(--text-4);white-space:nowrap;font-variant-numeric:tabular-nums}
.c6-gut .nowt{right:6px;font-weight:600;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:1px 5px;z-index:2}
.c6-day{position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(180deg,var(--line) 0 1px,transparent 1px 64px);min-width:0}
.c6-day.we{background-color:rgb(var(--lt-ink, 255 255 255) / calc(.014 * var(--lt-k, 1)))}
.c6-now{position:absolute;left:-1px;right:0;height:0;border-top:1.5px solid var(--accent);z-index:3}
.c6-now::before{content:"";position:absolute;left:-4px;top:-4.5px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
/* an event on the grid: left edge in the meeting color, the time in that color too */
.c6-ev{position:absolute;left:4px;right:5px;border-radius:6px;border-left:2px solid;padding:4px 7px 4px 8px;display:flex;flex-direction:column;gap:1px;font-size:11.5px;line-height:1.35;overflow:hidden;min-height:38px;z-index:1;text-align:left}
.c6-ev .l1{display:flex;align-items:center;gap:5px;min-width:0}
.c6-ev .l1 b{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.c6-ev .l1 .fin{font-size:11.5px}
.dk .c6-ev .l1 svg.i{margin-left:auto;width:13px;height:13px;flex:none;color:var(--text-4)}
.dk .c6-ev .l1 svg.ai{color:var(--accent)}
.c6-ev .l2{display:block;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.c6-ev .l2 .c6-t{font-weight:600}
.c6-ev.sc{background:rgb(var(--lt-sc, 242 164 125) / calc(.12 * var(--lt-tint, 1)));border-color:var(--st-screen)}
.c6-ev.sc .c6-t{color:var(--st-screen)}
.c6-ev.iv{background:rgb(var(--lt-iv, 142 198 123) / calc(.11 * var(--lt-tint, 1)));border-color:var(--st-interview)}
.c6-ev.iv .c6-t{color:var(--st-interview)}
.c6-ev.fi{background:rgb(var(--lt-fi, 116 128 230) / calc(.15 * var(--lt-tint, 1)));border-color:var(--final)}
.c6-ev.fi .c6-t,.c6-ev .fin,.c6-mi .fin,.c6-agr .fin{color:var(--final)}
.c6-ev.yc{background:rgb(var(--lt-ink, 255 255 255) / calc(.035 * var(--lt-k, 1)));border-color:var(--dim)}
.c6-ev.yc .l1 b{color:var(--text-2);font-weight:500}
.c6-ev.yc .c6-t{color:var(--text-3)}
.c6-ev.lnk{border-left-style:dashed}
.c6-ev.ps{opacity:.5;cursor:default}
.c6-ev.is-past{opacity:.55}
.c6-ev.is-sel{box-shadow:0 0 0 1.5px var(--text-2);opacity:1}
.c6-ev.lock .l1 b{color:var(--text-2)}
.c6-ev:hover{filter:brightness(1.12)}
.c6-more6{position:absolute;right:5px;height:20px;display:inline-flex;align-items:center;padding:0 7px;border-radius:999px;border:1px solid var(--line-3);background:var(--lt-white, #17181c);font-size:11px;font-weight:600;color:var(--text);z-index:2}
/* a task: a ring in its due color; timed tasks sit on the grid, the rest in the Due row */
.c6-tk{display:flex;align-items:center;gap:6px;height:22px;padding:0 7px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line-2);font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;min-width:0;text-align:left}
.c6-tk b{font-weight:500;overflow:hidden;text-overflow:ellipsis;min-width:0}
.c6-tk i{font-style:normal;margin-left:auto;font-weight:500;flex:none;font-variant-numeric:tabular-nums}
.c6-tk .ci{width:10px;height:10px;border-radius:50%;border:1.5px solid currentColor;flex:none}
.dk .c6-tk svg.i{width:12px;height:12px;flex:none;color:var(--text-2)}
.c6-tk:hover{border-color:var(--line-3)}
.c6-grid .c6-tk{position:absolute;left:4px;right:5px;transform:translateY(-50%);z-index:2}
.c6-tk.late .ci,.c6-tk.late i{color:var(--danger)}
.c6-tk.tod .ci,.c6-tk.tod i{color:var(--warn)}
.c6-tk.soon .ci,.c6-tk.soon i{color:var(--text-2)}
.c6-tk.later .ci,.c6-tk.later i{color:var(--text-3)}
/* month */
.c6-mo{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 24px 18px 28px}
.c6-mh{height:34px;align-items:center;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--text-4)}
.c6-mh span{padding-left:8px}
.c6-mg{flex:1;min-height:0;display:grid;grid-auto-rows:minmax(0,1fr);border-top:1px solid var(--line-2);border-left:1px solid var(--line)}
.c6-mc{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 6px 4px;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden;text-align:left;justify-content:flex-start}
.c6-mc:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.02 * var(--lt-k, 1)))}
.c6-mc .c6-n{font-size:12px;font-weight:600;color:var(--text-2);height:22px;min-width:22px;padding:0 4px;align-self:flex-start;display:grid;place-items:center;border-radius:11px;margin-bottom:2px;font-variant-numeric:tabular-nums}
.c6-mc.is-out .c6-n{color:var(--text-4)}
.c6-mc.td .c6-n{background:var(--accent);color:var(--accent-ink)}
.c6-mc.we{background:rgb(var(--lt-ink, 255 255 255) / calc(.014 * var(--lt-k, 1)))}
.c6-mc.is-sel{box-shadow:inset 0 0 0 1.5px var(--text-2);background:rgb(var(--lt-ink, 255 255 255) / calc(.025 * var(--lt-k, 1)))}
.c6-mi{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;min-width:0;height:19px;flex:none;width:100%}
.c6-mi>i{width:3px;height:12px;border-radius:2px;flex:none}
.c6-mi .c6-t{font-weight:600;font-variant-numeric:tabular-nums;flex:none}
.c6-mi .c6-t.k-screen{color:var(--st-screen)}.c6-mi .c6-t.k-interview{color:var(--st-interview)}.c6-mi .c6-t.k-final{color:var(--final)}
.c6-mi>span:last-child{overflow:hidden;text-overflow:ellipsis}
.c6-mi .ci{width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor;flex:none}
.c6-mi .ci.is-late{color:var(--danger)}.c6-mi .ci.is-due{color:var(--warn)}
.c6-mi.yc{color:var(--text-3)}
.c6-mi.is-past{opacity:.55}
.c6-mmore{font-size:11.5px;font-weight:500;color:var(--text-3);padding-left:9px;height:18px;flex:none}
/* agenda */
.c6-ag{flex:1;min-height:0;overflow-y:auto;padding:4px 28px 0;scrollbar-width:thin}
.c6-ag-in{max-width:880px;display:flex;flex-direction:column}
.c6-agd{display:flex;align-items:baseline;gap:10px;padding:18px 0 8px;font-size:13px;font-weight:600;color:var(--text-2)}
.c6-agd span{font-weight:500;color:var(--text-4);font-size:12.5px}
.c6-agd.td{color:var(--accent)}
.c6-agd.late{color:var(--danger)}
.c6-agl{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden}
.c6-agr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:50px;padding:7px 16px;border-top:1px solid var(--line)}
.c6-agr:first-child{border-top:0}
.c6-agb{display:grid;grid-template-columns:62px 12px minmax(0,1fr);gap:12px;align-items:center;min-width:0;text-align:left}
.c6-agt{min-width:0}
.c6-agr .c6-tm{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}
.c6-agr .c6-tm small{display:block;font-size:11px;font-weight:500;color:var(--text-4)}
.c6-agr .c6-tm.k-screen{color:var(--st-screen)}.c6-agr .c6-tm.k-interview{color:var(--st-interview)}.c6-agr .c6-tm.k-final{color:var(--final)}
.c6-agr .c6-tm.is-late{color:var(--danger)}.c6-agr .c6-tm.is-due{color:var(--warn)}.c6-agr .c6-tm.is-q{color:var(--text-4);font-weight:500;font-size:12px}
.c6-agr .br{justify-self:center;align-self:stretch;width:3px;border-radius:2px;min-height:30px}
.c6-agr .ci{justify-self:center;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--text-3)}
.c6-agr .ci.is-late{border-color:var(--danger)}.c6-agr .ci.is-due{border-color:var(--warn)}
.c6-agr b{display:block;font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c6-agr .c6-s{display:block;font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c6-agr .c6-st{font-size:12.5px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;color:var(--text-3)}
.dk .c6-agr .c6-st svg.i{width:13px;height:13px}
.c6-agr .c6-st .is-late{color:var(--danger)}.c6-agr .c6-st .is-due{color:var(--warn)}.c6-agr .c6-st .pend{color:var(--pending)}
.c6-agr .c6-st .is-ai{color:var(--accent);display:inline-flex;align-items:center;gap:6px}
.c6-agr .c6-st .dby{display:inline-flex;align-items:center;gap:6px;color:var(--text-2)}
.c6-agr.is-past b{color:var(--text-3)}
.c6-agr.ps{opacity:.55}
.c6-agend{padding:22px 0 30px;font-size:12.5px;color:var(--text-4)}
/* notices above the grid (D6 6.7) */
.c6-note{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);font-size:13px;color:var(--text-2);flex:none}
.dk .c6-note>svg.i{width:16px;height:16px;color:var(--text-3);flex:none}
.c6-note b{color:var(--text);font-weight:500}
.c6-note .acts{margin-left:auto;display:flex;gap:8px;flex:none}
.c6-note.is-err{border-color:rgb(var(--lt-dg, 242 85 90) / .4);background:rgb(var(--lt-dg, 242 85 90) / calc(.05 * var(--lt-tint, 1)))}
.dk .c6-note.is-err>svg.i{color:var(--danger)}
.c6-pv{display:flex;gap:6px;flex:none}
.c6-pv span{height:26px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border-radius:7px;border:1px solid var(--line-2);background:var(--surface-2);font-size:12px;font-weight:600;color:var(--text-2)}
.dk .c6-pv svg.i{width:13px;height:13px;color:var(--text-3)}
/* an empty week (D6 6.8) */
.c6-empty{position:absolute;left:50%;top:150px;transform:translateX(-50%);width:400px;max-width:calc(100% - 40px);padding:20px 22px;border:1px solid var(--line-2);border-radius:14px;background:var(--lt-white, #111216);text-align:left;z-index:3;box-shadow:0 30px 60px -30px var(--lt-sh-c, #000)}
.c6-empty b{display:block;font-size:15px;font-weight:600}
.c6-empty p{margin:4px 0 14px;color:var(--text-3);font-size:13px}
.c6-empty .acts{display:flex;gap:8px}
.c6-first{padding:0 28px}
.c6-sk{position:absolute;left:4px;right:5px;border-radius:6px}
.c6-notes .sr{position:absolute}
/* the briefing as Calendar opens it (6.4) and Link a calendar event (6.5) */
.ly-role{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);text-align:left;width:100%}
.ly-role:hover{border-color:var(--line-3)}
.ly-role .pp-tile{width:28px;height:28px;border-radius:7px;font-size:12px}
.ly-role b{display:block;font-weight:500}
.ly-role small{display:block;font-size:12.5px;color:var(--text-3)}
.dk .ly-role .ly-chr{color:var(--text-3)}
.ly-soon{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}
.dk .ly-soon svg.i{width:15px;height:15px;color:var(--text-3)}
button.qline{width:100%;text-align:left}
.qline.is-struck span{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--text-4)}
.ly-box{border:1px solid var(--line-2);border-radius:10px;background:var(--surface);padding:12px 14px}
.ly-box b{display:block;font-weight:500}
.ly-box span{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px}
.ly-opt{display:grid;grid-template-columns:16px minmax(0,1fr);gap:12px;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);text-align:left;width:100%}
.ly-opt.is-on{border-color:var(--line-3);background:var(--surface-2)}
.ly-rd{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--text-4);margin-top:1px}
.ly-opt.is-on .ly-rd{border:5px solid var(--accent)}
.ly-opt b{display:block;font-size:13.5px;font-weight:500}
.ly-opt b .ly-tag{display:inline;font-size:11.5px;color:var(--text-4);font-weight:400;margin-left:6px}
.ly-opt small{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px}
.ly-fd[role=radiogroup]{display:grid;gap:8px}
.ly-hb{display:flex;gap:2px}
.dk a.dk-btn{text-decoration:none}
.ly-s .op-tk{border-top:0;padding:2px 0;font-size:13px;color:var(--text);grid-template-columns:14px minmax(0,1fr) auto}
.ly-s .op-tk .ck{width:14px;height:14px}
.ly-s .op-tk .op-tkw{font-size:12.5px;font-weight:500}
.ly-s .op-tk.is-due .ck{border-color:var(--warn)}.ly-s .op-tk.is-due .op-tkw{color:var(--warn)}
.ly-s .op-tk.is-late .ck{border-color:var(--danger)}.ly-s .op-tk.is-late .op-tkw{color:var(--danger)}
.ly-sdp .op-dbt.k-screen{color:var(--st-screen)}.ly-sdp .op-dbt.k-interview{color:var(--st-interview)}.ly-sdp .op-dbt.k-final{color:var(--final)}

/* ---------- Tasks (board D7) ---------- */
/* The top bar and filter chips are Calendar's (c6-top, c6-fl); the page scrolls with the window. */
.t7{display:flex;flex-direction:column;min-width:0}
.t7 .c6-fl{position:sticky;top:0;z-index:4;background:var(--bg)}
.t7-dn{margin-left:auto;display:flex;gap:4px}
.dk .t7-dn svg.i{width:13px;height:13px;margin-right:2px}
.t7-body{padding:16px 24px 40px 28px;display:flex;flex-direction:column;gap:18px}
.t7-tbl{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:visible;flex:none}
.t7-th,.t7-tr{display:grid;grid-template-columns:20px minmax(0,1.8fr) minmax(0,1.1fr) 150px 92px 104px 84px;gap:14px;align-items:center;padding:0 16px}
.t7-th{height:32px;font-size:11px;color:var(--text-4);font-weight:500;border-bottom:1px solid var(--line)}
.t7-th span:nth-child(6){text-align:right}
.t7-gh{width:100%;height:32px;display:flex;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:600;color:var(--text-3);background:rgb(var(--lt-ink, 255 255 255) / calc(.015 * var(--lt-k, 1)));border-bottom:1px solid var(--line);text-align:left}
.t7-gh .t7-n{color:var(--text-4);font-weight:500}
.dk .t7-gh svg.i{width:13px;height:13px;color:var(--text-4);margin:0 -2px 0 -4px}
.dk .t7-gh.is-shut svg.i{transform:rotate(-90deg)}
.t7-gh.is-shut .t7-n{color:var(--text-2)}
.t7-gh.is-late{color:var(--danger)}
.t7-gh.is-tod{color:var(--warn)}
.t7-gh.is-static{cursor:default}
.t7-tr{min-height:46px;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer;position:relative}
.t7-tbl>.t7-tr:last-child{border-bottom:0}
.t7-tr:hover,.t7-tr.is-menu{background:rgb(var(--lt-ink, 255 255 255) / calc(.028 * var(--lt-k, 1)))}
.dk .t7-tr:focus-visible{outline:1.5px solid var(--focus);outline-offset:-3px;border-radius:9px}
.t7-ck{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--text-4);display:grid;place-items:center;flex:none}
.t7-ck:hover{border-color:var(--text-2)}
.t7-ck.is-on{background:var(--lt-on, #f3f4f6);border-color:var(--lt-on, #f3f4f6);color:var(--lt-white, #0b0c0e)}
.dk .t7-ck svg.i{width:10px;height:10px;stroke-width:2.8}
.t7-tk{min-width:0;display:flex;flex-direction:column;gap:1px}
.t7-l1{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;min-width:0}
.t7-l1 b{font-weight:500;overflow:hidden;text-overflow:ellipsis;min-width:0}
.t7-l1 small{font-size:12px;color:var(--text-3);flex:none;display:inline-flex;align-items:center;gap:5px}
.t7-l1 .fin{color:var(--final)}
.t7-l1 .pend{font-size:12px;flex:none;color:var(--pending)}
.t7-l1 .dby{font-size:12px;flex:none;display:inline-flex;align-items:center;gap:5px;color:var(--text)}
.dk .t7-l1 .dby svg.i{width:12px;height:12px}
.t7-l1 .t7-wt{color:var(--text-2)}
.dk .t7-wt svg.i{width:12px;height:12px;color:var(--text-2)}
.t7-meta{display:none;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t7-rl{display:flex;align-items:center;gap:7px;color:var(--text-2);white-space:nowrap;overflow:hidden;min-width:0}
.t7-co{overflow:hidden;text-overflow:ellipsis}
.t7-rl em{font-style:normal;color:var(--text-4)}
.t7-rl.is-none{color:var(--text-4)}
.t7-ty{color:var(--text-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t7-pr{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:12.5px;white-space:nowrap}
.t7-du{text-align:right;font-size:12.5px;font-weight:500;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.t7-du.is-late{color:var(--danger)}
.t7-du.is-tod{color:var(--warn)}
.t7-du.is-soon{color:var(--text-2)}
.t7-du.is-dbt{color:var(--text)}
.t7-du.is-none{color:var(--text-4);font-weight:400}
.t7-ac{display:flex;justify-content:flex-end;align-items:center;gap:4px;color:var(--text-4)}
.dk .t7-ac>svg.i{width:14px;height:14px}
.t7-hov{display:none;align-items:center;gap:4px}
.t7-tr:hover .t7-hov,.t7-tr:focus-within .t7-hov,.t7-tr.is-menu .t7-hov{display:flex}
.t7-tr:hover .t7-ac>.av,.t7-tr:focus-within .t7-ac>.av,.t7-tr.is-menu .t7-ac>.av{display:none}
.t7-mini{height:26px;width:26px;border-radius:7px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--text-2);background:var(--surface-2)}
.t7-mini:hover{color:var(--text);border-color:var(--line-3)}
.dk .t7-mini svg.i{width:13px;height:13px}
.t7-mini.is-wide{width:auto;padding:0 9px;font-size:12px;font-weight:500;gap:5px;display:inline-flex;align-items:center}
.t7-tr.is-done .t7-l1 b{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--text-4)}
.t7-tr.is-past .t7-hov,.t7-tr.is-past:hover .t7-ac .t7-mini{display:inline-flex}
.t7-tr.is-past .t7-ac .t7-mini{display:none}
.t7-tr.lock .t7-l1 b{color:var(--text-2)}
.t7-msg{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--text-3)}
.t7-tbl>.t7-msg:last-child{border-bottom:0}
.dk .t7-msg svg.i{width:14px;height:14px}
.t7-msg b{color:var(--text-2);font-weight:500}
.t7-foot{padding:10px 16px;font-size:12px;color:var(--text-4)}
.t7-empty{margin:20px auto 0;width:min(460px,100%);padding:22px 24px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface)}
.t7-okc{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--text-2);margin-bottom:12px}
.t7-empty b{display:block;font-size:16px;font-weight:600}
.t7-empty p{margin:6px 0 16px;color:var(--text-3);font-size:13.5px}
.t7-empty .acts{display:flex;gap:8px}
.t7-body .skel{display:block;border-radius:4px}
.t7-body .c6-note{margin-top:0}
/* Follow-ups (7.5) */
.t7-sh{display:flex;align-items:baseline;gap:10px;margin-bottom:-6px;outline:none}
.t7-sh h2{font-size:15px;font-weight:600;letter-spacing:-.01em}
.t7-sh span{font-size:12.5px;color:var(--text-4)}
.t7-fr,.t7-fh{display:grid;grid-template-columns:minmax(0,1.1fr) 150px minmax(0,2.2fr);gap:16px;align-items:center;padding:0 16px}
.t7-fh{height:32px;font-size:11px;color:var(--text-4);font-weight:500;border-bottom:1px solid var(--line)}
.t7-fr{min-height:54px;border-bottom:1px solid var(--line);padding-top:8px;padding-bottom:8px}
.t7-tbl>.t7-fr:last-child{border-bottom:0}
.t7-role{display:flex;align-items:center;gap:10px;min-width:0;text-align:left}
.t7-role>span{min-width:0}
.t7-role b{display:block;font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t7-role small{display:block;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t7-st{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2);white-space:nowrap}
.t7-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.t7-chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:7px;border:1px solid var(--line-2);background:var(--surface-2);font-size:12.5px;color:var(--text);white-space:nowrap;max-width:100%}
.t7-chip:hover{border-color:var(--line-3)}
.t7-cht{overflow:hidden;text-overflow:ellipsis}
.t7-chip .ci{width:10px;height:10px;border-radius:50%;border:1.5px solid currentColor;flex:none;color:var(--text-3)}
.t7-chip i{font-style:normal;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-3)}
.t7-chip .is-late{color:var(--danger)}.t7-chip .is-tod{color:var(--warn)}.t7-chip .is-soon,.t7-chip .is-dbt{color:var(--text-2)}
.dk .t7-chip svg.i{width:12px;height:12px;color:var(--text-2)}
.t7-sg{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:56px;padding:8px 16px;border-bottom:1px solid var(--line)}
.t7-tbl>.t7-sg:last-child{border-bottom:0}
.t7-sg .pp-tile{width:28px;height:28px;border-radius:7px;font-size:12px}
.t7-sgt{min-width:0}
.t7-sg b{display:block;font-weight:500;font-size:13.5px}
.t7-sg small{display:block;font-size:12.5px;color:var(--text-3)}
.t7-sg .acts{display:flex;gap:6px}
/* a narrow window (7.9): type and priority fold under the task; Follow-ups drops Stage */
.t7.is-narrow .t7-th,.t7.is-narrow .t7-tr{grid-template-columns:20px minmax(0,1.7fr) minmax(0,1fr) 96px 64px;gap:12px}
.t7.is-narrow .t7-th span:nth-child(4),.t7.is-narrow .t7-th span:nth-child(5),.t7.is-narrow .t7-ty,.t7.is-narrow .t7-pr{display:none}
.t7.is-narrow .t7-meta{display:block}
.t7.is-narrow .t7-l1 small{display:none}
.t7.is-narrow .t7-fr,.t7.is-narrow .t7-fh{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.t7.is-narrow .t7-fr>.t7-st,.t7.is-narrow .t7-fh>span:nth-child(2){display:none}
/* the task you came from (7.2), and the task dialog's details */
.op-from{margin-bottom:18px;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface)}
.op-from .ly-s{gap:8px}
.ly-f .ly-left+.ly-hint{margin:0 4px 0 0}
.ly-inp.is-dis.is-ph{color:var(--text-4)}
.ly-sel.k-final select{color:var(--final)}.ly-sel.k-interview select{color:var(--st-interview)}.ly-sel.k-screen select{color:var(--st-screen)}
.ly-sel select option{color:var(--text)}

/* ---------- People (board D8) ---------- */
/* Tables reuse Tasks' frame (t7-tbl, t7-gh, t7-sh, t7-sg); the top bar and chips are Calendar's. */
.p8-find{display:inline-flex;align-items:center;gap:8px;height:30px;width:220px;padding:0 6px 0 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--text-3)}
.p8.is-narrow .p8-find{width:150px}
.dk .p8-find svg.i{width:14px;height:14px}
.p8-find input{flex:1;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-size:12.5px;outline:none}
.p8-find input::placeholder{color:var(--text-3)}
.p8-find input::-webkit-search-cancel-button{display:none}
.p8-find:focus-within{border-color:var(--line-3)}
.p8-th,.p8-tr{display:grid;gap:14px;align-items:center;padding:0 16px}
.p8-th{height:32px;font-size:11px;color:var(--text-4);font-weight:500;border-bottom:1px solid var(--line)}
.p8-tr{min-height:52px;border-bottom:1px solid var(--line);font-size:13px;padding-top:6px;padding-bottom:6px;cursor:pointer}
.t7-tbl>.p8-tr:last-child{border-bottom:0}
.p8-tr:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.028 * var(--lt-k, 1)))}
.p8-tr.is-sel{background:rgb(var(--lt-ink, 255 255 255) / calc(.035 * var(--lt-k, 1)));box-shadow:inset 2px 0 0 var(--text-2)}
.dk .p8-tr:focus-visible{outline:1.5px solid var(--focus);outline-offset:-3px;border-radius:9px}
.p8-pp{display:flex;align-items:center;gap:10px;min-width:0}
.p8-nm{min-width:0}
.p8-ini{width:28px;height:28px;border-radius:50%;background:var(--surface-3);border:1px solid var(--line-2);display:grid;place-items:center;font-size:10.5px;font-weight:600;color:var(--text-2);flex:none}
.p8-ini.is-lg{width:44px;height:44px;font-size:15px}
.p8-pp b{display:block;font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p8-pp small{display:block;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p8-co{display:flex;align-items:center;gap:8px;color:var(--text-2);white-space:nowrap;overflow:hidden;min-width:0;font-size:12.5px}
.p8-con{overflow:hidden;text-overflow:ellipsis}
.p8-con.is-none{color:var(--text-4)}
.p8-co .pp-tile{width:18px;height:18px;border-radius:5px}
.p8-rel{font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;min-width:0}
.p8-rel i{width:7px;height:7px;border-radius:50%;flex:none;background:var(--ref)}
.p8-roles{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.p8-rc{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:6px;border:1px solid var(--line-2);font-size:12px;color:var(--text-2);white-space:nowrap;max-width:100%;overflow:hidden}
.dk .p8-rc svg.ring{width:12px;height:12px}
.p8-last{font-size:12.5px;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.p8-last.is-strong{color:var(--text-2)}
.p8-next{font-size:12.5px;font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;min-width:0;font-variant-numeric:tabular-nums}
.dk .p8-next svg.i{width:13px;height:13px;flex:none}
.p8-next .fin,.p8-next.is-final{color:var(--final)}
.p8-next .pend{color:var(--pending)}
.p8-next.is-late{color:var(--danger)}
.p8-next.is-tod{color:var(--warn)}
.p8-next.is-ai{color:var(--accent)}
.p8-next.is-decide{color:var(--text)}
.p8-next.is-screen{color:var(--st-screen)}.p8-next.is-interview{color:var(--st-interview)}
.p8-next.is-later{color:var(--text-3);font-weight:400}
.p8-next.is-none{color:var(--text-4);font-weight:400}
.p8-tie{font-size:12.5px;color:var(--text-2);display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk .p8-tie svg.ring{width:13px;height:13px;flex:none}
.p8-tie.is-none{color:var(--text-4)}
.p8-ac{display:flex;justify-content:flex-end;gap:4px;color:var(--text-4)}
.dk .p8-ac>svg.i{width:14px;height:14px}
.p8-hov{display:none;gap:4px}
.p8-tr:hover .p8-hov,.p8-tr:focus-within .p8-hov{display:flex}
.t7-mini.is-ai svg.i{color:var(--accent)}
a.t7-mini{text-decoration:none}
/* "You know someone there" */
.p8-ties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:none}
.p8-ties.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.p8-card{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.p8-chd{display:flex;align-items:center;gap:10px;min-width:0}
.p8-cnm{min-width:0;flex:1;text-align:left}
.p8-cnm b{display:block;font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p8-cnm small{display:block;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p8-card .pp-tile{width:22px;height:22px;border-radius:6px}
.p8-why{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2)}
.dk .p8-why svg.ring{width:13px;height:13px;flex:none}
.p8-card .acts{display:flex;gap:6px;flex-wrap:wrap}
.p8-sg{grid-template-columns:28px minmax(0,1fr) auto}
.t7-foot.is-flat{padding:0}
/* the person panel */
.ly-hl{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.p8-hd .pp-tile.is-lg{width:44px;height:44px;border-radius:10px}
.p8-kv{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;color:var(--text-2);min-height:28px}
.p8-kv>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.dk .p8-kv svg.i{width:14px;height:14px;color:var(--text-3)}
.p8-cp{font-size:12px;color:var(--text-3);font-weight:500;text-decoration:none}
.p8-cp:hover{color:var(--text)}
.p8-rrow{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;min-height:30px;text-align:left;width:100%}
.p8-rrow b{font-weight:500}
.p8-rrow small{display:block;font-size:12px;color:var(--text-3)}
.p8-box{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);font-size:13px;color:var(--text-2)}
.dk .p8-box svg.ring{width:14px;height:14px;flex:none}
.p8-box b{color:var(--text);font-weight:500}
.p8-box.is-col{flex-direction:column;align-items:flex-start;gap:10px}
.p8-dim{color:var(--text-4)}
.p8-mc{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);font-size:13px;color:var(--text-2);min-width:0}
.p8-mc small{font-size:12px;color:var(--text-3)}
.p8-mch{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.p8-mch b{display:block;font-weight:500;color:var(--text)}
button.op-pp{width:100%;text-align:left;border-radius:8px}
button.op-pp:hover b{text-decoration:underline;text-decoration-color:var(--text-4);text-underline-offset:3px}
.dk .dk-btn svg.ly-cv{position:static;width:13px;height:13px;margin-left:2px;color:var(--text-3)}
.p8-rc.is-more{color:var(--text-3)}
/* Edit details: the job post field with its open link (#160) */
.ly-link{display:flex;align-items:center;gap:8px;padding:0 10px 0 0}
.ly-bare{flex:1;min-width:0;height:100%;border:0;background:none;color:inherit;font:inherit;padding:0 11px;outline:none}
.ly-link a{display:grid;place-items:center;color:var(--text-3)}
.ly-link a:hover{color:var(--text)}
.dk .ly-link svg.i{width:14px;height:14px;color:var(--text-3)}

/* ---------- Notes (board D12) ---------- */
.n12-tr{cursor:default;min-height:50px}
.dk .n12-ic{width:15px;height:15px;color:var(--text-4)}
.n12-nt{min-width:0;display:flex;flex-direction:column;gap:2px}
.n12-tx{font-size:13px;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.n12-tx u{text-decoration-color:var(--text-3);text-underline-offset:3px}
.n12-nt small{font-size:12px;color:var(--text-3)}
.n12-local{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--text-3);white-space:nowrap}
.dk .n12-local svg.i{width:11px;height:11px}
.n12-to.is-none{color:var(--text-4)}
.n12-av{width:18px;height:18px;border-radius:50%;background:var(--surface-3);border:1px solid var(--line-2);display:grid;place-items:center;font-size:8px;font-weight:600;color:var(--text-2);flex:none}
.n12-ac{align-items:center}
.n12-ac .dk-btn.is-sm{height:26px}
.n12-ac .t7-mini.is-wide svg.i{width:12px;height:12px}
.n12-said{margin:0;font-size:12.5px;color:var(--text-3)}
.n12 .c6-top .dk-ibtn .dk-kbd{margin-left:6px}
.n12 .c6-top .dk-ibtn[disabled]{opacity:.45;cursor:default}

/* ---------- Wrap up your search (board D9) ---------- */
/* Values are the board's own (its D9 stylesheet); the top bar is Calendar's (c6-top), buttons and avatars are the app's. */
.w9-top .op-cr i{margin:0 8px}
.w9-sv{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);white-space:nowrap}
.dk .w9-sv svg.i{width:14px;height:14px}
.w9-sv.is-err{color:var(--danger)}
.w9-sv .ly-spin{width:13px;height:13px}
.w9-top .w9-back{height:30px;font-size:12.5px}
.w9-body{padding:26px 32px 56px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.w9-body.is-narrow{grid-template-columns:minmax(0,1fr);padding:22px 24px 56px}
.w9-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.w9-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.w9-kick{font-size:12.5px;color:var(--text-3);font-weight:500}
.w9-h{margin-top:6px;font-size:23px;line-height:1.36;letter-spacing:-.018em;font-weight:500;color:var(--text-3);max-width:44ch;text-wrap:pretty}
.w9-h b{color:var(--text);font-weight:500}
.w9-lede{margin-top:8px;font-size:13.5px;color:var(--text-3);max-width:68ch;text-wrap:pretty}
.w9-prog{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--text-2);font-weight:500;font-variant-numeric:tabular-nums}
.w9-bar{display:grid;gap:4px;width:168px}
.w9-bar i{height:4px;border-radius:2px;background:var(--surface-3)}
.w9-bar i.is-on{background:var(--main-bg)}
/* the checklist */
.w9-list{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden;flex:none}
.w9-st+.w9-st{border-top:1px solid var(--line)}
.w9-sh{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:14px 16px;min-height:66px}
.dk .w9-sh:focus-visible{outline-offset:-3px;border-radius:11px}
.w9-ck{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--text-4);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}
.w9-ck.is-on{background:var(--main-bg);border-color:var(--main-bg);color:var(--lt-white, #0b0c0e)}
.dk .w9-ck svg.i{width:12px;height:12px;stroke-width:2.6}
.w9-ck.is-sm{width:18px;height:18px;font-size:10px}
.w9-stt{min-width:0}
.w9-stt.is-sk{display:flex;flex-direction:column;gap:7px}
.w9-sh b{display:block;font-size:14px;font-weight:600;letter-spacing:-.005em}
.w9-sh small{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w9-acts{display:flex;align-items:center;gap:8px}
.dk .w9-acts>svg.i{width:15px;height:15px;color:var(--text-4)}
.w9-dn{font-size:12.5px;color:var(--text-3);white-space:nowrap}
.w9-st.is-done .w9-sh b{color:var(--text-2)}
.w9-st.is-exp .w9-sh{border-bottom:1px solid var(--line);background:rgb(var(--lt-ink, 255 255 255) / calc(.015 * var(--lt-k, 1)))}
.dk .w9-st.is-exp .w9-acts>svg.i,.dk svg.w9-cv.is-up{transform:rotate(180deg)}
.w9-sh .dk-btn{pointer-events:none}
.w9-sb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}
.w9-st.is-busy .w9-sb{opacity:.55}
.w9-ab{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-2);min-height:32px}
.w9-grow{flex:1;min-width:0}
.w9-ab b{color:var(--text);font-weight:500}
.w9-ab .dk-btn{flex:none}
.w9-gh{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:-4px}
.w9-gh span{color:var(--text-4);font-weight:500}
.w9-gh em{margin-left:auto;font-style:normal;font-weight:400;color:var(--text-4)}
.w9-tbl{border:1px solid var(--line-2);border-radius:10px;overflow:hidden;flex:none}
.w9-th{display:grid;gap:12px;align-items:center;height:30px;padding:0 12px;font-size:11px;color:var(--text-4);font-weight:500;border-bottom:1px solid var(--line)}
.w9-tr{display:grid;gap:12px;align-items:center;padding:8px 12px;min-height:50px;font-size:13px;position:relative}
.w9-tr+.w9-tr,.w9-tr+.w9-note,.w9-note+.w9-tr,.w9-tr+.w9-err,.w9-err+.w9-tr{border-top:1px solid var(--line)}
.w9-tr:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.028 * var(--lt-k, 1)))}
.dk .w9-tr:focus-visible{outline:1.5px solid var(--focus);outline-offset:-3px;border-radius:9px}
.w9-tr.is-off .w9-who b,.w9-tr.is-off .w9-whr{color:var(--text-3)}
.w9-tick{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--text-4);display:grid;place-items:center;flex:none;color:var(--lt-white, #0b0c0e)}
.w9-tick.is-on{background:var(--main-bg);border-color:var(--main-bg)}
.dk .w9-tick svg.i{width:11px;height:11px;stroke-width:2.8}
.w9-tick:disabled{opacity:.45;cursor:default}
.w9-tick.is-fixed:disabled{opacity:1}
.w9-who{display:flex;align-items:center;gap:10px;min-width:0}
.w9-who>span:last-child{min-width:0}
.w9-who b{display:block;font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w9-who small{display:block;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w9-whr{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;min-width:0;font-variant-numeric:tabular-nums}
.w9-whr.is-dim{color:var(--text-3)}
.dk .w9-whr svg.ring,.dk .w9-whr svg.i{width:13px;height:13px;flex:none}
.w9-ref{width:7px;height:7px;border-radius:50%;flex:none;background:var(--ref)}
.w9-whr .k-final,.w9-sub .k-final,.w9-who .k-final{color:var(--final)}
.w9-whr .k-interview,.w9-sub .k-interview,.w9-who .k-interview{color:var(--st-interview)}
.w9-whr .k-screen,.w9-sub .k-screen,.w9-who .k-screen{color:var(--st-screen)}
.w9-to{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;min-width:0}
.w9-to>span:last-child{overflow:hidden;text-overflow:ellipsis;min-width:0}
.w9-to small{color:var(--text-4);font-size:12px}
.w9-to.is-none{color:var(--text-4)}
.w9-ac{display:flex;justify-content:flex-end;align-items:center;gap:6px}
.w9-ac .dk-btn{height:28px;font-size:12.5px;padding:0 10px}
.dk .w9-ac .dk-btn svg.i{width:13px;height:13px}
.w9-ac .dk-btn.is-on{background:var(--surface-3);border-color:var(--line-3)}
.w9-st-ok{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-4);white-space:nowrap}
.w9-st-ok.is-sent{color:var(--text-3)}
.dk .w9-st-ok svg.i{width:13px;height:13px}
.w9-sub{grid-column:2/-1;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);margin-top:-2px}
.w9-sub .w9-tick{width:14px;height:14px;border-radius:4px}
.dk .w9-sub .w9-tick svg.i{width:10px;height:10px}
/* a note to copy */
.w9-note{padding:4px 12px 12px 40px}
.w9-note.is-p{padding-left:12px}
.w9-nb{border:1px solid var(--line-2);border-radius:10px;background:var(--side);padding:12px 14px}
.w9-nb:focus-within{border-color:var(--line-3)}
.w9-nh{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-3);min-width:0}
.w9-nh b{color:var(--text-2);font-weight:500}
.w9-mail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.w9-cp{font-weight:500;color:var(--text-3);margin-left:4px}
.w9-cp:hover{color:var(--text)}
.w9-r{margin-left:auto;color:var(--text-4);font-size:12px;flex:none}
.w9-nt{display:block;width:100%;margin:8px 0 12px;padding:0;border:0;background:none;resize:none;overflow:hidden;font:inherit;font-size:13px;line-height:1.55;color:var(--text);outline:none;text-wrap:pretty}
.dk .w9-nt:focus-visible{outline:none}
.w9-nt.is-sk{display:flex;flex-direction:column;gap:9px;margin:14px 0 16px}
.w9-nf{display:flex;align-items:center;gap:8px}
.w9-nf .dk-btn{height:28px;font-size:12.5px;padding:0 10px}
.dk .w9-nf .dk-btn svg.i{width:13px;height:13px}
.dk .w9-nf .w9-ai svg.i{color:var(--accent)}
.w9-hint{font-size:12px;color:var(--text-4)}
.w9-aiw{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--accent);font-weight:500}
.dk .w9-aiw svg.i{width:14px;height:14px}
.w9-err{padding:0 12px 8px 40px}
.w9-err.is-p{padding-left:12px}
.w9-err .ly-bn{align-items:center}
.w9-err .ly-bn .dk-btn{margin-left:auto;height:28px;font-size:12.5px;flex:none}
.w9-help{font-size:12px;color:var(--text-4)}
/* side cards */
.w9-card{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.w9-card h3{margin:0;font-size:12.5px;font-weight:600;color:var(--text-3);display:flex;align-items:center;gap:6px}
.w9-card h3 span{margin-left:auto;font-weight:400;color:var(--text-4)}
.w9-co{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.w9-co .pp-tile.is-l{width:44px;height:44px;border-radius:11px;font-size:18px}
.w9-coi{min-width:0}
.w9-co b{display:block;font-size:16px;font-weight:600;letter-spacing:-.015em}
.w9-acc{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);margin-top:2px}
.dk .w9-acc svg.ring{width:13px;height:13px}
.w9-acc em{font-style:normal;color:var(--st-offer);font-weight:500}
.w9-kvs{display:flex;flex-direction:column;gap:4px}
.w9-kv{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;color:var(--text-2);min-height:26px}
.w9-kv>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk .w9-kv svg.i{width:14px;height:14px;color:var(--text-3)}
.w9-kv small{color:var(--text-4);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.w9-steps{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.w9-open{align-self:flex-start;height:28px;font-size:12.5px}
.w9-gt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;color:var(--text-2);min-height:32px}
.w9-gt+.w9-gt{border-top:1px solid var(--line);padding-top:8px}
.w9-gt .dk-btn{height:26px;font-size:12px;padding:0 9px}
.dk .w9-gt .dk-btn svg.i{width:12px;height:12px}
.w9-ok{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-3);white-space:nowrap}
.dk .w9-ok svg.i{width:13px;height:13px}
.w9-card .w9-help{line-height:1.45}
/* the start card on Overview, and the done recap */
.w9-cta{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:14px;padding:14px 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface)}
.w9-ic{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center}
.dk .w9-ic svg.ring{width:16px;height:16px}
.w9-q{display:block;font-size:12px;color:var(--text-3);font-weight:500}
.w9-cta b{display:block;font-size:14px;font-weight:600;margin-top:1px}
.w9-cta small{display:block;color:var(--text-3);font-size:12.5px}
.w9-rec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden;flex:none}
.w9-rec>div{padding:16px 18px;border-left:1px solid var(--line);min-width:0}
.w9-rec>div:first-child{border-left:0}
.w9-rec b{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.w9-rec span{display:block;margin-top:4px;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w9-body.is-narrow .w9-rec b{font-size:21px}
.w9-recf{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-3)}
.w9-lk{margin-left:auto;color:var(--text-2);font-weight:500;display:inline-flex;align-items:center;gap:5px}
.w9-lk:hover{color:var(--text)}
.dk .w9-lk svg.i{width:13px;height:13px}
/* a narrow window: the side cards fold into one line above the checklist (9.10) */
.w9-strip{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-2);padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface)}
.dk .w9-strip>svg.i{width:14px;height:14px;color:var(--text-3)}
.w9-strip .dk-btn{margin-left:auto;height:28px;font-size:12.5px}
.w9-na .ck{cursor:pointer}
/* an accepted offer on its role page (D9 9.1) */
.op-acc{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3)}
.dk .op-acc svg.ring{width:13px;height:13px}
.op-acc em{font-style:normal;color:var(--st-offer);font-weight:500}
/* Overview between searches (D9 9.7): the network, last search and kept roles reuse D1's sheet; these are its own bits. */
.w9-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:4px}
.w9-mini b{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.w9-mini span{display:block;margin-top:2px;font-size:12px;color:var(--text-3)}
.w9-cn{margin:10px 0 0;font-size:12px;color:var(--text-4)}
.li2 .li2-end .is-far,.li2 .li2-end.is-far{color:var(--text-3);font-weight:400}
.tr .rl-go.is-plain{color:var(--text-2)}

/* ---------- Settings (board D10) ---------- */
.dk-main:has(>.s10){height:100vh;overflow:hidden}
.s10{display:flex;flex-direction:column;min-width:0;flex:1;min-height:0;position:relative}
.s10-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:28px 32px 36px;display:grid;grid-template-columns:196px minmax(0,1fr);gap:40px;align-items:start;align-content:start;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent)}
.s10-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:0}
.s10-ni{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:7px;color:var(--text-2);font-weight:500;font-size:13px;text-align:left}
.s10-ni svg.i{width:15px;height:15px;color:var(--text-3)}
.s10-ni:hover{color:var(--text)}
.s10-ni[aria-current=page]{background:var(--surface-3);color:var(--text)}
.s10-ni[aria-current=page] svg.i{color:var(--text-2)}
.dk .s10-ni:focus-visible{outline:1.5px solid var(--focus);outline-offset:-2px;border-radius:7px}
.s10-pane{display:flex;flex-direction:column;gap:22px;min-width:0;max-width:760px}
.s10-h h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.018em;color:var(--text)}
.s10-h p{margin:5px 0 0;font-size:13.5px;color:var(--text-3);max-width:64ch;text-wrap:pretty}
.s10-gh{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:-12px}
.s10-gh:focus{outline:none}
.s10-gh .s10-r{margin-left:auto;font-weight:400;color:var(--text-4);display:inline-flex;align-items:center;gap:6px}
.s10-grp{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden;flex:none}
.s10-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 16px;min-height:58px;font-size:13.5px}
.s10-row+.s10-row{border-top:1px solid var(--line)}
.s10-row b{display:block;font-weight:500;font-size:13.5px;color:var(--text)}
.s10-row small{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px;text-wrap:pretty}
.s10-row .s10-v{color:var(--text-2);font-size:13.5px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.s10-row .acts{display:flex;align-items:center;gap:8px}
.s10-row .dk-btn{height:30px;font-size:12.5px;white-space:nowrap}
.s10-row .dk-btn svg.i{width:14px;height:14px}
.s10-row .dk-btn[aria-disabled=true]{opacity:.42;cursor:default}
.s10-row .ly-fd{gap:6px}
.s10-row .ly-inp{width:100%}
.s10-av{width:36px;height:36px;border-radius:50%;background:var(--surface-3);border:1px solid var(--line-2);display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--text-2);flex:none}
.s10-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;border:1px solid var(--line-2);font-size:11.5px;font-weight:500;color:var(--text-2);white-space:nowrap;vertical-align:1px}
.s10-tag.lt{color:var(--text-3)}
.s10-tag.bad{color:var(--danger);border-color:rgb(var(--lt-dg, 242 85 90) / .4)}
.s10-sv{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3)}
.s10-sv svg.i{width:14px;height:14px}
.s10 .c6-note>div{min-width:0;line-height:1.5}
.s10 .c6-note svg.i{width:15px;height:15px;color:var(--text-3);flex:none}
.s10 .c6-note.is-err svg.i{color:var(--danger)}
.s10 .c6-note .s10-tag{margin-left:4px}
/* plan */
.s10-plan{display:flex;flex-direction:column;gap:14px;padding:18px 18px 16px}
.s10-phd{display:flex;align-items:center;gap:12px}
.s10-phd .s10-pm{display:block;width:36px;height:36px;flex:none}
.s10-phd b{display:block;font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--text)}
.s10-phd small{display:block;font-size:12.5px;color:var(--text-3);margin-top:1px}
.s10-phd .tg{margin-left:auto;display:flex;gap:6px}
.s10-plan .s10-cap{padding:0;min-height:0}
.s10-plan .s10-cap b{font-weight:400;color:var(--text-2)}
.s10-bar{height:4px;border-radius:2px;background:var(--surface-3);overflow:hidden}
.s10-bar i{display:block;height:100%;background:var(--lt-on, #f3f4f6);border-radius:2px}
.s10-plan p{margin:0;font-size:13px;color:var(--text-2);line-height:1.5;text-wrap:pretty}
.s10-plan .acts{display:flex;gap:8px;flex-wrap:wrap}
.s10-inc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:4px 16px 8px}
.s10-inc>div{display:flex;align-items:center;gap:9px;min-height:36px;font-size:13px;color:var(--text-2);border-top:1px solid var(--line)}
.s10-inc>div:nth-child(-n+2){border-top:0}
.s10-inc svg.i{width:14px;height:14px;color:var(--text-3);flex:none}
.s10-inc .s10-x{margin-left:auto}
.s10-inc .off{color:var(--text-3)}
.s10-in{color:var(--text-3);font-size:12.5px}
.s10-frame{border:1px solid var(--line-2);border-radius:12px;background:var(--lt-page, #0d0e11);padding:18px;display:flex;flex-direction:column;gap:14px;flex:none}
/* Settings › Plan's chooser on the new design (#228, board D13): the website's plan cards in the app's colors. */
.s10-frame .s10-fc{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-4);margin:0}
.s10-frame .s10-fc svg.i{width:13px;height:13px}
.s10-pcbar{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.s10-pccap{margin:0;font-size:12.5px;color:var(--text-3)}
.s10-pcend{text-align:center}
.s10-pcgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:2px;align-items:stretch}
.s10-pc{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:14px;background:var(--surface);padding:20px;min-width:0;cursor:pointer}
.s10-pc.is-pro{border:1.5px solid var(--text-4)}
.s10-pchd{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}
.s10-pchd h3{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text)}
.s10-pcdesc{margin:6px 0 0;min-height:40px;font-size:13px;line-height:1.5;color:var(--text-3)}
.s10-pcpb{margin-top:12px;min-height:192px}
.s10-pc s{display:block;font-size:14px;color:var(--text-3)}
.s10-pcpr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:2px}
.s10-pcamt{font-size:36px;line-height:1.05;font-weight:600;letter-spacing:-.04em;color:var(--text);font-variant-numeric:tabular-nums}
.s10-pccur{font-size:18px;font-weight:600;vertical-align:14px;margin-right:1px;letter-spacing:0}
.s10-pcsuf{font-size:13px;color:var(--text-3)}
.s10-pcsub{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--text-2)}
.s10-pcrule{margin:6px 0 0;font-size:12.5px;color:var(--text-2)}
.s10-pclock{margin:6px 0 0;font-size:12px;line-height:1.45;color:var(--text-3)}
.s10-pc>.dk-btn{height:38px;width:100%;justify-content:center;margin-top:4px}
.s10-pc hr{height:1px;margin:18px 0 14px;border:0;background:var(--line-2)}
.s10-pcinc{margin:0 0 10px;font-size:12.5px;font-weight:500;color:var(--text)}
.s10-pc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:12.5px;line-height:1.45;color:var(--text-2)}
.s10-pc li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;align-items:start}
.s10-pc li svg.i{width:13px;height:13px;margin-top:2px;color:var(--text-3)}
.s10-pc li.is-ai svg.i{color:var(--accent)}
.s10-pcfoot{display:flex;justify-content:center}
/* account menu */
.s10-mn{padding:5px}
.s10-me{padding:8px 9px 8px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:4px}
.s10-me .s10-av{width:30px;height:30px;font-size:11px}
.s10-me b{display:block;color:var(--text);font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis}
.s10-me small{display:block;font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis}
.s10-me .ly-it.pl{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-height:0;font-size:12px;color:var(--text-2);padding:6px 8px;margin-top:2px;border-radius:7px;background:var(--surface-2)}
.s10-me .ly-it.pl:hover,.s10-me .ly-it.pl:focus-visible{background:var(--surface-3)}
.s10-me .pl svg.i{width:13px;height:13px;color:var(--text-3)}
.s10-me .pl svg.i:last-child{margin-left:auto;color:var(--text-4);transform:rotate(-90deg)}
/* the hold notice on every page (10.5) */
/* the notice across the top of every page (sample workspace, account hold, a load problem): a thin strip, as the boards draw it */
.dk-banner.is-top{flex:none;margin:0;padding:9px 28px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface-2);font-size:12.5px;color:var(--text-2)}
.dk-banner.is-top{display:flex;align-items:center;gap:16px}
.dk-banner .dk-back{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:4px;color:var(--text);font-weight:500;white-space:nowrap;text-decoration:none}
.dk-banner .dk-trial{margin-left:auto;flex:none;height:28px;text-decoration:none}
.dk-banner .dk-trial+.dk-back{margin-left:0}
.dk-banner .dk-back:hover{text-decoration:underline;text-underline-offset:3px}
.dk-banner .dk-back svg.i{width:13px;height:13px;transform:rotate(90deg)}
.dk-banner.is-top b{font-weight:500;color:var(--text)}
.dk-banner.is-hold{display:flex;align-items:center;gap:10px}
.dk-banner.is-hold svg.i{width:14px;height:14px;color:var(--text-2);flex:none}
.dk-banner.is-hold .dk-btn{margin-left:auto;height:28px;font-size:12.5px;flex:none}
/* a narrow window: the section list becomes a row of tabs (10.15) */
.s10-1024 .s10-body{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 24px 36px}
.s10-1024 .s10-nav{flex-direction:row;gap:4px;position:static;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:-4px}
.s10-1024 .s10-ni{height:30px;padding:0 10px}
.s10-1024 .s10-ni svg.i{display:none}
.s10-1024 .s10-inc{grid-template-columns:minmax(0,1fr)}
.s10-1024 .s10-inc>div:nth-child(2){border-top:1px solid var(--line)}
.dk-ws>.ly-mw{margin-left:auto}
/* Settings: calendar accounts (board D10 10.6–10.11) */
.s10-hint{margin:-10px 0 0;font-size:12.5px;color:var(--text-4);text-wrap:pretty}
/* #83 Your data (board v3): the export block, its picks, progress and the ready file */
.dx-blk{padding:16px;display:flex;flex-direction:column;gap:14px}
.dx-bh b{display:block;font-size:13.5px;font-weight:600;color:var(--text)}
.dx-bh small{display:block;margin-top:3px;font-size:12.5px;color:var(--text-3);line-height:1.5}
.dx-picks{display:flex;flex-wrap:wrap;gap:8px}
.dx-cb{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 10px;border:1px solid var(--line-2);border-radius:8px;font:inherit;font-size:13px;color:var(--text-2);background:var(--surface-2);cursor:pointer}
.dx-cb:disabled{cursor:default;opacity:.6}
.dx-cb em{font-style:normal;color:var(--text-4);font-size:12px;font-variant-numeric:tabular-nums}
.dx-cb .bx{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--line-3);display:grid;place-items:center}
.dx-cb.is-on{color:var(--text)}.dx-cb.is-on .bx{background:var(--text);border-color:var(--text);color:var(--bg)}
.dx-cb .bx .i{width:10px;height:10px}
.dx-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dx-act .dk-btn .i{width:15px;height:15px}
.dx-last{font-size:12.5px;color:var(--text-4)}
.dx-prog{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-2)}
.dx-prog i{display:block;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.dx-prog i b{display:block;height:100%;background:var(--text-2);border-radius:3px;transition:width .2s}
.dx-ready{flex:1;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2)}
.dx-ready>.i{width:20px;height:20px;color:var(--text-2)}
.dx-ready b{display:block;font-size:13px;font-weight:600;color:var(--text);overflow-wrap:anywhere}
.dx-ready small{display:block;font-size:12px;color:var(--text-3)}
/* #343 Sync now (board approved Oct 12): a quiet outline button before the chevron; the row still opens the account */
.s10-acct.is-row{position:relative}
.s10-hit{position:absolute;inset:0;border-radius:inherit;background:none;border:0;cursor:pointer}
.s10-hit:focus-visible{outline:2px solid var(--text-3);outline-offset:-2px}
.s10-acct.is-row>*:not(.s10-hit){position:relative;pointer-events:none}
.s10-acct.is-row .acts .dk-btn{pointer-events:auto}
.s10-acct.is-row:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.028 * var(--lt-k, 1)))}
.dk-btn.s10-sync{height:28px;padding:0 10px;font-size:12.5px;gap:6px;background:none;border-color:var(--line-2);color:var(--text-2)}
.dk-btn.s10-sync .i{width:14px;height:14px}
.dk-btn.s10-sync[aria-disabled=true],.dk-btn.s10-sync:disabled{opacity:.5;cursor:default}
.s10-sn{display:flex;align-items:center;justify-content:space-between;gap:12px}
.s10-sn .s10-note{margin:0}.s10-sn .s10-sync{flex:none;white-space:nowrap}
/* #83 Import (board v3): the dialog's steps, drop area, column matching and review */
.ly-dg.dx-dlg.is-wide{width:min(820px,calc(100vw - 48px))}
.dx-dlg .ly-b{display:flex;flex-direction:column;gap:14px}
.dx-steps{display:flex;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--text-4);flex-wrap:wrap}
.dx-steps span{display:inline-flex;align-items:center;gap:7px}
.dx-steps i{width:20px;height:20px;border-radius:50%;border:1px solid var(--line-3);display:grid;place-items:center;font-style:normal;font-size:11px}
.dx-steps i .i{width:11px;height:11px}
.dx-steps .is-on{color:var(--text)}.dx-steps .is-on i{background:var(--text);color:var(--bg);border-color:var(--text)}
.dx-steps .is-done{color:var(--text-2)}
.dx-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;border:1.5px dashed var(--line-3);border-radius:12px;text-align:center;color:var(--text-2);font-size:13px}
.dx-drop.is-over{border-color:var(--text-2);background:var(--surface-2)}
.dx-drop>.i{width:26px;height:26px;color:var(--text-3)}
.dx-drop b{color:var(--text);font-size:14px;overflow-wrap:anywhere}
.dx-drop small{color:var(--text-4);font-size:12px}
.dx-drop label.dk-btn{display:inline-flex;cursor:pointer}
.dx-drop:focus-within label.dk-btn{outline:2px solid var(--focus, var(--text-3));outline-offset:2px}
.dx-imp{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-2)}
.dx-tpl{margin:0;font-size:12.5px;color:var(--text-3)}
.dx-link{font:inherit;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-3);padding:0}
.dx-p{margin:0;font-size:13px;color:var(--text-2);line-height:1.5}.dx-p b{color:var(--text)}
.dx-p.is-sm{font-size:12.5px;color:var(--text-3)}
.dx-cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start}
.dx-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.dx-tbl th{text-align:left;font-weight:500;color:var(--text-4);padding:0 8px 6px 0}
.dx-tbl td{padding:5px 8px 5px 0;border-top:1px solid var(--line);color:var(--text-2);vertical-align:middle}
.dx-tbl td b{color:var(--text);font-weight:500}
.dx-tbl td em{font-style:normal;color:var(--text-4)}
.dx-arr{width:18px;color:var(--text-4)}.dx-arr .i{width:13px;height:13px}
.dx-sel{min-width:170px;height:28px;padding:0 6px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2);color:var(--text);font:inherit;font-size:12.5px}
.dx-vals .dx-sel{min-width:0;width:100%}
.dx-g{font-size:11.5px;color:var(--st-interview)}.dx-g.is-skip{color:var(--text-4)}
.dx-vals{padding:12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface)}
.dx-vals>b{display:block;font-size:13px;color:var(--text)}.dx-vals>small{display:block;font-size:12px;color:var(--text-3);margin-bottom:8px}
.dx-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dx-sum div{padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface)}
.dx-sum b{display:block;font-size:20px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
.dx-sum span{font-size:12px;color:var(--text-3)}
.dx-sum .is-err b{color:var(--warn)}
.dx-sum.is-dim{opacity:.6}
.dx-tabs{display:flex;gap:6px;font-size:12.5px}
.dx-tabs button{padding:5px 10px;border-radius:7px;color:var(--text-3);font:inherit;font-size:12.5px}
.dx-tabs button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}
.dx-scroll{max-height:min(360px,40vh);overflow:auto}
.dx-rev td{padding:8px 10px 8px 0}
.dx-rev td small{display:block;color:var(--text-3);font-size:12px}
.dx-tbl td.dx-why{color:var(--text-3);font-size:12px;max-width:320px}
.dx-why>span:first-child{display:block}
.dx-why .vsw{display:flex;width:max-content;margin-top:12px}
.vsw.is-sm button{height:22px;font-size:11.5px;padding:0 8px}
.dx-st{display:inline-block;padding:2px 7px;border-radius:6px;font-size:11.5px;white-space:nowrap;border:1px solid var(--line-2);color:var(--text-2)}
.dx-st.is-dup{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}
.dx-st.is-err{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent);background:color-mix(in srgb, var(--warn) 8%, transparent)}
.dx-wait{margin-left:auto;margin-right:12px;font-size:12.5px;color:var(--text-3)}
.dx-dlg .ly-f>.dk-btn:first-child{margin-right:auto}
.ly-x[disabled]{opacity:.3;cursor:default}
.dx-ok{margin-top:0}.dx-ok>.i{color:var(--st-interview)}
.dx-lock{margin-top:0}
.dx-ok .i,.dx-lock>.i{flex:none}
.s10-lg{width:30px;height:30px;border-radius:8px;background:#fff;display:grid;place-items:center;flex:none;color:#131517}
.s10-lg img{width:16px;height:16px;display:block}
.s10-lg.is-sm{width:22px;height:22px;border-radius:6px}
.s10-lg.is-sm img{width:12px;height:12px}
.s10-lg.is-lg{width:44px;height:44px;border-radius:11px}
.s10-lg.is-lg img{width:22px;height:22px}
.s10-acct{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 16px;min-height:66px;width:100%;text-align:left;color:var(--text);font:inherit}
.s10-acct+.s10-acct{border-top:1px solid var(--line)}
.s10-acct b{font-weight:500;font-size:13.5px;display:inline-flex;align-items:center;gap:8px}
.s10-acct small{display:block;font-size:12.5px;color:var(--text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s10-acct .s10-st{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);margin-top:2px;white-space:nowrap}
.s10-acct .s10-st svg.i{width:13px;height:13px;flex:none}
.s10-acct .s10-st.is-bad{color:var(--danger)}
.s10-acct .s10-vo{color:var(--text-2)}
.s10-acct .acts{display:flex;align-items:center;gap:8px}
.s10-acct .acts>svg.i{width:15px;height:15px;color:var(--text-4);transform:rotate(-90deg)}
.s10-acct .dk-btn{height:30px;font-size:12.5px}
button.s10-acct:hover{background:rgb(var(--lt-ink, 255 255 255) / calc(.028 * var(--lt-k, 1)))}
.s10-acct.is-sel{background:rgb(var(--lt-ink, 255 255 255) / calc(.035 * var(--lt-k, 1)));box-shadow:inset 2px 0 0 var(--text-2)}
.dk .s10-acct:focus-visible{outline:1.5px solid var(--focus);outline-offset:-3px;border-radius:11px}
.s10-acct.is-add .s10-lg{background:var(--surface-2);border:1px solid var(--line-2);color:var(--text-2)}
.s10-acct.is-add .s10-lg svg.i{width:15px;height:15px}
.s10-acct.off{opacity:.5}
.s10-none{align-items:center;text-align:center;padding:26px 18px}
.s10-none+.s10-acct{border-top:1px solid var(--line)}
.s10-dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
.s10-cal{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:42px;font-size:13.5px}
.s10-cal+.s10-cal{border-top:1px solid var(--line)}
.s10-cal.is-two{grid-template-columns:minmax(0,1fr) auto}
.s10-cal b{display:block;font-weight:400;color:var(--text)}
.s10-cal small{display:block;font-size:12px;color:var(--text-3)}
.s10-cal.is-gone b{color:var(--text-3)}
.s10-cal.is-gone>i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--text-4)}
.s10-cal .dk-btn{height:28px;font-size:12.5px}
.s10-box{border:1px solid var(--line-2);border-radius:10px;padding:2px 12px;background:var(--surface)}
.s10-mw{display:flex;width:100%}
.s10-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);font:inherit;font-size:13.5px;text-align:left;color:var(--text)}
.s10-pick .s10-v{display:inline-flex;align-items:center;gap:8px;color:var(--text-2)}
.s10-pick svg.i{width:14px;height:14px;color:var(--text-3)}
.s10-pick.is-on{border-color:var(--line-3);background:var(--surface-3)}
.s10-pick.is-flat{border:0;background:none;min-height:0;padding:0;width:auto}
.s10-cal .s10-mw{width:auto}
.s10-note{font-size:12.5px;color:var(--text-3);line-height:1.5;margin:0;text-wrap:pretty}
.s10-note b{color:var(--text-2);font-weight:500}
.s10-txt{font:inherit;font-size:13px;font-weight:500;color:var(--text-2);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px;white-space:nowrap;padding:0}
.s10-txt:hover{color:var(--text)}
.s10-foot{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:4px}
.s10-foot .s10-note{margin-top:-4px}
.s10-dis.dk-btn{padding:0;height:auto}
/* a switch: off is grey, on is near-white (lavender stays for Evallo AI) */
.s10-sw{width:32px;height:18px;border-radius:9px;background:var(--surface-3);border:1px solid var(--line-3);position:relative;flex:none;display:inline-block;padding:0}
.s10-sw::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-3)}
.s10-sw.is-on{background:var(--lt-on, #f3f4f6);border-color:var(--lt-on, #f3f4f6)}
.s10-sw.is-on::after{left:16px;background:var(--lt-white, #131517)}
.s10-sw:disabled{opacity:.45}
.dk .s10-sw:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px;border-radius:9px}
/* the calendar dialogs */
.s10-perm{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:start;font-size:13px;color:var(--text-2);line-height:1.45}
.s10-perm svg.i{width:14px;height:14px;margin-top:2px;color:var(--text-3)}
.s10-perm.is-yes svg.i{color:var(--text)}
.s10-perm .s10-n{width:18px;height:18px;border-radius:50%;border:1px solid var(--line-3);display:grid;place-items:center;font-size:10.5px;font-weight:600;color:var(--text-2)}
.s10-lb{font-size:11.5px;font-weight:600;color:var(--text-4);letter-spacing:.02em;margin-bottom:-4px;text-transform:uppercase}
.s10-mk{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:6px 0 2px}
.s10-mk h4{margin:4px 0 0;font-size:16px;font-weight:600;letter-spacing:-.01em;text-wrap:balance;color:var(--text)}
.s10-mk p{margin:0;font-size:13px;color:var(--text-3);max-width:46ch;text-wrap:pretty}
.s10-mk .wi{width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--text-2)}
.s10-mk .wi svg.i{width:20px;height:20px}
.s10-bare{padding-top:22px}
.s10-f .s10-go,.ly-f.s10-f>.dk-btn.is-red.s10-go{margin-left:auto;margin-right:0}
.s10-kind{display:grid;grid-template-columns:1fr 1fr;align-self:stretch}
.s10-kind button{justify-content:center}
.s10-note-box{font-size:12.5px;color:var(--text-2);line-height:1.5}
.s10-step b{display:block;font-size:13px;font-weight:500;color:var(--text)}
.s10-step span{display:block;margin:3px 0 10px;font-size:12.5px;color:var(--text-2)}
.s10-step .dk-btn{height:28px;font-size:12.5px}
.s10-step .dk-btn svg.i{width:13px;height:13px}
.s10 .s10-ni .tg{margin-left:auto}
.ly-sub .s10-lg.is-sm{margin-right:1px}
/* a meeting still on the work calendar after adding was turned off (D10 10.9) */
.s10-wk{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:12.5px;color:var(--text-3);position:relative}
.s10-wk svg.i{width:13px;height:13px;flex:none}
.s10-wk .lbi{vertical-align:0;margin-left:0}
.s10-wk .lbtip{left:-10px;right:auto;width:270px;font-size:12.5px}
/* Choose Pipeline opportunities: company, role and stage as columns (D10 10.4) */
.s10-box:has(.s10-pk){padding:0 12px}
.s10-pk{grid-template-columns:16px minmax(0,1.3fr) minmax(0,1fr) 92px}
.s10-pk b{font-weight:500}
.s10-pk.is-off b{color:var(--text-3)}
.s10-stg{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2)}
.s10-pk.is-off .s10-stg{color:var(--text-3)}
.dk .s10-stg svg.ring{width:13px;height:13px}
.s10-pk .s10-tag{justify-self:start}
.s10-pkn{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2)}
.s10-pkn b{font-weight:500;color:var(--text)}
.s10-pkn span{color:var(--text-4)}
.ly-sub>svg.i{width:13px;height:13px}
.in-sample-note{margin:0 0 4px}
/* Evallo AI drafting a check-in (D8 8.4): the D9 rewrite's lavender label and lines */
.pp-sk{height:auto;min-height:120px;flex-direction:column;align-items:stretch;gap:9px;padding:12px 11px}

/* ---------- AI suggestions (board D11) ---------- */
.dk-main:has(>.a11){height:100vh;overflow:hidden}
.a11{display:flex;flex-direction:column;min-width:0;flex:1;min-height:0;position:relative}
.a11-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:24px 32px 36px;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:start;align-content:start;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent)}
.a11-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.a11-sh{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.a11-sh:first-child{margin-top:0}
.a11-sh h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:var(--text)}
.a11-sh span{font-size:12.5px;color:var(--text-4);text-wrap:pretty}
.a11-note{padding:20px 32px 0;flex:none}
.a11-note .c6-note svg.i{width:15px;height:15px;flex:none}
.a11-wait{margin:0}
/* a suggestion card (D5 5.24's card, given a role line and its source) */
.a11-card{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px 12px;padding:14px 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);flex:none}
.a11-card>svg.i{width:15px;height:15px;color:var(--accent);margin-top:2px}
/* Suggestion card icons (#130, app boards v64): the "?" for questions, the task checkbox for tasks, lavender only when from an AI review. */
.dk .ly-sg svg.sg-i{width:14px;height:14px}
.li2 svg.sg-i{width:15px;height:15px}
.dk svg.sg-i.is-q{color:var(--open)}
.dk svg.sg-i.is-t{color:var(--text-3)}
.dk svg.sg-i.is-t.is-ai{color:var(--accent)}
.a11-card b{display:block;font-weight:500;font-size:14px;color:var(--text)}
.a11-card .a11-why{margin-top:3px;font-size:13px;color:var(--text-3);text-wrap:pretty}
.a11-meta{display:flex;align-items:center;gap:14px;margin-top:8px;font-size:12px;color:var(--text-4);flex-wrap:wrap}
.a11-meta>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.dk .a11-meta svg.ring{width:13px;height:13px}
.a11-meta svg.i{width:12px;height:12px}
.a11-card .a11-meta b{display:inline;font-size:12px;font-weight:500;color:var(--text-2)}
.a11-card .acts{grid-column:2;display:flex;align-items:center;gap:6px}
.a11-card .acts .dk-btn{height:28px;font-size:12.5px}
.a11-due{margin-left:auto;font-size:12px;color:var(--text-4);font-variant-numeric:tabular-nums}
.a11-due.is-tod{color:var(--warn)}
.a11-does{display:none;margin-left:4px;font-size:12px;color:var(--text-4)}
.a11-card[data-sk]:hover .a11-does,.a11-card[data-sk]:focus-within .a11-does{display:inline}
.a11-card[data-sk]:hover{background:var(--lt-white, #131418);border-color:var(--line-3)}
.dk .a11-card:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px;border-radius:12px}
.a11-card.is-ex{opacity:.62}
/* roles you can review, and recent decisions */
.a11-grp{border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden;flex:none}
.a11-role{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;min-height:60px}
.a11-role+.a11-role{border-top:1px solid var(--line)}
.a11-role .pp-tile{width:28px;height:28px}
.a11-role b{display:block;font-weight:500;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.a11-role .a11-st{font-size:12px;color:var(--text-3);margin-top:1px}
.dk .a11-role .a11-st svg.ring{width:12px;height:12px;flex:none}
.a11-lr{display:block;font-size:12px;color:var(--text-4);margin-top:2px;text-wrap:pretty}
.a11-lr em{font-style:normal;color:var(--text-3)}
.a11-role .dk-btn{height:28px;font-size:12.5px}
.a11-role.is-sel{background:rgb(var(--lt-ink, 255 255 255) / calc(.035 * var(--lt-k, 1)));box-shadow:inset 2px 0 0 var(--text-2)}
.a11-more{display:block;width:100%;text-align:left;padding:10px 14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-3)}
.a11-more:hover{color:var(--text)}
.a11-log{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 14px;font-size:13px;color:var(--text-2)}
.a11-log+.a11-log{border-top:1px solid var(--line)}
.a11-log svg.i{width:14px;height:14px;color:var(--text-3)}
.a11-log small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-4);margin-top:1px}
.dk .a11-log small svg.ring{width:12px;height:12px}
.a11-d{font-size:12px;color:var(--text-4);white-space:nowrap}
.a11-hint{margin:0;font-size:12.5px;color:var(--text-4);text-wrap:pretty}
.a11-empty{margin:8px 0 0;width:100%}
/* narrow window: roles to review go under the cards */
.a11-1024 .a11-body{grid-template-columns:minmax(0,1fr);padding:20px 24px 36px;gap:22px}
.a11-1024 .a11-note{padding:20px 24px 0}
/* the review panel (D11 11.3–11.8) */
.ly-sdp:has(.a11-pt){width:520px}
.a11-pt{display:inline-flex;align-items:center;gap:8px}
.a11-pt svg.i{width:16px;height:16px}
.a11-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.a11-mode{display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px 10px;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);min-width:0;text-align:left;color:var(--text)}
.a11-mode svg.i{width:15px;height:15px;color:var(--text-3);margin-top:1px}
.a11-mode b{font-size:13px;font-weight:500}
.a11-mode small{grid-column:2;font-size:12px;color:var(--text-3);line-height:1.35}
.a11-mode[aria-checked=true]{background:var(--surface-3);border-color:var(--line-3)}
.a11-mode[aria-checked=true] svg.i{color:var(--text)}
.a11-mode:disabled{opacity:.45;cursor:default}
.dk .a11-mode:focus-visible{outline:1.5px solid var(--focus);outline-offset:2px;border-radius:10px}
.a11-kick{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text-3)}
.a11-kick svg.i{width:14px;height:14px;color:var(--accent)}
.a11-f{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px 10px;align-items:start;font-size:13px;color:var(--text-2);line-height:1.45;padding:8px 0}
.a11-f+.a11-f{border-top:1px solid var(--line)}
.a11-f>svg.i{width:14px;height:14px;margin-top:2px;color:var(--text-4)}
.a11-f.is-q>svg.i{color:var(--open)}
.a11-f.is-m>svg.i{color:var(--danger)}
.a11-tp{display:block;font-size:11.5px;color:var(--text-4);margin-bottom:1px}
.a11-ms{color:var(--danger)}
.a11-srcl{font-size:12px;font-weight:500;color:var(--text-3);white-space:nowrap;text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px}
.a11-srcl:hover{color:var(--text)}
.a11-qs{grid-column:2/-1;display:flex;flex-direction:column;gap:8px;margin-top:2px}
.a11-q{margin:0;padding:10px 12px;border-left:2px solid var(--line-3);background:var(--surface);border-radius:0 8px 8px 0;font-size:12.5px;color:var(--text-2);line-height:1.5}
.a11-q small{display:block;margin-top:5px;font-size:11.5px;color:var(--text-4)}
.a11-p{border:1px solid var(--line-2);border-radius:10px;background:var(--surface);padding:12px;display:flex;flex-direction:column;gap:8px}
.a11-p.is-ok{border-color:var(--line-3);background:var(--lt-page, #141519)}
.a11-p.is-no{opacity:.6}
.a11-ph{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}
.a11-ph .a11-srcl{margin-left:auto}
.a11-p .a11-qs{grid-column:auto}
.a11-tx{font-size:13.5px;color:var(--text);line-height:1.45}
.a11-mt{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--text-3)}
.a11-mt b{font-weight:500;color:var(--text-2)}
.a11-mt b.is-bad{color:var(--danger)}
.a11-mt .s10-txt{font-size:12.5px}
.a11-ed{display:flex;flex-direction:column;gap:8px}
.a11-ed .ly-ta{min-height:0}
.a11-p .vsw{align-self:flex-start}
.a11-p .vsw button{height:24px;font-size:12px;padding:0 9px}
.a11-saved{align-self:flex-start;font-size:12px;color:var(--text-3)}
.a11-cm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:10px 0;font-size:13px}
.a11-cm+.a11-cm{border-top:1px solid var(--line)}
.a11-cm b{font-weight:500;color:var(--text)}
.a11-cm small{grid-column:1/-1;display:flex;gap:10px;align-items:center;font-size:12px;color:var(--text-3);flex-wrap:wrap}
.a11-cm.is-done b{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--text-4)}
.a11-cme{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;padding-top:4px}
.a11-cme .dk-btn{align-self:flex-start}
.a11-det{display:grid;gap:6px;font-size:13px;color:var(--text-2)}
.a11-det b{font-weight:500;color:var(--text)}
.a11-line{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-3);flex-wrap:wrap}
.a11-line b{color:var(--text-2);font-weight:500}
.a11-line .dk-btn{margin-left:auto}
.a11-gen svg.i{width:15px;height:15px}
.a11-retry{align-self:flex-start;height:30px;font-size:12.5px}
.a11-det span{display:block;margin:0;font-size:13px;color:var(--text-2)}
.a11-det b{display:inline;font-weight:500;color:var(--text)}

/* ---------- Light (board D13, approved October 7; Settings › Appearance, D10 10.12) ----------
   Same layouts and words as dark; only the colors change. Tokens first, then the Light value of every color the
   stylesheet writes directly (each reads var(--lt-…, its dark value)). Toasts stay dark, like the phone. */
html.dk-mode.dk-light,html.dk-mode.dk-light body{background:#f7f7f9}
.dk.is-light{
  color-scheme:light;
  --bg:#f7f7f9; --surface:#ffffff; --surface-2:#f0f0f4; --surface-3:#e8e8ee;
  --line:rgba(15,17,26,.08); --line-2:rgba(15,17,26,.14); --line-3:rgba(15,17,26,.22);
  --text:#14151a; --text-2:#40424c; --text-3:#5a5c68; --text-4:#666873;
  --accent:#5b57e8; --accent-ink:#ffffff; --accent-soft:rgba(91,87,232,.06); --accent-line:rgba(91,87,232,.3);
  --st-applied:#5a5c68; --st-screen:#a24d16; --st-interview:#23750a; --st-offer:#07548f;
  --final:#4b34a3; --pending:#a63891; --open:#0069aa; --danger:#c40045; --warn:#816100;
  --main-bg:#14151a; --main-ink:#ffffff;
  --side:#f1f1f4; --focus:rgba(20,21,26,.6); --ring-track:#e3e3ea; --dim:#7f828d; --scrim:rgba(15,17,26,.32); --toast:#2a2b31; --ref:#008482;
  /* Overlays use dark ink at 1.3 times dark's strength; stage tints are 60% of dark's. */
  --lt-ink:15 17 26; --lt-k:1.3; --lt-tint:.6;
  --lt-sc:162 77 22; --lt-iv:35 117 10; --lt-of:7 84 143; --lt-fi:75 52 163; --lt-ap:90 92 104; --lt-pe:166 56 145; --lt-op:0 105 170; --lt-dg:196 0 69; --lt-dl:64 66 76;
  --lt-white:#ffffff; --lt-page:#f7f7f9; --lt-flag:#f5f5fe; --lt-tile:#f0f0f4; --lt-tile-ink:#40424c; --lt-tagline:#dcdde2; --lt-tgl:#e3e3ea;
  --lt-on:#14151a; --lt-gray:#5a5c68; --lt-cur:#5a5c68; --lt-wave:#40424c; --lt-bar:#868893; --lt-bar-hi:#6e707b; --lt-bar-now:#4a46d6;
  --lt-email:#4c70c1; --lt-call:#24804f; --lt-kbd-main:rgba(255,255,255,.62); --lt-kbd-line:rgba(255,255,255,.24); --lt-spin:rgba(255,255,255,.3);
  --lt-field:rgba(15,17,26,.24); --lt-scrim-top:rgba(15,17,26,.2);
  --lt-sh-a:rgba(15,17,26,.18); --lt-sh-b:rgba(15,17,26,.19); --lt-sh-c:rgba(15,17,26,.22);
}
/* Toasts stay dark in Light: their words keep the dark look. */
.dk.is-light .dk-toast{--text:#f3f4f6; --text-3:#8a8f98; --line-3:rgba(255,255,255,.16); --danger:#f2555a; --lt-dg:242 85 90}
/* White logos and people's own calendar colors get a thin outline so they don't disappear on white. */
.dk.is-light .s10-dot{box-shadow:0 0 0 1px rgba(15,17,26,.28)}

/* Compare offers preview (board A2.1, owner Oct 8): the compare tile in a dialog */
.op-off .op-offf button.lk:hover{color:var(--text-2);text-decoration:underline;text-underline-offset:3px}
.cp-t{margin-top:14px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);overflow:hidden;font-size:13.5px}
.cp-r{display:grid;grid-template-columns:150px repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.cp-r:first-child{border-top:0}
.cp-r>div{padding:11px 16px;min-width:0;font-variant-numeric:tabular-nums}
.cp-r>div+div{border-left:1px solid var(--line)}
.cp-r>div:first-child{color:var(--text-3);font-size:12.5px;padding-top:12px}
.cp-r small{display:block;font-size:12px;color:var(--text-4);margin-top:1px}
.cp-r.is-hd>div{display:flex;align-items:center;padding:14px 16px}
.cp-r.is-gp>div{background:rgb(var(--lt-ink, 255 255 255) / calc(.015 * var(--lt-k, 1)));padding-top:8px;padding-bottom:8px;font-size:11.5px;font-weight:600;color:var(--text-3)}
.cp-co{display:flex;align-items:center;gap:10px;min-width:0}
.cp-co b{display:block;font-size:14.5px;font-weight:600}
.cp-co small{margin-top:0}
.cp-ms{color:var(--danger)}
.cp-r .dby svg.i{width:13px;height:13px}
.tr .du.is-quiet{color:var(--text-4);font-weight:400}
.pp-first{margin:14px 24px 0 28px}
.pp-first>svg.i{color:var(--text-3)}
/* The sidebar's + keeps its main-button look and ⌘K label while its menu is open (#251) */
.dk .dk-sbtn.add.ly-open{background:var(--main-bg);color:var(--main-ink);border-color:var(--main-bg);box-shadow:0 0 0 2px var(--line-3)}

/* ---------- The homepage's animated demo (/demo/?hero=desk, hero.js) ---------- */
/* The homepage says it's a sample, so the banner stays out of the picture; the pointer and the dragged card float above. */
html.dk-hero .dk-banner.is-top{display:none}
html.dk-hero .dk-main{opacity:var(--dk-hero-main,1)}
html.dk-hero[data-hero-interactive=false],html.dk-hero[data-hero-interactive=false] body{overflow:hidden}
.dk.dk-hero-layer{position:fixed;inset:0;min-height:0;background:none;pointer-events:none;z-index:2147483000;overflow:visible}
.dk-hero-cursor{position:absolute;left:0;top:0;width:22px;height:22px;margin:-3px 0 0 -5px;opacity:0;filter:drop-shadow(0 2px 4px var(--scrim))}
.dk-hero-cursor svg{display:block;transform-origin:5px 3px;transition:scale .12s ease}
.dk-hero-cursor.is-down svg{scale:.86}
.pp-card.dk-hero-ghost{position:absolute;left:0;top:0;margin:0;border-color:var(--line-3);background:var(--surface-2);transform-origin:30% 20%;will-change:transform}
html.dk-hero .pp-head .cnt{display:inline-block}
@keyframes dk-hero-arrive{0%{box-shadow:0 0 0 1.5px var(--dk-hero-glow)}100%{box-shadow:0 0 0 1.5px transparent}}
@keyframes dk-hero-bump{0%{scale:1}35%{scale:1.35;color:var(--text)}100%{scale:1}}
@media (prefers-reduced-motion:reduce){.dk-hero-cursor svg{transition:none}}

/* ---------- Billing in Settings › Plan (#265, board D15 v2.1) ---------- */
.bl{display:flex;flex-direction:column;gap:20px;flex:none}
.bl:focus{outline:none}
.bl>.s10-gh{margin-bottom:-12px}
.bl-msg:empty{display:none}
.bl .ly-bn .acts,.bl .c6-note .acts{margin-left:auto;display:flex;gap:8px;flex:none}
.bl .c6-note{margin-top:0;align-items:center}
.bl-sum .bl-hd{display:flex;align-items:center;gap:14px;padding:18px 18px 16px}
.bl-sum .s10-pm{display:block;width:44px;height:44px;flex:none}
.bl-nm{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.bl-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bl-t b{font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--text)}
.bl-nm small{font-size:13px;color:var(--text-3);text-wrap:pretty}
.bl-hd>.dk-btn{flex:none}
.bl-hd>.dk-btn svg.i{width:13px;height:13px}
.bl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border-top:1px solid var(--line)}
.bl-st{display:flex;flex-direction:column;gap:4px;padding:13px 18px;min-width:0}
.bl-st+.bl-st{border-left:1px solid var(--line)}
.bl-st span{font-size:12px;color:var(--text-3)}
.bl-st b{font-size:14.5px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}
.bl-trial{display:flex;flex-direction:column;gap:10px;padding:0 18px 16px}
.bl-trial p{margin:0;font-size:13px;color:var(--text-2);text-wrap:pretty}
.bl-trial p b{color:var(--text);font-weight:500}
.bl-ft{margin:0;padding:13px 18px 15px;border-top:1px solid var(--line);font-size:13px;color:var(--text-3);line-height:1.55;text-wrap:pretty}
.bl-ft b{color:var(--text);font-weight:500}
.bl-p{margin:0;font-size:13.5px;color:var(--text-2);line-height:1.5;max-width:78ch;text-wrap:pretty}
.bl-rcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.bl-rc{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface)}
.bl-rc b{font-size:14.5px;font-weight:600;color:var(--text)}
.bl-pad{display:flex;flex-direction:column;gap:12px;padding:16px}
.bl-box{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2)}
.bl-box p{margin:0;font-size:13px;color:var(--text-2)}
.bl-box b{color:var(--text);font-weight:500}
/* The reviews: a summary of the verified amounts, today's text, then the consent box. */
.bl-sum2{border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);overflow:hidden}
.bl-sr{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 14px;font-size:13.5px;color:var(--text-2)}
.bl-sr+.bl-sr{border-top:1px solid var(--line)}
.bl-sr b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.bl-sr s{color:var(--text-4);margin-right:4px}
.bl-ack{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--text-2);line-height:1.5;cursor:pointer}
.bl-ack input{width:16px;height:16px;margin:2px 0 0;flex:none;accent-color:var(--main-bg)}
.bl-ack a{color:var(--text);text-decoration:underline;text-underline-offset:2px}
.bl-tl{list-style:none;margin:2px 0 4px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.bl-tl::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:1px;background:var(--line-3)}
.bl-tl li{position:relative;display:flex;flex-direction:column;gap:2px;padding-top:24px;min-width:0}
.bl-tl i{position:absolute;top:0;left:0;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--text-3);background:var(--surface)}
.bl-tl li.is-on i{background:var(--text);border-color:var(--text)}
.bl-tl span{font-size:12px;color:var(--text-3)}
.bl-tl b{font-size:14px;font-weight:600;color:var(--text)}
.bl-tl small{font-size:12.5px;color:var(--text-3)}
.ly-dg [data-hold-review],.ly-dg [data-resume-consent]{display:flex;flex-direction:column;gap:12px}

/* The first-time walkthrough (#277) waits, hidden, until tour.css (loaded when it opens) shows it. */
.dk-tour{visibility:hidden}
/* #327 Cancel your account: what happens, in order, then the tick before the red button turns on. */
.cx-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cx-list li{display:flex;gap:12px;align-items:flex-start;color:var(--text-2);font-size:14px;line-height:1.5}
.cx-list li svg.i{flex:none;margin-top:2px;color:var(--text-3)}
.cx-list b{color:var(--text);font-weight:600}
.cx-alt{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--text-2);font-size:14px}
.cx-alt a{color:var(--text);text-decoration:underline;text-underline-offset:2px}
.cx-cb{display:flex;align-items:center;gap:10px;margin-top:14px;padding:0;border:0;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.cx-cb:disabled{cursor:default;opacity:.6}
.cx-keeps{margin:0 0 14px;color:var(--text-2);font-size:14px;line-height:1.55}
/* #327 P: the Hold offer inside the paid confirm, quieter than the cancel button. */
.cx-hold{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:14px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface)}
.cx-hold p{margin:0;color:var(--text-2);font-size:12.5px;line-height:1.5}
.cx-hold .cx-h2{color:var(--text);font-size:13.5px;font-weight:500}
.cx-hact{display:flex;justify-content:flex-start}
.cx-ban{margin-top:0;margin-bottom:16px}

/* Open on laptop (#436, board v8 desktop frame): your iPhone's request, centered over the page, on every page. */
.dk-handoff{position:fixed;top:14px;left:calc(232px + (100vw - 232px) / 2);transform:translateX(-50%);z-index:55;width:min(760px,calc(100vw - 232px - 48px));display:flex;align-items:center;gap:14px;padding:14px 18px 14px 16px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface);box-shadow:0 18px 40px -18px var(--lt-sh-a, rgba(0,0,0,.9))}
.dk-handoff .cm{flex:none}
.dk-handoff .tx{flex:1;min-width:0}
.dk-handoff .ho-t{font-size:15px;font-weight:650;color:var(--text)}
.dk-handoff .ho-t .fin{margin-left:4px;font-size:14.5px}
.dk-handoff .ho-l{margin-top:2px;font-size:14px;line-height:1.45;color:var(--text-2)}
.dk-handoff .is-pill{height:36px;padding:0 20px;border-radius:18px;font-size:14.5px}
.dk-handoff .is-quiet{height:36px;padding:0 10px;border:0;background:none;color:var(--text-2);font-size:14.5px}
.dk-handoff .is-quiet:hover{color:var(--text)}
@media (max-width:1023px){.dk-handoff{left:calc(64px + (100vw - 64px) / 2);width:min(760px,calc(100vw - 64px - 32px))}}

/* ---------- Documents (#230, board v1.2): Job description and Files in the Opportunity rail, the reading and edit panels ---------- */
.doc-f{position:relative;padding:7px 8px;margin:0 -8px;border-radius:8px}
.doc-f+.doc-f{margin-top:2px}
.doc-f:hover,.doc-f:focus-within,.doc-f.is-menu{background:var(--surface-2)}
.doc-fn{min-width:0;flex:1}
.doc-nm{display:block;max-width:100%;padding:0;font:inherit;color:var(--text);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
button.doc-nm{cursor:pointer}
.doc-f:hover button.doc-nm,button.doc-nm:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-3)}
.doc-fa{display:none;gap:2px;flex:none;align-items:center}
.doc-f:hover .doc-fa,.doc-f:focus-within .doc-fa,.doc-f.is-menu .doc-fa,.doc-fa.is-on{display:flex}
.doc-fa .dk-btn{margin-right:4px}
.doc-f .ly-mn{width:200px}
.doc-bar{display:block;height:4px;border-radius:2px;background:var(--line-2);margin:6px 0 4px;overflow:hidden}
.doc-bar i{display:block;height:100%;background:var(--text-2);border-radius:2px;transition:width .2s ease-out}
.doc-f.doc-up .doc-nm{color:var(--text-2)}
.doc-f.doc-bad .fi{border-color:rgb(var(--lt-dg, 242 85 90) / .45);color:var(--danger)}
.doc-f.doc-bad small{color:var(--danger)}
.doc-drop{padding:16px 12px;gap:6px}
.doc-drop b{font-size:13px}
.doc-drop>.i{width:20px;height:20px}
.doc-drop span{color:var(--text-3);font-size:12.5px}
.doc-files.is-over{border-color:var(--text-2);background:var(--surface-2)}
.doc-files.is-over .dx-drop{border-color:var(--text-2)}
.doc-files.is-over .doc-over{display:flex}
.doc-over{display:none;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:12px;border:1.5px dashed var(--text-3);border-radius:10px;font-size:12.5px;color:var(--text);pointer-events:none}
.dk .doc-over svg.i{width:14px;height:14px}
.doc-files .ly-bn{margin:0 0 10px;font-size:12.5px}
.doc-lim{display:block;margin-top:10px;color:var(--text-4);font-size:11.5px}
button.doc-more{padding:0;font:inherit;font-size:11.5px;cursor:pointer;text-align:left}
button.doc-more:hover{color:var(--text-2);text-decoration:underline;text-underline-offset:3px}
.doc-add{margin-top:10px;display:flex;gap:8px;align-items:center}
.doc-ro{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--text-3)}
.dk .doc-ro svg.i{width:13px;height:13px}
.doc-ro .dx-link{margin-left:auto;font-size:12px}
.doc-lock{display:flex;gap:10px;font-size:12.5px;color:var(--text-2);line-height:1.45}
.dk .doc-lock>svg.i{width:15px;height:15px;color:var(--text-3);flex:none;margin-top:2px}
.doc-lock b{color:var(--text);font-weight:500}
.op-box h3 .doc-tag{margin-left:auto}
.doc-jdt{font-size:12.5px;line-height:1.55;color:var(--text-2);overflow-wrap:anywhere}
.doc-jdt p{margin:0 0 8px}
.doc-jdt ul{margin:0 0 8px;padding-left:16px}
.doc-jdt li{margin:0 0 2px}
.doc-jdt b{color:var(--text);font-weight:600}
.doc-jdt.is-clip{max-height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
.doc-jdf{display:flex;align-items:center;gap:14px;margin-top:8px;font-size:12.5px}
.doc-post{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);text-decoration:none;font-size:12.5px}
.doc-post:hover{color:var(--text)}
.dk .doc-post svg.i{width:13px;height:13px}
.doc-jdf .doc-post{margin-left:auto}
.doc-p{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--text-3)}
.doc-read{font-size:14px;line-height:1.65;color:var(--text-2);max-width:66ch;overflow-wrap:anywhere;user-select:text}
.doc-read h4{margin:18px 0 6px;font-size:13px;color:var(--text);font-weight:600}
.doc-read p{margin:0 0 10px}
.doc-read ul{margin:0 0 10px;padding-left:18px}
.doc-read li{margin:0 0 4px}
.doc-pm{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;color:var(--text-4)}
.doc-pm .doc-post{margin-left:auto}
.doc-link{padding:0 10px}
.doc-link .ly-bare{padding:0 2px}
textarea.ly-inp.doc-ta{display:block;width:100%;height:auto;min-height:470px;padding:8px 11px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55;resize:vertical}
.doc-cnt{font-size:11.5px;color:var(--text-4);text-align:right;margin-top:4px;min-height:1em}
.doc-bl svg.i{width:14px;height:14px;flex:none;color:var(--text-3)}
.doc-bl{display:flex;align-items:center;gap:8px}
.doc-bl>span{flex:1}
.doc-f.doc-up:not(:hover),.doc-f.doc-bad:not(:hover){background:none}