/* Job Forecast — one stylesheet. Tokens · shell · 12 primitives. Type: 24 number · 13 body · 11 label. Color = state. */
:root{--font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--ui:var(--font-ui);--mono:var(--font-ui);
--bg:oklch(0.976 0.003 250);--bg-sunken:oklch(0.955 0.005 250);--surface:oklch(1 0 0);--surface-2:oklch(0.985 0.002 250);--border:oklch(0.905 0.006 250);--border-2:oklch(0.94 0.004 250);
--ink:oklch(0.22 0.02 255);--ink-2:oklch(0.50 0.02 255);--ink-3:oklch(0.66 0.015 255);--ink-inv:oklch(1 0 0);
--brand:oklch(0.52 0.17 255);--brand-hover:oklch(0.45 0.16 255);--brand-soft:oklch(0.96 0.02 255);--brand-ring:oklch(0.52 0.17 255 / 0.35);
--ok:oklch(0.55 0.15 150);--ok-soft:oklch(0.95 0.04 150);--warn:oklch(0.62 0.15 70);--warn-soft:oklch(0.96 0.05 80);--danger:oklch(0.55 0.20 27);--danger-soft:oklch(0.95 0.03 27);--info:oklch(0.52 0.12 210);--info-soft:oklch(0.95 0.03 210);--neutral:oklch(0.50 0.02 255);--neutral-soft:oklch(0.95 0.004 250);
--team-1:oklch(0.60 0.14 250);--team-2:oklch(0.60 0.13 160);--team-3:oklch(0.66 0.15 70);--team-4:oklch(0.58 0.15 320);--team-5:oklch(0.60 0.13 200);
--r-control:6px;--r-card:8px;--r-pill:999px;--rail-w:232px;--topbar-h:52px;--shadow:0 1px 2px oklch(0.2 0.02 255 / .06);--shadow-sm:var(--shadow);--shadow-md:0 1px 2px oklch(0.2 0.02 255 / .06),0 6px 16px oklch(0.2 0.02 255 / .07);
/* aliases for existing rules */--bg-0:var(--surface);--bg-1:var(--bg);--bg-2:var(--bg-sunken);--line:var(--border);--line-soft:var(--border-2);--text:var(--ink);--text-dim:var(--ink-2);--text-faint:var(--ink-3);--accent:var(--brand);--accent-dim:var(--brand-hover);--accent-ghost:var(--brand-soft);--accent-fg:var(--ink-inv);--good:var(--ok);--bad:var(--danger);--r:var(--r-control);--num:24px;--body:14px;--label:11px;--pad:24px;--row:9px}
/* (owner 2026-09-12) OS dark mode no longer switches the theme; Night is opt-in via data-theme="dark" */
:root[data-theme="dark"]{--bg:oklch(0.20 0.015 255);--bg-sunken:oklch(0.17 0.015 255);--surface:oklch(0.24 0.015 255);--surface-2:oklch(0.26 0.015 255);--border:oklch(0.32 0.015 255);--border-2:oklch(0.29 0.012 255);--ink:oklch(0.95 0.008 255);--ink-2:oklch(0.72 0.015 255);--ink-3:oklch(0.55 0.015 255);--ink-inv:oklch(0.15 0.02 255);--brand:oklch(0.70 0.15 255);--brand-hover:oklch(0.76 0.14 255);--brand-soft:oklch(0.70 0.15 255 / .18);--ok:oklch(0.72 0.14 150);--ok-soft:oklch(0.72 0.14 150 / .18);--warn:oklch(0.78 0.14 75);--warn-soft:oklch(0.78 0.14 75 / .18);--danger:oklch(0.70 0.17 27);--danger-soft:oklch(0.70 0.17 27 / .18);--info:oklch(0.72 0.11 210);--info-soft:oklch(0.72 0.11 210 / .18);--neutral:oklch(0.72 0.015 255);--neutral-soft:oklch(0.72 0.015 255 / .14);--shadow:0 1px 2px oklch(0 0 0 / .4);--shadow-md:0 1px 2px oklch(0 0 0 / .4),0 8px 20px oklch(0 0 0 / .35)}
[data-density="compact"]{--row:5px;--pad:16px}

*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--body)/1.45 var(--ui);-webkit-font-smoothing:antialiased;font-feature-settings:'tnum'}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}p{margin:0}h1,h2,h3,h4{margin:0;font-weight:600}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
/* ── shell ── */
.app{display:grid;grid-template-columns:236px 1fr;height:100vh;overflow:hidden}
.sidebar{border-right:1px solid var(--line);background:var(--bg-0);display:flex;flex-direction:column;min-height:0}
.brand{display:flex;align-items:center;gap:10px;padding:16px 16px 10px}.brand-mark{width:26px;height:26px;border-radius:var(--r);background:var(--text);color:var(--bg-0);display:grid;place-items:center;font-weight:700}.brand-name{font-weight:600;letter-spacing:-.01em}.brand-name em{font-style:normal;color:var(--text-dim);font-weight:400}
.sidebar-scroll{flex:1;overflow:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:2px}
.company-pill{display:flex;gap:10px;align-items:center;padding:8px 8px 10px;margin:0 0 4px}.cp-dot{width:8px;height:8px;border-radius:99px;background:var(--good)}.cp-name{font-weight:500}.cp-meta{font-size:var(--label);color:var(--text-faint)}
.sidebar .ask-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-1);color:var(--text-faint);text-align:left}.sidebar .ask-line:hover{border-color:var(--text-faint);color:var(--text-dim)}
.kbd{font-family:var(--mono);font-size:10px;border:1px solid var(--line);border-radius:4px;padding:0 5px;background:var(--bg-0);color:var(--text-faint)}
.nav-section{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-weight:600;padding:12px 8px 4px}
.nav-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--r);color:var(--text-dim);font-weight:500;cursor:pointer}.nav-item:hover{color:var(--text)}.nav-item.active{color:var(--text);background:var(--bg-2)}
.ni-l{display:inline-flex;align-items:center;gap:8px}.ni-l svg{flex-shrink:0}.ni-r{display:inline-flex;gap:6px;align-items:center}.ni-caret{display:inline-block;transition:transform .15s;color:var(--text-faint);font-size:10px}.nav-item.open .ni-caret,.nav-item.active .ni-caret{transform:rotate(90deg)}
.nav-subs{display:none;padding:2px 0 4px}.nav-item.open+.nav-subs,.nav-item.active+.nav-subs{display:block}
.nav-sub{display:flex;padding:5px 8px 5px 30px;color:var(--text-dim);border-radius:var(--r)}.nav-sub:hover{color:var(--text)}.nav-sub.active{color:var(--text);font-weight:500}
.sync-line{display:flex;gap:8px;padding:6px 14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10px;color:var(--text-faint);flex-wrap:wrap}.sync{display:inline-flex;align-items:center;gap:4px;color:inherit}.sync::before{content:"";width:5px;height:5px;border-radius:99px;background:var(--good)}.sync.bad{color:var(--bad)}.sync.bad::before{background:var(--bad)}
.sidebar-foot{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}.avatar{width:26px;height:26px;border-radius:99px;background:var(--bg-2);display:grid;place-items:center;font-weight:600;font-size:var(--label)}.sf-name{font-weight:500}.sf-role{font-size:var(--label);color:var(--text-faint)}
.iconbtn{width:26px;height:26px;border-radius:var(--r);display:grid;place-items:center;color:var(--text-dim)}.iconbtn:hover{background:var(--bg-2);color:var(--text)}
.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.topbar{display:flex;align-items:center;gap:12px;padding:10px var(--pad);border-bottom:1px solid var(--line)}.crumbs{flex:1;display:flex;gap:8px;align-items:center;font-size:var(--label);color:var(--text-faint)}.crumbs strong{color:var(--text);font-weight:500;font-size:var(--body)}.topbar-right{display:flex;gap:6px}
.canvas{overflow:auto;padding:18px var(--pad) 40px;display:flex;flex-direction:column;gap:22px}
/* ── 1 page head ── */
.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.ph-eyebrow{font-size:var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:500;margin-bottom:4px}.ph h1{font-size:var(--num);letter-spacing:-.015em;line-height:1.15}.ph p{color:var(--text-dim);max-width:720px;margin-top:4px}.ph-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.asof{font-family:var(--mono);font-size:10px;color:var(--text-faint);margin-top:6px}
/* ── 2 number ── */
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:0}.nums.strip{border-bottom:0;padding-bottom:0}
.num{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--bg-0)}.num-l{font-size:var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:500;line-height:1.35}.num-v{font-family:var(--ui);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap}.num-v.bad{color:var(--bad)}.num-v.good{color:var(--good)}.num-v.warn{color:var(--warn)}.num-s{color:var(--text-dim);line-height:1.4}.num-s b{font-weight:500;color:var(--text)}
.nums.small .num-v{font-size:26px}.nums.small .num{padding:14px 16px}.nums.small .num-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nums.n8{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.nums.n4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sec-h+.nums{margin-top:2px}.num .prov{margin-top:2px}
.delta{display:inline-flex;font-family:var(--mono);font-size:var(--label);color:var(--text-dim);margin-left:8px;font-weight:400;letter-spacing:0}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}
.prov{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;color:var(--text-faint);white-space:nowrap;letter-spacing:0;text-transform:none;font-weight:400}.prov::before{content:"";width:5px;height:5px;border-radius:99px;background:var(--good);opacity:.8}.prov.stale::before{background:var(--warn)}.prov.model::before{background:var(--text-faint)}
/* ── 3 row ── */
.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 14px;align-items:center;padding:var(--row) 0;border-bottom:1px solid var(--line-soft);cursor:pointer}.row:hover{background:var(--bg-1)}.row.static{cursor:default}.row.on{background:var(--bg-1)}.doc .ph h1{font-size:18px}.row.static:hover{background:none}
.row-n{display:flex;align-items:center;gap:2px 8px;min-width:0;font-weight:500;flex-wrap:wrap}.row-n>span:not(.mk-muted){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.row-n .mk-muted{flex:0 0 100%;font-weight:400;font-size:var(--label);white-space:normal;line-height:1.35}.row-m{grid-column:1;color:var(--text-dim);font-size:var(--label);display:flex;gap:6px;flex-wrap:wrap;margin-top:-4px}.row-v{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.row-v.in{color:var(--good)}.row-v.owed{color:var(--warn)}.row-v.out{color:var(--text-dim)}.row-v.loss{color:var(--bad)}.row-t{font-family:var(--mono);font-size:var(--label);color:var(--text-faint);white-space:nowrap;min-width:60px;text-align:right}
.row.head{border-bottom:1px solid var(--line);padding:6px 0;cursor:default;font-size:var(--label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-weight:500}.row.head:hover{background:none}
.dot{width:6px;height:6px;border-radius:99px;background:var(--text-faint);flex-shrink:0}.dot.good{background:var(--good)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.info{background:var(--info)}
.nm-dot{display:inline-block;width:6px;height:6px;border-radius:99px;margin-right:6px;vertical-align:middle;background:var(--text-faint)}.nm-dot.green{background:var(--good)}.nm-dot.amber{background:var(--warn)}.nm-dot.red{background:var(--bad)}
[data-record],[data-team],[data-rule],[data-signal]{cursor:pointer}[data-record]:hover,[data-team]:hover,[data-rule]:hover{color:var(--accent)}
.empty{color:var(--text-faint);padding:14px 0;line-height:1.5}
/* tables collapse into rows */
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:var(--label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-weight:500;padding:6px 10px 6px 0;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:var(--row) 10px var(--row) 0;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr:hover td{background:var(--bg-1)}td.n,th.n{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}td.t{font-family:var(--mono);font-size:var(--label);color:var(--text-faint);white-space:nowrap}
.v2-col-x{display:none}.v2-cols-open .v2-col-x{display:table-cell}.v2-cols-toggle{font-size:var(--label);color:var(--text-faint);align-self:flex-start}.v2-cols-toggle:hover{color:var(--text)}
/* ── 4 section ── */
.sec{display:flex;flex-direction:column;gap:8px}.sec-h{display:flex;align-items:baseline;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--line)}.sec-h h2{font-size:var(--body);font-weight:600}.sec-h .prov,.sec-h .delta{margin-left:0}.sec-h .sp{flex:1}.sec-h a{font-size:var(--label);color:var(--text-dim)}
details.fold>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:8px 0;border-top:1px solid var(--line)}details.fold>summary::-webkit-details-marker{display:none}.fold-sum{font-weight:500}.fold-caret{margin-left:auto;color:var(--text-faint);transition:transform .15s;font-size:10px}details.fold:not([open]) .fold-caret{transform:rotate(-90deg)}
/* ── 5 tabs ── */
.v2-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);flex-wrap:wrap}.v2-tab{padding:8px 12px;color:var(--text-dim);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px}.v2-tab:hover{color:var(--text)}.v2-tab.active{color:var(--text);border-bottom-color:var(--accent)}.v2-tab .n{font-family:var(--mono);font-size:var(--label);color:var(--text-faint)}
.v2-panel{display:none;flex-direction:column;gap:22px}.v2-panel.active{display:flex}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.seg button{padding:5px 10px;font-size:var(--label);color:var(--text-dim);white-space:nowrap}.seg button+button{border-left:1px solid var(--line)}.seg button.on,.seg button.v2-on{background:var(--bg-2);color:var(--text)}
/* ── 6 pill ── */
.pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--label);font-weight:500;padding:1px 8px;border-radius:99px;background:var(--bg-2);color:var(--text-dim);white-space:nowrap}.pill.good{background:color-mix(in oklch,var(--good) 14%,transparent);color:var(--good)}.pill.warn{background:color-mix(in oklch,var(--warn) 16%,transparent);color:var(--warn)}.pill.bad{background:color-mix(in oklch,var(--bad) 12%,transparent);color:var(--bad)}.pill.info{background:color-mix(in oklch,var(--info) 14%,transparent);color:var(--info)}
/* ── 7 button ── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-0);font-weight:500;color:var(--text);white-space:nowrap}.btn:hover{border-color:var(--text-faint);color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn.primary:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.btn.quiet{border-color:transparent;color:var(--text-dim)}.btn.quiet:hover{border-color:var(--line);color:var(--text)}.btn.sm{padding:3px 8px;font-size:var(--label)}
/* ── 8 field ── */
.fld{display:flex;flex-direction:column;gap:5px;font-size:var(--label);color:var(--text-dim);font-weight:500}.fld input,.fld textarea,.fld select,.search input,input.fld,textarea.fld,select.fld{border:1px solid var(--line);border-radius:var(--r);padding:7px 10px;background:var(--bg-0);color:var(--text);font-size:var(--body);width:100%}input.fld,textarea.fld,select.fld{width:auto;font-weight:400}textarea.fld{width:100%}.fld input:focus,.fld textarea:focus,.search input:focus,input.fld:focus,textarea.fld:focus{outline:0;border-color:var(--accent)}
.search{position:relative;max-width:360px;flex:1 1 240px}.search>span:first-child:not(.kbd){position:absolute;left:10px;top:7px;color:var(--text-faint)}.search .kbd{position:absolute;right:8px;left:auto;top:8px;width:auto;pointer-events:none}.search input{padding-left:28px}
.check{display:flex;gap:8px;align-items:center}.check input{width:auto}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar .sp{flex:1}
/* ── 9 drawer ── */
.rd-root{position:fixed;inset:0;z-index:60;pointer-events:none}.rd-scrim{position:absolute;inset:0;background:oklch(0.2 0.01 260/.18);opacity:0;transition:opacity .18s}
.rd{position:absolute;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:var(--bg-0);border-left:1px solid var(--line);box-shadow:-12px 0 40px oklch(0.2 0.01 260/.12);transform:translateX(100%);transition:transform .22s cubic-bezier(.2,.7,.2,1);overflow:auto}.rd-root.wide .rd{width:720px}
.rd-root.open{pointer-events:auto}.rd-root.open .rd-scrim{opacity:1}.rd-root.open .rd{transform:none}
.rd-body{display:flex;flex-direction:column;gap:18px;padding:18px 20px 32px}
.rd-head{display:flex;gap:12px;align-items:flex-start}.rd-head .c3-avatar,.c3-avatar{width:36px;height:36px;border-radius:99px;display:grid;place-items:center;font-weight:600;font-size:var(--label);background:var(--bg-2);flex-shrink:0}.rd-title{flex:1;min-width:0}.rd-title h2{font-size:var(--num);letter-spacing:-.01em;line-height:1.15}.rd-stage{color:var(--text-dim);margin-top:2px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.rd-close{flex-shrink:0}
.rd-actions{display:flex;gap:6px;flex-wrap:wrap}.rd-actions a,.rd-actions button{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-0);font-weight:500;color:var(--text)}.rd-actions a:hover,.rd-actions button:hover{border-color:var(--text-faint)}.rd-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.rd-sec{display:flex;flex-direction:column;gap:6px}.rd-sec-h{display:flex;justify-content:space-between;align-items:baseline}.rd-sec-h a{font-size:var(--label)}.mk-eyebrow{font-size:var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:500}.mk-eyebrow .mk-muted{text-transform:none;letter-spacing:0}.mk-muted{color:var(--text-dim)}
.rd-contact{display:flex;flex-direction:column;gap:2px}.rd-contact .mk-muted{font-size:var(--label)}
.rd-prop{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid var(--line);color:var(--text)}.rd-prop .mk-muted{font-size:var(--label)}a.rd-prop:hover{color:var(--accent)}
.rd-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line-soft)}.rd-type{font-weight:500}.rd-status{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-row .mono{font-size:var(--label)}
.rd-photos{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.rd-photos img,.rd-ph img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;display:block}.rd-review{display:flex;flex-direction:column;gap:4px}.rd-review p{line-height:1.5;color:var(--text-dim)}.pb-stars{color:var(--warn);letter-spacing:.05em}.rd-empty,.rd-note{color:var(--text-faint);line-height:1.5;font-size:var(--label)}.rd-p{line-height:1.5}
.rd-focus{padding:12px 0 12px 12px;border-left:3px solid var(--line)}.rd-focus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;margin:6px 0}.rd-focus-grid>div{display:flex;flex-direction:column}.rd-focus-grid .mk-muted{font-size:var(--label)}.rd-focus .rd-actions{margin-top:10px}
.rd-rcpt{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 4px}.rd-rc{display:inline-flex;align-items:center;gap:6px;font-size:var(--label);color:var(--text-dim)}.rd-rc-dot{width:6px;height:6px;border-radius:99px;background:var(--text-faint)}.rd-rc.open .rd-rc-dot,.rd-rc.sent .rd-rc-dot{background:var(--info)}.rd-rc.done .rd-rc-dot{background:var(--good)}.rd-rc.done{color:var(--good)}.rd-rc.bad .rd-rc-dot{background:var(--bad)}.rd-rc.wait .rd-rc-dot{background:var(--warn)}
.rd-mode{display:inline-flex}.c3-tag{font-size:10px;font-weight:500;padding:0 6px;border-radius:99px;background:var(--bg-2);color:var(--text-dim)}
.rd-settings .set-nav,.rd-settings .set-header,.rd-settings .mk-head{display:none}.rd-settings .set-layout{grid-template-columns:1fr!important}
.v2-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:14px;align-items:center;padding:10px 14px;border-radius:8px;background:var(--text);color:var(--bg-0);box-shadow:0 8px 24px oklch(0.2 0.01 260/.25);z-index:80}.v2-toast button{color:var(--accent);font-weight:600}[data-theme="dark"] .v2-toast{background:var(--bg-2);color:var(--text)}
.v2-flash{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r)}
/* ── 10 sky card ── */
.skies{display:flex;flex-direction:column;gap:8px}.sky-card{position:relative;overflow:hidden;border-radius:10px;min-height:96px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);cursor:pointer}.sky{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sky-svg{display:block;width:100%;height:100%}.sky-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,8,16,.5) 0%,rgba(4,8,16,.2) 42%,rgba(4,8,16,.04) 62%,rgba(4,8,16,.3) 100%)}.sky-txt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;min-height:96px}.sky-txt b{font-weight:600;display:block}.sky-txt .sub{opacity:.88;margin-top:3px}.sky-r{text-align:right}.sky-r .num-v{font-weight:400;font-family:var(--ui)}.sky-r .sub{opacity:.95}
.sky-drift{animation:skyDrift 90s linear infinite alternate}.sky-far{animation-duration:140s}@keyframes skyDrift{from{transform:translateX(-14px)}to{transform:translateX(14px)}}.sky-rain-a,.sky-rain-b{animation:skyRain 1.1s linear infinite}.sky-rain-b{animation-delay:-.55s}@keyframes skyRain{from{transform:translateY(-20px)}to{transform:translateY(140px)}}@media (prefers-reduced-motion:reduce){.sky-drift,.sky-rain-a,.sky-rain-b{animation:none}}
.sky-thumb{width:60px;flex-shrink:0;border-radius:4px;position:relative;overflow:hidden}
/* ── 11 board ── */
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:24px;overflow-x:auto;padding-bottom:8px}.col{display:flex;flex-direction:column;border-top:1px solid var(--line);min-width:0}.col-h{display:flex;align-items:baseline;gap:8px;padding:10px 0 4px;flex-wrap:wrap}.col-h h3{font-size:var(--body);flex:1}.col-h .n{font-family:var(--mono);font-size:var(--label);color:var(--text-faint)}.col-drip{display:flex;align-items:center;gap:6px;font-size:var(--label);color:var(--text-dim);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:6px}.col-drip:hover{color:var(--accent)}.col-drip b{color:var(--good);font-weight:500}.col-drip.none{color:var(--text-faint);font-style:italic}
.card{display:flex;flex-direction:column;gap:3px;padding:var(--row) 0;border-bottom:1px solid var(--line-soft);cursor:pointer}.card:hover{background:var(--bg-1)}.card-t{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.card-t b{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-t .mono{font-size:var(--body)}.card-m{display:flex;gap:8px;font-size:var(--label);color:var(--text-dim);flex-wrap:wrap;align-items:center}.card-m .sp{flex:1}.rcpt{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--text-dim)}.rcpt .dot{width:5px;height:5px}
/* ── 12 calendar ── */
.cal{display:flex;flex-direction:column;gap:12px}.cal-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cal-top h1{font-size:var(--num);min-width:190px;text-align:center}.cal-legend{display:inline-flex;gap:12px;margin-left:auto;font-size:var(--label);color:var(--text-dim)}.cal-legend span{display:inline-flex;gap:4px;align-items:center}
.cal-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}@media (max-width:1180px){.cal-body{grid-template-columns:1fr}}
.cal-wk{display:grid;grid-template-columns:repeat(7,1fr)}.cal-wk div{font-size:var(--label);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);padding:6px 8px;border-bottom:1px solid var(--line)}.cal-wk .we{color:var(--text-faint);opacity:.7}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(118px,auto);position:relative}
.cell{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:6px 8px;display:flex;flex-direction:column;gap:4px;min-width:0}.cell:nth-child(7n){border-right:0}.cell.dim{color:var(--text-faint);background:var(--bg-1)}.cell.we{background:var(--bg-1)}.cell.today{box-shadow:inset 0 0 0 1px var(--accent)}.cell.rain{background:color-mix(in oklch,var(--info) 6%,var(--bg-1))}
.cell-h{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}.daynum{font-size:var(--label);font-weight:500}.cell.today .daynum{color:var(--accent)}.cell-meta{flex:0 0 100%;display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:10px;color:var(--text-dim)}
.wx{display:inline-flex;align-items:center;gap:4px}.wx.rain{color:var(--info)}.wx.heat{color:var(--bad)}.ph-count{display:inline-flex;align-items:center;gap:3px}.ph-ico{width:8px;height:7px;border:1px solid currentColor;border-radius:1px}.ph-count.none{color:var(--bad)}.bal{margin-left:auto}.bal.neg{color:var(--bad);font-weight:600}
.ev{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:3px 7px;border-radius:4px;background:var(--bg-2);border-left:2px solid var(--text-faint);font-size:var(--label);line-height:1.25;cursor:pointer}.ev b{font-weight:500;flex:1 1 auto;min-width:0}.ev .mono{margin-left:auto;font-size:10px;color:var(--text-dim)}.ev.in{border-left-color:var(--good);background:color-mix(in oklch,var(--good) 10%,var(--bg-2))}.ev.ar{border-left-color:var(--warn);background:color-mix(in oklch,var(--warn) 12%,var(--bg-2))}.ev.pay{border-left-color:var(--info)}.ev.qb{border-left-color:var(--text-faint);color:var(--text-dim)}
.bar{position:absolute;height:22px;display:flex;align-items:center;gap:6px;padding:0 7px;border-radius:4px;background:var(--bg-2);border-left:2px solid var(--text-faint);font-size:var(--label);z-index:2;cursor:pointer}.bar b{font-weight:500}.bar .mono{margin-left:auto;font-size:10px;color:var(--text-dim)}
.side{display:flex;flex-direction:column;gap:16px;border-left:1px solid var(--line);padding-left:18px;position:sticky;top:0}
.flag{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line-soft)}.flag-t{border-left:3px solid var(--line);padding-left:10px;display:flex;flex-direction:column;gap:2px}.flag-t b{font-weight:500}.flag-t span{color:var(--text-dim);font-size:var(--label);line-height:1.45}.flag.heat .flag-t{border-color:var(--bad)}.flag.rain .flag-t{border-color:var(--info)}.flag.ok .flag-t{border-color:var(--good)}.flag.watch .flag-t{border-color:var(--warn)}
/* filters */
[data-v2-filter]>button:not(.v2-on),[data-v2-panels]>button:not(.v2-on){color:var(--text-dim)}[data-v2-filter]>button.v2-on,[data-v2-panels]>button.v2-on{background:var(--bg-2);color:var(--text)}
.sb [hidden],[hidden]{display:none!important}
/* photo grid */
.grid-ph{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.tile{position:relative;border-radius:var(--r);overflow:hidden;background:var(--bg-1);display:block;padding:0;text-align:left}.tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.tile.on{outline:2px solid var(--accent)}.tile .tick{position:absolute;top:6px;left:6px;width:18px;height:18px;border-radius:99px;background:var(--bg-0);border:1px solid var(--line);display:grid;place-items:center;font-size:10px;color:transparent}.tile.on .tick{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.proj{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.proj .tile img{aspect-ratio:4/3}.proj .tile{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;background:none}.proj .tile b{font-weight:500;padding:6px 0 0}.proj .tile span{font-size:var(--label);color:var(--text-dim)}
.thumbs{display:flex;gap:4px}.thumbs img{width:34px;height:34px;object-fit:cover;border-radius:3px}
.cols2{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:28px;align-items:start}@media (max-width:1100px){.cols2{grid-template-columns:1fr}}
.doc{display:flex;flex-direction:column;gap:14px;padding:18px 0 0;border-top:1px solid var(--line)}
.bubble{max-width:72%;padding:8px 12px;border-radius:10px;background:var(--bg-2);line-height:1.45}.line{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.line.out{align-items:flex-end}.line.out .bubble{background:var(--brand);color:var(--ink-inv)}.line .t{font-family:var(--mono);font-size:10px;color:var(--text-faint);display:flex;gap:10px;align-items:center}
.msgs{display:flex;flex-direction:column;gap:10px;padding:12px 0}.day{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--text-faint);font-family:var(--mono)}.day::before,.day::after{content:"";flex:1;border-top:1px solid var(--line-soft)}
.steps{display:flex;gap:2px;border-bottom:1px solid var(--line)}.step{padding:8px 12px;color:var(--text-dim);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:8px;align-items:center}.step .n{font-family:var(--mono);font-size:10px;width:18px;height:18px;border-radius:99px;border:1px solid var(--line);display:inline-grid;place-items:center}.step.on{color:var(--text);border-bottom-color:var(--accent)}.step.on .n{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:var(--label);padding:3px 10px;border:1px solid var(--line);border-radius:99px;color:var(--text-dim)}.tag.on{border-color:var(--accent);color:var(--text);background:var(--accent-ghost)}
.onething{display:flex;flex-direction:column;gap:4px;padding:8px 0 8px 16px;border-left:3px solid var(--bad);cursor:pointer}.onething:hover{background:var(--bg-1)}.onething .l{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.onething b{font-weight:600}.onething .go{color:var(--bad);font-weight:500}






/* legacy aliases */
:root{--radius:var(--r);--radius-lg:10px;--border-soft:var(--border-2);--bg-card:var(--surface);--fs-sm:var(--label);--fs-md:var(--body);--fs-xs:10px;--card-pad:14px;--panel:var(--bg-0)}
.topbar .crumbs strong{font-size:var(--body)}
.ci-eyebrow,.fc-eyebrow,.page-eyebrow,.mk-eyebrow,.set-eyebrow,.card-title{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:500;font-family:var(--font-ui)}
.ci-sub,.fc-sub,.set-sub,.mk-sub,.page-sub{font-size:13px;color:var(--text-dim);max-width:720px;line-height:1.5}
.fc-sub-strong{color:var(--text-dim);font-weight:500}
.page-sug{background:var(--bg-card)}
.mk-ico-badge:empty,.mx-ico:empty,.mx-kpi-ico:empty,.rv-stat-ico:empty,.mk-ico-badge:not(:has(*)),.mx-ico:not(:has(*)){display:none}
.mk-ico-badge:has(*),.mx-ico:has(*){display:inline-flex}
.set-nav a.set-nav-item{display:flex;text-decoration:none;color:inherit}
.sb-steps{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px}
.sb-step{padding:8px 12px;font-size:13px;color:var(--text-dim);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:8px;align-items:center;border-radius:0!important}
.sb-step .n{font-family:var(--ui);font-size:11px;width:18px;height:18px;border-radius:99px;border:1px solid var(--border);display:inline-grid;place-items:center}
.sb-step.on{color:var(--text);border-bottom-color:var(--accent)}
.sb-pane{display:none}
.sb [hidden]{display:none!important}
.sb-row{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.sb-proj{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.sb-pcard{display:flex;flex-direction:column;gap:6px;text-align:left;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg)!important;overflow:hidden;background:var(--bg-card)}
.sb-pcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.sb-pcard .sb-pname{padding:6px 10px 0;font-weight:500;font-size:13px}
.sb-pcard:hover{border-color:var(--text-faint)}
.sb-grid,.sb-sel{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.sb-tile{position:relative;padding:0;border:1px solid var(--border);border-radius:var(--radius)!important;overflow:hidden;background:var(--bg-card);display:block}
.sb-tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.sb-tick{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:99px;background:var(--bg-card);border:1px solid var(--border);display:grid;place-items:center;font-size:11px;color:transparent}
.sb-tile.on{border-color:var(--accent)}
.sb-tile.cover{border-color:var(--accent)}
.sb-x{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:99px!important;background:var(--bg-card);border:1px solid var(--border);font-size:13px;line-height:1}
.sb-cols{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}
.sb-form{display:flex;flex-direction:column;gap:12px}
.sb-form input,.sb-form textarea{border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--bg-card);font-size:13px;color:var(--text);line-height:1.45}
.sb-form input:focus,.sb-form textarea:focus{border-color:var(--accent)}
.sb-tags{display:flex;flex-wrap:wrap;gap:6px}
.sb-prev{display:flex;flex-direction:column;gap:8px}
.sb-note{font-size:12px;margin-top:8px}
.sb-chan{display:flex;flex-direction:column;gap:6px}
.sb-when{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px}
.sb-check{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:14px}
.sb-sum{display:flex;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);font-size:13px}
.sb-bar{display:flex;gap:12px;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}
.sb-done{padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}
.mk-eyebrow .mk-muted{text-transform:none;letter-spacing:0}
.jr-cols{grid-template-columns:minmax(280px,1fr) minmax(420px,1.4fr)}
.jr-preview{position:sticky;top:0}
.jr-doc,.pb-paper{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.jr-doc-head,.pb-paper-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.jr-brand{font-weight:600;font-size:12px;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap}
.jr-title{font-size:18px;font-weight:600;border:0;padding:0;background:none;width:100%;color:var(--text)}
.jr-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-dim);font-weight:500}
.jr-doc textarea,.jr-note{border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--bg-0);font-size:13px;color:var(--text);line-height:1.45;width:100%}
.jr-sec{display:flex;flex-direction:column;gap:8px}
.jr-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}
.jr-send{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}
.jr-sent{font-size:13px;color:var(--good);font-weight:500}
.pb-cols{grid-template-columns:minmax(320px,.9fr) minmax(460px,1.3fr)}
.pb-form{display:flex;flex-direction:column;gap:6px}
.pb-cust{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);display:flex;flex-direction:column;font-size:13px}
.pb-tiers{display:flex;flex-direction:column;gap:8px}
.pb-tier{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.pb-tier-head{display:flex;gap:8px;align-items:center;margin-bottom:4px}
.pb-line{display:flex;gap:8px;align-items:center;font-size:12.5px;position:relative;padding-right:26px}
.pb-total{display:flex;justify-content:space-between;font-size:13px;font-weight:600;border-top:1px solid var(--border-soft);padding-top:6px;margin-top:2px}
.pb-items{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto}
.pb-item{display:flex;gap:8px;align-items:center;font-size:12.5px;padding:6px 8px;border:1px solid var(--border-soft);border-radius:6px;background:var(--bg-card);cursor:grab}
.pb-inc{display:flex;flex-direction:column;gap:2px}
.pb-doc{position:sticky;top:0}
.pb-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pb-opt{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:14px 12px 12px;display:flex;flex-direction:column;gap:4px;font-size:12.5px;background:var(--bg-0)}
.pb-badge{position:absolute;top:-9px;left:10px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--accent);color:var(--accent-fg);padding:1px 7px;border-radius:99px}
.pb-opt b{font-size:14px}
.pb-gal{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.pb-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pb-foot{font-size:11.5px;padding-top:10px;border-top:1px solid var(--border)}
.pa-tl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pa-note{font-size:11.5px;margin-top:8px}
.pa-near{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pa-ref{display:flex;flex-direction:column;gap:12px}
.jr-refcard{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:var(--radius);background:var(--accent-ghost);border:1px solid color-mix(in oklch,var(--accent) 40%,transparent);font-size:13px}
.cal-header{flex-wrap:wrap;gap:8px 16px}
.mk-eyebrow .prov{margin:0 0 0 8px;vertical-align:middle}
.ch-rcpt{display:inline-flex;gap:10px;margin-left:8px}
.mk-btn,.ci-btn,.set-btn-primary,.fc-btn,.pl-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-0);font-weight:500;color:var(--text)}.mk-btn.primary,.ci-btn.primary,.set-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.mk-btn.ghost,.ci-btn.ghost{border-color:transparent;color:var(--text-dim)}
.mk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.mk-head-actions{display:flex;gap:8px}.mk-title{font-size:var(--num)}
.pa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:28px;align-items:start}.mk-card.mk-sec{border-top:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column;gap:10px}.mk-sec-head{display:flex;justify-content:space-between;gap:12px}.mk-sec-head h3{font-size:var(--body)}.pa-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-field{display:flex;flex-direction:column;gap:4px;font-size:var(--label);color:var(--text-dim)}.mk-field input{border:1px solid var(--line);border-radius:var(--r);padding:6px 8px;background:var(--bg-0);color:var(--text);font-size:var(--body)}.mk-switch{display:flex;gap:8px;align-items:center}.pa-secs{display:flex;flex-direction:column;gap:6px}.pa-frame .embed-placeholder{border:1px dashed var(--line)!important;background:var(--bg-1)!important;color:var(--text-faint)!important;border-radius:var(--r)!important}
.flat .set-layout{display:block}.flat .set-nav{display:none}



/* flat content — snapshot markup with styling removed; jf.css does the rest */
.flat{display:flex;flex-direction:column;gap:12px;max-width:1100px}.flat>div{display:flex;flex-direction:column;gap:10px}
.flat h2,.flat h3{font-size:var(--body);padding-top:14px;border-top:1px solid var(--line);margin-top:6px}.flat h4{font-size:var(--body)}
.flat div:has(>.num){display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px 28px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flat .num{margin:0}.flat div:has(>.num)>:not(.num){grid-column:1/-1}.flat h3+.mk-muted{margin-top:-6px;font-size:var(--label)}
.flat table{margin:6px 0}.flat ul{margin:4px 0;padding-left:18px;color:var(--text-dim);line-height:1.5}.flat li{margin:2px 0}
.flat label{display:inline-flex;flex-direction:column;gap:3px;color:var(--text-dim);font-size:var(--label);margin:0 18px 8px 0;vertical-align:top}.flat input[type=range]{width:150px}
.flat input:not([type=range]):not([type=checkbox]):not([type=radio]),.flat select,.flat textarea{border:1px solid var(--line);border-radius:var(--r);padding:6px 8px;background:var(--bg-0);color:var(--text);font-size:var(--body);width:auto;max-width:100%}
.flat b{font-weight:500}.flat a{color:var(--text);border-bottom:1px dotted var(--text-faint)}
.flat .btn{margin:2px 6px 2px 0}.flat img{max-width:100%;border-radius:var(--r)}
.flat .hrow{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}.flat>div>.hrow{padding:6px 0;border-bottom:1px solid var(--line-soft)}
.flat .hrow>*+*:not(.btn):not(button):not(input):not(label):not(.num)::before{content:"· ";color:var(--text-faint)}
.flat .drp-card{display:flex;gap:0;margin:0;align-items:baseline;width:100%;text-align:left;padding:var(--row) 0;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:none}.flat .drp-card>*+*::before{content:" · ";color:var(--text-faint)}.flat .drp-card-name{font-weight:500}.flat .drp-card-meta{color:var(--text-dim)}.flat .drp-chip{margin-left:6px;font-size:var(--label);color:var(--good)}
.flat .wo-item{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line-soft)}.flat .wo-item>*{margin:0}.flat .wo-item>*+*::before{content:"· ";color:var(--text-faint)}
.flat .mk-tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:var(--row) 0;border-bottom:1px solid var(--line-soft)}.flat .mk-th{font-size:var(--label);color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}
.flat .ci-tab,.flat .pl-seg button{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:var(--r);font-size:var(--label);color:var(--text-dim)}.flat .ci-tab.active,.flat .pl-seg button.on{background:var(--bg-2);color:var(--text)}

.ts-cell{display:flex;flex-direction:column;gap:1px;font-size:var(--label);position:relative;padding-right:10px}.ts-cell .mk-muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:84px}.ts-cell .dot{position:absolute;right:0;top:4px}
.crew-line{margin-bottom:8px}

.ev.in b::after,.bar.in b::after{content:" · moved";color:var(--good);font-weight:400}

/* reporting */
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}
.rc{border:1px solid var(--line);border-radius:10px;background:var(--bg-0);padding:14px 16px 12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.rc-h{display:flex;align-items:baseline;gap:10px}.rc-h h3{font-size:var(--body);font-weight:600;color:var(--info)}.rc-h .mk-muted{font-size:var(--label);flex:1}.rc-menu{align-self:flex-start;margin-top:-4px}
.rc-f{display:flex;align-items:baseline;gap:12px;padding-top:6px;border-top:1px solid var(--line-soft)}.rc-f .prov{margin-left:auto}
jf-chart{display:block;width:100%}.jc{width:100%;height:auto;display:block;overflow:visible}.jc-grid{stroke:var(--line-soft);stroke-width:1}.jc-tick{font:10px var(--mono);fill:var(--text-faint)}.jc-val{font:10px var(--mono);fill:var(--text-dim)}
.jc-line{fill:none;stroke:var(--info);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.jc-line.dash{stroke:var(--warn);stroke-dasharray:5 4}.jc-dot{fill:var(--bg-0);stroke:var(--info);stroke-width:2}.jc-dot.s2{stroke:var(--warn)}.jc-dot:hover{r:5}
.jc-bar{fill:var(--info)}.jc-bar.s2{fill:var(--warn)}
.jc-legend{display:flex;gap:16px;justify-content:flex-end;font-size:var(--label);color:var(--text-dim)}.jc-legend i{display:inline-block;width:18px;border-top:2px solid var(--info);vertical-align:middle;margin-right:6px}.jc-legend i.dash{border-top-style:dashed;border-color:var(--warn)}

/* goals */
.goal-card{border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:14px;margin-bottom:12px}
.goal{display:flex;flex-direction:column;gap:10px;min-width:0}.goal h3{font-size:15px;font-weight:600}
.goal-h{display:grid;grid-template-columns:1fr auto auto;gap:6px 28px;align-items:end}.goal-h h3{grid-column:1/-1}.goal-st,.goal-tg{display:flex;flex-direction:column;gap:2px}.goal-st b{display:inline-flex;align-items:center;gap:8px;font-size:15px}.goal-tg b{font-size:15px;font-weight:500}.goal-st .mk-muted,.goal-tg .mk-muted{font-size:var(--label)}
.goal-bar{position:relative;height:10px;border-radius:99px;background:var(--bg-2);margin:14px 0 4px;overflow:visible}.g-done{position:absolute;left:0;top:0;bottom:0;background:var(--info);border-radius:99px}.g-sched{position:absolute;top:0;bottom:0;background:var(--text-faint);opacity:.55}.g-target{position:absolute;top:-6px;bottom:-6px;width:3px;background:var(--warn);border-radius:2px;transform:translateX(-50%)}.g-target i{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-style:normal;font-size:var(--label);color:var(--text-dim);white-space:nowrap;margin-bottom:3px}
.goal-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.goal-legend>div{display:flex;flex-direction:column;gap:3px;padding:6px 14px 0 0;border-left:1px solid var(--line-soft);padding-left:12px}.goal-legend>div:first-child{border-left:0;padding-left:0}.goal-legend .mk-muted{font-size:var(--label);display:inline-flex;align-items:center;gap:6px}.goal-legend b{font-size:15px;font-weight:500}.goal-legend.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.goal-drivers{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--line-soft)}.goal-drivers h4{font-size:15px;font-weight:600}
.goal-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}@media (max-width:1100px){.goal-grid{grid-template-columns:1fr}}
.goal.small{gap:6px}

/* performance */
.pp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.pp{border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}.pp-h{display:flex;flex-direction:column;align-items:center;gap:4px}.pp-h b{font-size:15px}
.pp-ring{width:120px;height:120px}.ring-bg{fill:none;stroke:var(--info);stroke-width:12;opacity:.85}.ring-used{fill:none;stroke:var(--bad);stroke-width:12;stroke-linecap:butt}.ring-t{font:600 15px var(--mono);fill:var(--text)}
.pp-rows{width:100%}.pp .rd-note{text-align:center}

/* contact preferences */
.prefs{display:flex;flex-direction:column;gap:2px}.pref{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line-soft);cursor:pointer}.pref>span:last-child{display:flex;flex-direction:column;gap:1px}.pref b{font-weight:500}.pref .mk-muted{font-size:var(--label)}
.sw{position:relative;width:36px;height:20px;border-radius:99px;background:var(--bg-2);border:1px solid var(--line);transition:background .15s;flex-shrink:0}.sw i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:99px;background:var(--bg-0);box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}.sw.on{background:var(--good);border-color:var(--good)}.sw.on i{left:18px}

/* customer edit + timeline */
.cf{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-bottom:8px}.cf .fld:first-child,.cf .fld:nth-child(4),.cf .fld:nth-child(5){grid-column:1/-1}.cf input,.cf textarea{width:100%}
.prov.auto::before{background:var(--good)}
.rd-del{color:var(--bad)!important;border-color:transparent!important}.rd-del:hover{border-color:var(--bad)!important}
.tl{display:flex;flex-direction:column}.tl-i{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line-soft)}.tl-i .dot{position:relative;top:-1px}.tl-s{line-height:1.4}

.row [data-record],.card [data-record]{border-bottom:1px dotted var(--text-faint)}

/* street view header */
.rd-street{position:relative;margin:-18px -20px 0;height:180px;background:var(--bg-2);overflow:hidden}.rd-street img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.rd-street.none img{display:none}
.rd-street-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-dim);background:repeating-linear-gradient(135deg,var(--bg-2) 0 10px,var(--bg-1) 10px 20px)}.rd-street-ph .rd-note{text-align:center;max-width:280px}
.rd-street-open{position:absolute;right:10px;bottom:8px;z-index:2;font-size:var(--label);padding:3px 8px;border-radius:var(--r);background:var(--bg-0);border:1px solid var(--line);color:var(--text)}

/* integrations */
.ic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
.ic{border:1px solid var(--line);border-left-width:3px;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.ic.on{border-left-color:var(--good)}.ic.off{border-left-color:var(--bad)}
.ic-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.ic-t{display:flex;flex-direction:column;gap:2px;min-width:0}.ic-t b{font-size:15px}.ic-t .mk-muted{font-size:var(--label);line-height:1.4}
.int-logo{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:13px;letter-spacing:-.02em;flex-shrink:0}
.ic-f{display:flex;gap:6px;align-items:center;padding-top:8px;border-top:1px solid var(--line-soft);flex-wrap:wrap}
.ic .tags .tag{font-size:10.5px;padding:2px 8px}



/* ───── Field-service skin (Jobber / Housecall grammar) ───── */
h1,h2,h3,h4{letter-spacing:-.01em;font-weight:600}.mono{font-family:var(--ui);font-variant-numeric:tabular-nums}
.app{grid-template-columns:var(--rail-w) 1fr}
.sidebar{background:var(--surface);border-right:1px solid var(--border)}.brand{padding:14px 16px 8px}.brand-mark{background:var(--brand);color:var(--ink-inv);border-radius:var(--r-control)}
.create-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;margin:8px 8px 6px;border-radius:var(--r-control);background:var(--brand);color:var(--ink-inv);font-weight:600;font-size:14px}.create-btn:hover{background:var(--brand-hover);color:var(--ink-inv)}
.company-pill{padding:6px 8px 8px}.nav-section{font-size:11px;letter-spacing:.06em;color:var(--ink-3);padding:12px 8px 4px}
.nav-item{font-size:14px;font-weight:500;color:var(--ink-2);border-radius:var(--r-control);padding:7px 8px}.nav-item:hover{background:var(--bg-sunken);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand)}.nav-item.active svg{color:var(--brand)}.ni-l svg{width:18px;height:18px}
.nav-sub{font-size:13px;padding:5px 8px 5px 34px;border-radius:var(--r-control)}.nav-sub.active{color:var(--brand);font-weight:500;background:var(--brand-soft)}
.sync-line{font-family:var(--ui);font-size:11px}.sidebar-foot{border-top:1px solid var(--border)}
.main{background:var(--bg)}.topbar{height:var(--topbar-h);padding:0 var(--pad);background:var(--surface);border-bottom:1px solid var(--border);gap:16px}
.gsearch{position:relative;flex:1 1 200px;min-width:160px;max-width:520px}.gsearch input.gsearch-in{display:block;width:100%;height:34px;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r-control);padding:0 64px 0 32px;background:var(--surface);color:var(--ink);font-size:14px}.gsearch input.gsearch-in:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.gsearch>span{position:absolute;left:10px;top:8px;color:var(--ink-3)}.gsearch .kbd{position:absolute;right:8px;top:9px;font-family:var(--ui);font-size:11px;padding:0 6px;line-height:16px;pointer-events:none}@media (max-width:1100px){.gsearch .kbd{display:none}.gsearch input{padding-right:10px}}
.topbar .crumbs{flex:0 0 auto;font-size:13px}.topbar .crumbs strong{font-size:14px}.topbar-right{display:flex;gap:4px;margin-left:auto}.topbar-right .iconbtn{width:32px;height:32px;position:relative}.iconbtn .badge{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:99px;background:var(--danger)}
.canvas{padding:20px var(--pad) 40px;gap:24px}
.ph h1{font-size:20px;font-weight:600;letter-spacing:-.01em}.ph p{font-size:13px;color:var(--ink-2)}.ph-eyebrow{font-size:11px;letter-spacing:.06em;color:var(--ink-3)}
.num{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px;gap:4px}.num-l{font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink-2);font-weight:500}.num-v{font-size:24px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-family:var(--ui)}.num-v.bad{color:var(--danger)}.num-v.good{color:var(--ok)}.num-s{font-size:12px;color:var(--ink-2)}.nums{gap:12px}.nums.small .num-v{font-size:20px}
.delta{font-family:var(--ui);font-size:12px;font-weight:500}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}
.prov{font-family:var(--ui);font-size:11px;color:var(--ink-3)}
.rows{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);overflow:hidden}.row{font-size:13px;padding:var(--row) 12px;border-bottom:1px solid var(--border-2)}.row:last-child{border-bottom:0}.row:hover{background:var(--bg-sunken)}.row.head{background:var(--surface-2);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:8px 12px;border-bottom:1px solid var(--border)}.row.head:hover{background:var(--surface-2)}.row.on{background:var(--brand-soft)}
.row-v,.row-t{font-family:var(--ui);font-variant-numeric:tabular-nums}.row-t{font-size:12px;color:var(--ink-3)}.row-v.in{color:var(--ok)}.row-v.owed{color:var(--warn)}.row-v.loss{color:var(--danger)}
table{font-size:13px}th{font-size:11px;letter-spacing:.06em;color:var(--ink-2);background:var(--surface-2);padding:8px 12px;border-bottom:1px solid var(--border)}td{padding:var(--row) 12px;border-bottom:1px solid var(--border-2)}tbody tr:hover td{background:var(--bg-sunken)}
.sec-h{border-bottom:0;padding-bottom:4px}.sec-h h2{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:600}
.pill{border-radius:var(--r-pill);border:0;padding:2px 9px;font-size:12px;font-weight:500;background:var(--neutral-soft);color:var(--neutral)}.pill.good{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--danger-soft);color:var(--danger)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.drafted{background:var(--neutral-soft);color:var(--ink-2);font-weight:400}
.btn{height:34px;padding:0 12px;border-radius:var(--r-control);border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:500;color:var(--ink)}.btn:hover{background:var(--bg-sunken);border-color:var(--border)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--ink-inv)}.btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn.sm{height:28px;padding:0 10px;font-size:13px}.btn.quiet{border-color:transparent;background:transparent;color:var(--ink-2)}.btn.quiet:hover{background:var(--bg-sunken);color:var(--ink)}
.seg{border-radius:var(--r-control)}.seg button{font-size:13px;padding:6px 10px}.seg button.on,.seg button.v2-on{background:var(--brand-soft);color:var(--brand)}
.v2-tabs{gap:0}.v2-tab{font-size:14px;padding:9px 12px}.v2-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.v2-tab .n{font-family:var(--ui);font-size:12px}
.fld{font-size:12px;color:var(--ink-2)}.fld input,.fld textarea,.fld select,.search input,.flat input:not([type=range]):not([type=checkbox]):not([type=radio]),.flat select,.flat textarea{height:36px;border-radius:var(--r-control);border:1px solid var(--border);background:var(--surface);font-size:14px;padding:0 10px}.fld textarea,.flat textarea{height:auto;padding:8px 10px}.fld input:focus,.fld textarea:focus,.fld select:focus,.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring);outline:0}
a{color:var(--brand)}a:hover{color:var(--brand-hover)}.row-n a,.nav-item,.nav-sub,.rd-actions a,.btn,.v2-tab,.sec-h a,.v2-prop{color:inherit}.sec-h a{color:var(--brand);font-size:12px}
/* kanban */
.board{gap:12px;padding:12px;background:var(--bg-sunken);border-radius:var(--r-card)}.col{border-top:0;background:transparent;gap:8px}.col-h{background:var(--brand-soft);border-radius:var(--r-control);padding:8px 10px;margin-bottom:4px}.col-h h3{font-size:13px;color:var(--brand)}.col-h .n{font-family:var(--ui);font-size:12px;color:var(--brand)}.col-drip{color:var(--ink-2);font-size:12px}.col-drip b{color:var(--ok)}
.board .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:10px 12px;box-shadow:var(--shadow);gap:4px;margin-bottom:8px}.board .card:hover{border-color:var(--ink-3);background:var(--surface)}.card-t b{font-size:13px}.card-t .mono{font-size:13px;font-weight:500}.card-m{font-size:12px}
.board .empty{padding:10px;font-size:12px}
/* calendar */
.cal-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden}.cal-wk div{font-size:11px;letter-spacing:.06em;color:var(--ink-2)}.cell{border-color:var(--border-2)}.cell.dim,.cell.we{background:var(--surface-2)}.cell.today{box-shadow:inset 0 0 0 2px var(--brand)}.cell.today .daynum{color:var(--brand)}
.ev{background:var(--team-1);color:#fff;border-left:3px solid oklch(from var(--team-1) calc(l - .15) c h);border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.ev b{color:#fff}.ev .mono{color:rgba(255,255,255,.85)}.ev.done{background:var(--neutral-soft);color:var(--ink-2);border-left-color:var(--ink-3)}.ev.done b{color:var(--ink-2)}
.ev.in{background:var(--ok);border-left-color:oklch(from var(--ok) calc(l - .15) c h)}.ev.ar{background:var(--warn);border-left-color:oklch(from var(--warn) calc(l - .15) c h)}.ev.pay{background:var(--info);border-left-color:oklch(from var(--info) calc(l - .15) c h)}.ev.qb{background:var(--neutral-soft);color:var(--ink-2);border-left-color:var(--ink-3)}.ev.qb b,.ev.qb .mono{color:var(--ink-2)}
.bar{background:var(--team-2);color:#fff;border-left:3px solid oklch(from var(--team-2) calc(l - .15) c h);border-radius:4px;font-weight:500}.bar b,.bar .mono{color:#fff}
.side{border-left:0;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow)}.cal-top h1{font-size:20px}
/* drawer */
.rd{background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 24px oklch(0.2 0.02 255 / .10)}.rd-title h2{font-size:20px}.rd-actions a,.rd-actions button{height:32px;border-radius:var(--r-control);font-size:13px}.rd-actions .primary{background:var(--brand);border-color:var(--brand);color:var(--ink-inv)}
.c3-avatar,.avatar{border-radius:var(--r-pill);background:var(--team-1);color:#fff}
/* one thing → queue */
.queue{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);overflow:hidden}.q-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border-2)}.q-row:last-child{border-bottom:0}.q-row b{font-size:14px;font-weight:500;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.q-row .why{font-size:12px;color:var(--ink-2);margin-top:2px}.q-act{display:flex;gap:6px}.q-row.gone{display:none}.q-empty{padding:14px;font-size:13px;color:var(--ink-2)}
.onething{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:var(--r-card);box-shadow:var(--shadow);padding:12px 14px;gap:4px}.onething b{font-size:14px;font-weight:500;letter-spacing:0}.onething .go{font-size:13px}.onething .l .ph-eyebrow{color:var(--danger)}
.sky-card{border-radius:var(--r-card)}.skies{gap:8px}
.empty,.rd-empty,.rd-note{font-size:12px;color:var(--ink-2)}

/* phases 2-5 */
.nums.n5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1300px){.nums.n5{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
.hb{display:inline-block;width:110px;height:6px;border-radius:3px;background:var(--bg-sunken);overflow:hidden;vertical-align:middle;margin-right:8px}.hb>span{display:block;height:100%}
.fld.inl{display:inline-block;width:64px;height:28px;padding:0 6px;margin:0 4px;vertical-align:middle}
.side-col{display:flex;flex-direction:column;gap:20px}.card-b{display:flex;flex-direction:column;gap:8px}
.pay-strip{display:block;font-size:12px;color:var(--brand);background:var(--brand-soft);border-radius:var(--r-control);padding:6px 10px;margin:-6px 0 6px}
.pill.violet{background:oklch(0.95 0.04 300);color:oklch(0.5 0.14 300)}
/* inbox */
.inbox3{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:16px;align-items:start;height:calc(100vh - 110px)}@media (max-width:1200px){.inbox3{grid-template-columns:280px minmax(0,1fr)}.inbox3>.side{display:none}}
.ib-l{display:flex;flex-direction:column;gap:10px;min-height:0;height:100%}.ib-l .search{max-width:none;flex:0 0 auto}.ib-l .search input{padding-right:48px}.ib-l .tags{flex:0 0 auto}.th-list{overflow:auto;flex:1}
.th{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border-bottom:1px solid var(--border-2);cursor:pointer}.th:hover{background:var(--bg-sunken)}.th.on{background:var(--brand-soft)}.th .c3-avatar{width:32px;height:32px;font-size:11px}.th-t{min-width:0;display:flex;flex-direction:column;gap:2px}.th-top{display:flex;gap:8px;align-items:center}.th-top b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-prev{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th .dot{margin-top:6px}
.ib-c{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);min-height:0;height:100%}.ib-head{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.ib-c .msgs{flex:1;overflow:auto;padding:12px 16px}
.bubble.in{background:var(--surface);border:1px solid var(--border)}.bubble.out,.line.out .bubble.out{background:var(--brand)!important;color:var(--ink-inv)!important}.bubble.out a{color:var(--ink-inv);text-decoration:underline}.line .t{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--ink-3)}.sysrow{text-align:center;font-size:12px;color:var(--ink-3);padding:4px 0}
.draft{margin:0 16px 10px;padding:12px;border:1px dashed var(--border);border-radius:var(--r-card);background:var(--surface-2);display:flex;flex-direction:column;gap:8px}.draft textarea{height:auto;min-height:64px;padding:8px 10px}
.composer{display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--border);flex-wrap:wrap}.composer .seg{flex:0 0 auto}.composer .seg button{white-space:nowrap}.composer .fld{flex:1 1 200px;min-width:160px}
/* calendar v2 */
.ptool{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pgrid{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden}
.prow{display:grid;grid-template-columns:150px minmax(0,1fr);border-bottom:1px solid var(--border-2)}.prow:last-child{border-bottom:0}.ph-r{padding:10px 12px;border-right:1px solid var(--border-2)}
.pcells{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));position:relative;min-height:64px}.phead .pcells{min-height:0}
.pd{padding:8px 6px;text-align:center;border-right:1px solid var(--border-2);font-size:12px}.pd.we{background:var(--surface-2)}.pd.rain .wxl{color:var(--info);font-weight:600}.wxl{font-size:11px;color:var(--ink-2)}
.pc{border-right:1px solid var(--border-2);min-height:64px}.pc.we{background:var(--surface-2)}.pc.rain{background:repeating-linear-gradient(135deg,transparent 0 6px,var(--info-soft) 6px 8px)}
.pbar{position:absolute;top:8px;height:48px;border-radius:6px;color:#fff;padding:6px 10px;font-size:12px;display:flex;flex-direction:column;gap:1px;overflow:hidden;cursor:grab;box-shadow:var(--shadow)}.pbar b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar span{opacity:.9;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar .rs{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:ew-resize}
.pbar.t1{background:var(--team-1);border-left:3px solid oklch(from var(--team-1) calc(l - .15) c h)}.pbar.t2{background:var(--team-2);border-left:3px solid oklch(from var(--team-2) calc(l - .15) c h)}.pbar.t3{background:var(--team-3);border-left:3px solid oklch(from var(--team-3) calc(l - .15) c h)}.pbar.done{background:var(--neutral-soft);color:var(--ink-2)}
.unsched .tag{display:inline-flex;gap:4px;cursor:grab;font-size:12px}.unsched .tag b{font-weight:500}
.agrid{display:grid;grid-template-columns:64px repeat(5,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden}.acol{border-right:1px solid var(--border-2);position:relative}.acol:last-child{border-right:0}.ahead{height:48px;padding:6px 8px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;font-size:12px}.ah{height:48px;font-size:11px;color:var(--ink-3);padding:2px 6px;border-bottom:1px solid var(--border-2);text-align:right}.abody{position:relative;height:576px;background:repeating-linear-gradient(to bottom,transparent 0 47px,var(--border-2) 47px 48px)}
.backdrop{position:absolute;inset:0 4px;border:1px dashed var(--ink-3);background:repeating-linear-gradient(135deg,transparent 0 8px,var(--neutral-soft) 8px 10px);border-radius:6px;font-size:11px;color:var(--ink-2);padding:6px 8px;pointer-events:none}
.appt{position:absolute;left:6px;right:6px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--team-1);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;display:flex;flex-direction:column;box-shadow:var(--shadow);cursor:pointer}.appt span{font-size:11px;color:var(--ink-2);font-weight:400}.appt.t2{border-left-color:var(--team-2)}.appt.requested{border-color:var(--warn);border-left-color:var(--warn);background:var(--warn-soft)}.appt.proposed{border:1px dashed var(--brand);border-left-width:4px;background:var(--brand-soft)}

/* price book */
.pb-lay{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start}.pb-cats{display:flex;flex-direction:column;gap:2px}.pb-cats button{display:flex;justify-content:space-between;padding:7px 10px;border-radius:var(--r-control);color:var(--ink-2);font-size:13px;text-align:left}.pb-cats button:hover{background:var(--bg-sunken)}.pb-cats button.on{background:var(--brand-soft);color:var(--brand)}.pb-cats .n{color:var(--ink-3);font-size:12px}
.pb-main{display:flex;flex-direction:column;gap:10px;min-width:0}
.pb-row{grid-template-columns:minmax(160px,2fr) 80px 64px 84px 84px 70px 84px 40px!important;font-size:13px;min-width:720px}#pbTable{overflow-x:auto}@media (max-width:1300px){.pb-row{grid-template-columns:minmax(160px,2fr) 80px 64px 84px 84px 70px 40px!important;min-width:620px}.pb-row>:nth-child(7){display:none}}.pb-row .sort{cursor:pointer}.pb-row .sort::after{content:" ↕";color:var(--ink-3)}.pb-row.head .sort.on{color:var(--ink)}
.margin.bad{color:var(--danger);font-weight:600}.tg{width:30px;height:18px;border-radius:9px;background:var(--border);position:relative;cursor:pointer;flex-shrink:0}.tg::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:7px;background:#fff;transition:left .15s}.tg.on{background:var(--ok)}.tg.on::after{left:14px}
.pill.svc{background:var(--info-soft);color:var(--info)}.pill.mat{background:var(--warn-soft);color:var(--warn)}.pill.lab{background:oklch(0.95 0.04 300);color:oklch(0.5 0.14 300)}.pill.add{background:var(--neutral-soft);color:var(--neutral)}.pill.man{background:var(--warn-soft);color:var(--warn)}
.menu-wrap{position:relative}.menu{position:absolute;right:0;top:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-width:160px;z-index:20;padding:4px}.menu button{text-align:left;padding:8px 10px;border-radius:var(--r-control);font-size:13px}.menu button:hover{background:var(--bg-sunken)}
.recipe{display:flex;flex-direction:column;gap:4px}.recipe .row{grid-template-columns:minmax(0,1fr) 70px 80px 80px;font-size:12px}
.calc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.calc .num{padding:10px 12px}.calc .num-v{font-size:18px}
.spark{display:flex;gap:4px;align-items:flex-end;height:44px}.spark span{flex:1;background:var(--info-soft);border-top:2px solid var(--info);position:relative}.spark span.over{background:var(--danger-soft);border-top-color:var(--danger)}.spark i{position:absolute;left:0;right:0;border-top:1px dashed var(--ink-3)}
.pb-bundles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.bundle{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.bundle h3{font-size:16px;display:flex;justify-content:space-between}
.pb-bulk{position:fixed;inset:0;z-index:70;background:oklch(0.2 0.02 255 / .18);display:grid;place-items:center}.pb-bulk .sheet{width:min(760px,92vw);max-height:86vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-md);padding:18px 20px;display:flex;flex-direction:column;gap:12px}

.pb-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pb-photos .tile{position:relative;aspect-ratio:4/3}.pb-photos .tile img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}.pb-drop{display:grid;place-items:center;border:1px dashed var(--border);background:var(--surface-2);color:var(--ink-2);font-size:12px;text-align:center;cursor:pointer}.pb-drop small{color:var(--ink-3)}.pb-drop:hover{border-color:var(--brand);color:var(--brand)}
.pb-thumb{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--bg-sunken)}.pb-thumb.none{border:1px dashed var(--border)}
.pb-svc-photo{width:44px;height:33px;object-fit:cover;border-radius:4px;margin-right:8px;vertical-align:middle}

@media (max-width:1100px){.pb-lay{grid-template-columns:1fr}.pb-lay .pb-cats{flex-direction:row;flex-wrap:wrap;gap:4px}.pb-lay .pb-cats button{flex:0 0 auto;width:auto;padding:5px 10px;gap:6px}}


/* proposal — DripJobs structure */
.dj{display:flex;flex-direction:column;gap:18px;max-width:1200px}.dj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:18px 20px;display:flex;flex-direction:column;gap:12px}.dj-card-h{display:flex;align-items:center;gap:10px}.dj-card-h h2{font-size:20px}.dj-card-h b{font-size:15px}
.dj-hdr{border-left:4px solid var(--warn)}.dj-h{display:flex;justify-content:space-between;gap:20px}.dj-h-l{display:flex;gap:16px}.dj-av{width:56px;height:56px;font-size:16px;background:var(--team-4)}.dj-h-info{display:flex;flex-direction:column;gap:4px}.dj-name{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:600}.dj-name a{color:var(--brand)}.dj-line{color:var(--ink-2);font-size:14px;display:flex;gap:6px;align-items:center}.dj-line a{color:var(--brand)}
.dj-linked{margin-top:8px;padding:10px 12px;border-radius:var(--r-card);background:var(--surface-2);border:1px solid var(--border-2);display:flex;flex-direction:column;gap:6px;min-width:320px}.dj-linked select{width:100%}
.dj-h-r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.dj-h-r h1{font-size:26px}.dj-display{border:0;background:none;text-align:right;color:var(--brand);font-size:13px;font-weight:500;width:180px}.dj-display::placeholder{color:var(--brand)}.dj-status{display:flex;gap:8px;align-items:center}
.dj-h-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px}.dj-h-actions .btn{color:var(--brand);border-color:var(--brand-soft)}
.dj-h-meta{display:flex;gap:28px;padding-top:12px;border-top:1px solid var(--border-2);font-size:13px;color:var(--ink-2)}.dj-h-meta b{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-right:6px}.dj-h-meta a{color:var(--brand)}.dj-inline{border:0;background:none;color:var(--brand);width:90px;font-size:13px}
.dj-empty{padding:14px 16px;border:1px solid var(--info-soft);background:oklch(0.97 0.02 230);border-radius:var(--r-card);color:var(--info);font-style:italic;font-size:14px}
.dj-li .row-n{gap:4px;flex-direction:column;align-items:flex-start}.dj-li .row-n>span:first-child{font-weight:500}.dj-desc{width:100%;min-height:40px;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12px;color:var(--ink-2);background:var(--surface-2)}.dj-li.opt{background:var(--surface-2)}
.dj-menu{position:absolute;right:0;top:34px;width:min(560px,90vw);padding:10px;gap:8px}.dj-menu .rows .row{padding:8px 10px}.dj-menu>button{text-align:left;padding:10px 12px;border-radius:6px;display:flex;flex-direction:column;gap:2px}.dj-menu>button:hover{background:var(--bg-sunken)}
.dj-tabs{display:flex;gap:8px;flex-wrap:wrap}.dj-tab{padding:8px 16px;border-radius:999px;background:var(--bg-sunken);color:var(--ink);font-weight:500;font-size:14px}.dj-tab.on{background:var(--brand);color:var(--ink-inv)}
.dj-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dj-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (max-width:1100px){.dj-3,.dj-2{grid-template-columns:1fr}}
.dj-noteadd{display:flex;flex-direction:column;gap:6px}.dj-noteadd textarea{height:auto!important;padding:8px 10px!important}
.dj-warn{padding:12px 16px;border:1px solid var(--warn);background:var(--warn-soft);border-radius:var(--r-card);color:var(--ink);font-size:14px}
.dj-foot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-bottom:20px}
.pv-head{display:flex;justify-content:space-between;gap:12px}.pv-head h2{font-size:22px;margin:4px 0}.pv-sec{display:flex;flex-direction:column;gap:8px}.pv-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-2)}.pv-line .mk-muted{font-size:13px;line-height:1.45}.pv-amt{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pv-amt b{font-size:15px}
.pv-opt{grid-template-columns:auto minmax(0,1fr) auto;border:1px dashed var(--border);border-radius:var(--r-card);padding:10px 12px}.pv-opt.on{border-style:solid;border-color:var(--brand);background:var(--brand-soft)}
.pv-tot{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border);padding-top:10px}.pv-tot>div{display:flex;justify-content:space-between}.pv-tot .big{font-size:20px;font-weight:600}
.pv-sign{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:14px}.pv-sign .fld{flex:1 1 200px}
.pay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:10px}.pay-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2);font-weight:500}.pay-grid label>span{display:flex;gap:6px;align-items:center;color:var(--ink)}
@media print{.sidebar,.topbar,.dj>*:not(#modal){display:none!important}}

/* forecast v2 */
.fhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.fhead h1{font-size:20px}.fhead p{font-size:14px;color:var(--ink-2);margin-top:4px}.fctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fsec{display:flex;flex-direction:column;gap:12px}.fsec-h{display:flex;gap:12px;align-items:baseline}.fsec-h h2{font-size:16px;text-transform:none;letter-spacing:0;color:var(--ink)}
.fgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:stretch}
.ft{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px;min-width:0}.ft.link{cursor:pointer}.ft.link:hover{border-color:var(--ink-3)}.ft-mod{position:static;align-self:flex-start;order:-1;margin-bottom:2px}
.ft .kpi-label{font-size:12px;color:var(--ink-2)}.ft .kpi-value{font-size:24px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.ft .kpi-value.warn{color:var(--warn)}.ft-empty{font-size:16px!important;color:var(--ink-2)!important;font-weight:500!important}
.ft-s{font-size:12px;color:var(--ink-2)}.ft-s.ok{color:var(--ok)}.ft-s.warn{color:var(--warn)}.ft .kpi-delta{font-size:12px;font-weight:500}.ft .kpi-delta.up{color:var(--ok)}.ft .kpi-delta.down{color:var(--danger)}.ft-micro{font-size:12px;color:var(--ink-2)}
.ft-spark{width:100%;height:32px;margin-top:4px}.ft-mini{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--bg-sunken);margin:4px 0}.ft-mini i{display:block;height:100%}
.fmonths{display:flex;flex-direction:column;gap:12px}.fmonths .ft{flex:1}
.fchart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px}.fchart{display:grid;grid-template-columns:44px 1fr;gap:8px}.fy{display:flex;flex-direction:column;justify-content:space-between;height:180px;font-size:11px;color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;padding-bottom:22px}
.fbars{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:202px;border-bottom:1px solid var(--border);padding-bottom:22px}.fcol{position:relative;height:180px;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}.fghost{position:absolute;bottom:0;left:15%;right:15%;background:var(--bg-sunken);border-radius:3px 3px 0 0}.fstack{position:relative;width:60%;display:flex;flex-direction:column;border-radius:3px 3px 0 0;overflow:hidden;min-height:2px}.fstack i{display:block;width:100%}.fstack .b{background:var(--brand)}.fstack .mo{background:var(--brand);opacity:.4}.fstack .w{background:var(--brand-soft);border:1px solid var(--border)}.fx{position:absolute;bottom:-20px;font-size:11px;color:var(--ink-2)}
.favg{position:absolute;left:0;right:0;border-top:1px dashed var(--ink-3);pointer-events:none}.favg span{position:absolute;right:0;top:-16px;font-size:11px;color:var(--ink-2);background:var(--surface);padding:0 4px}
.flegend{grid-column:1/-1;display:flex;gap:14px;font-size:12px;color:var(--ink-2);margin-top:6px}.flegend span{display:inline-flex;align-items:center;gap:6px}.flegend i{width:10px;height:10px;border-radius:2px;display:inline-block}
.ftip{position:fixed;z-index:90;background:var(--ink);color:var(--ink-inv);font-size:12px;padding:6px 10px;border-radius:6px;max-width:320px;pointer-events:none}
.fdisc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:0 14px}.fdisc summary{border-top:0;padding:12px 0}.fdisc-b{padding:0 0 14px;display:flex;flex-direction:column;gap:10px}
.sbars{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:80px;align-items:end}.sb{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:2px}.sb i{width:70%;background:var(--brand);opacity:.35;border-radius:2px 2px 0 0;display:block}.sb.cur i{opacity:1}.sb span{font-size:10px;color:var(--ink-3)}
.f5 .ft{grid-column:span 2}@media (max-width:1200px){.f5 .ft{grid-column:span 4!important}.f5 .acard{grid-column:span 6!important}.fchart-wrap,.fmonths{grid-column:span 12!important}.fmonths{flex-direction:row}.fgrid>.ft{grid-column:span 6!important}.fgrid>div[style*="span 6"]{grid-column:span 12!important}}
.acard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}.acard-h{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.acard-h b{font-size:16px}.acard-h .mk-muted{font-size:12px}.acard-f{font-size:13px;margin-top:8px;color:var(--brand)}
.arow{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--border-2)}.arow-t{display:flex;flex-direction:column;gap:2px;min-width:0}.arow-t>span:first-child{font-weight:500;font-size:14px}.arow-t .mk-muted{font-size:12px}.arow-t .bad{color:var(--danger);font-weight:500}.arow-a{display:flex;gap:4px;align-items:flex-start;flex-shrink:0}.arow-a .btn{height:28px;padding:0 9px;font-size:12px}.arow-a .draft-btn{border-color:var(--brand);color:var(--brand)}.arow .menu{top:30px;min-width:120px}

/* flat: number groups render as a clean tile grid, no separators or double rules */
.flat .hrow:has(>.num),.flat div:has(>.num){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:0;border:0;align-items:stretch}
.flat .hrow:has(>.num)>*::before,.flat div:has(>.num)>*::before,.flat .num::before,.flat .hrow>.num::before{content:none!important}
.flat .hrow:has(>.num)>:not(.num),.flat div:has(>.num)>:not(.num){grid-column:1/-1}
.flat>div>.hrow{border-bottom:0}.flat .hrow:empty,.flat .hrow>span:empty{display:none}
.flat .num{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px}.flat .num-l{font-size:12px;color:var(--ink-2);text-transform:none;letter-spacing:0}.flat .num-v{font-size:24px}
.flat p,.flat>div>span{line-height:1.5;color:var(--ink-2)}

/* dials v2 */
.dials-lay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start;margin-bottom:16px}@media (max-width:1100px){.dials-lay{grid-template-columns:1fr}}
.dial{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--border-2)}.dial-h{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:500}.dial-h .mk-muted{font-size:12px;font-weight:400}.dial-c{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:10px;align-items:center}.dial-c input[type=range]{width:100%;accent-color:var(--brand)}.dial-c .fld{height:32px;text-align:right}
.dials-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dials-out .ft.hero{grid-column:1/-1}.dials-out .ft.hero .kpi-value{font-size:34px}

/* overhead v2 */
.oh-tag{position:static;align-self:flex-start;order:-1;font-size:11px;color:var(--ink-2);background:var(--neutral-soft);border-radius:4px;padding:1px 6px}
.oh-formula{background:var(--bg-sunken);border-radius:var(--r-control);padding:10px 12px;font-size:12.5px;line-height:1.5;font-variant-numeric:tabular-nums}
.oh-cap{position:absolute;top:-16px;font-size:10px;color:var(--ink-2)}.oh-short{display:inline-block;width:6px;height:6px;border-radius:99px;background:var(--danger);vertical-align:middle;margin-left:2px}
.oh-grp{background:var(--surface-2)!important}
@media (max-width:1200px){.fgrid>div[style*="span 4"]{grid-column:span 12!important}}.q-act{flex-wrap:wrap;justify-content:flex-end}.dj-card-h{flex-wrap:wrap}.dj-card-h .seg{flex:0 0 auto}.oh-row .row-t{font-size:12px}#ohTable .row{min-width:820px}
.oh-pairs{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:70px;align-items:end}.oh-pair{display:flex;gap:1px;align-items:flex-end;height:100%}.oh-pair i{flex:1;display:block;border-radius:2px 2px 0 0}

/* ai staff page */
.ai-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.ai-tab{padding:9px 14px;font-size:14px;font-weight:500;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px}.ai-tab .n{color:var(--ink-3);font-weight:400;font-size:12px}.ai-tab.on{color:var(--brand);border-bottom-color:var(--brand)}
.ag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width:1100px){.ag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ag-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:10px;cursor:pointer}.ag-card:hover{border-color:var(--ink-3)}.ag-card.add{border-style:dashed;box-shadow:none;justify-content:center;align-items:center;text-align:center;color:var(--ink-2);cursor:default}.ag-h{display:flex;justify-content:space-between;gap:10px}.ag-h b{font-size:16px}.ag-h .mk-muted{font-size:12px}.ag-scope{font-size:12px;color:var(--ink-2);line-height:1.5}.ag-scope b{color:var(--ink)}.ag-stats{display:flex;gap:16px;font-size:12px;color:var(--ink-2)}.ag-stats b{color:var(--ink);font-size:14px}.ag-bar{display:block;position:relative;height:4px;background:var(--bg-sunken);border-radius:2px;overflow:visible}.ag-bar i{display:block;height:100%;border-radius:2px}
.dial3{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-control);overflow:hidden;align-items:center}.dial3 button{padding:4px 8px;font-size:12px;color:var(--ink-2);white-space:nowrap}.dial3 button+button{border-left:1px solid var(--border)}.dial3 button.on{background:var(--brand-soft);color:var(--brand);font-weight:500}.dial3 button.forbid{text-decoration:line-through;color:var(--ink-3)}.dial3 a{padding:0 6px}
.evb{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--bg-sunken);width:100%}.evb i{display:block;height:100%}.ev-l{display:block;font-size:12px;color:var(--ink-2);margin-top:3px}.evwrap{display:flex;flex-direction:column;min-width:0}
.rules-t .row{min-width:1000px}.rules-t{overflow-x:auto}.act-row{min-width:1080px}#aiPane .rows:has(.act-row){overflow-x:auto}
.ag-lines{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ag-lines>div{display:flex;flex-direction:column;gap:2px}
.q-card{gap:8px}.q-card .tag{cursor:pointer}.q-card .tag:hover{border-color:var(--brand);color:var(--brand)}
.tag i{font-style:normal;color:var(--ink-3);margin-left:4px}

/* hr */
.hr-t .row{min-width:980px}.hr-t{overflow-x:auto}.hr-t a.row{color:inherit}
.hr-rec{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}@media (max-width:1100px){.hr-rec{grid-template-columns:1fr}}.hr-roles{display:flex;flex-direction:column;gap:12px}.role-card.on{border-color:var(--brand)}.role-card .ag-stats{flex-wrap:wrap;gap:8px 14px}
.hr-rec-stats{display:flex;gap:24px;font-size:13px;color:var(--ink-2);margin-bottom:10px}.hr-rec-stats b{color:var(--ink)}
.hr-board{grid-auto-columns:minmax(200px,1fr)}.hr-board .col-h h3{font-size:13px}.match{display:inline-flex;gap:2px}.match i{font-style:normal;font-size:10px;width:14px;height:14px;border-radius:99px;display:inline-grid;place-items:center}.match i.y{background:var(--ok-soft);color:var(--ok)}.match i.n{background:var(--danger-soft);color:var(--danger)}
.cand .card-t b{font-size:13px}.cand .pill.drafted{font-size:10px}
.ts .row-v.dim{color:var(--ink-3)}.ts .tot{background:var(--surface-2);font-weight:500}.ts .row{min-width:820px}.ts{overflow-x:auto}
.hr-embed{width:100%;height:1400px;border:0;border-radius:var(--r-card)}.embed-mode .sidebar,.embed-mode .topbar,.embed-mode .fhead{display:none!important}.embed-mode .app{grid-template-columns:1fr}.embed-mode .canvas{padding:0}
.blocked{background:var(--danger-soft)}
.gate{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface-2);color:var(--ink-2);margin-top:12px}
.rev-open{margin-top:12px}.rv-ta{height:auto!important;padding:8px 10px!important;margin-bottom:6px}.rev-open input.fld{margin-bottom:6px}
.qa{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid var(--border-2);font-size:13px}.qa .mk-muted{font-size:12px}
.pdfph{height:160px;border:1px dashed var(--border);border-radius:var(--r-card);display:grid;place-items:center;color:var(--ink-3);background:var(--surface-2)}
.org{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}.org-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.org-box{border:1px solid var(--border);border-radius:var(--r-card);padding:12px 14px;display:flex;flex-direction:column;gap:4px;background:var(--surface);min-height:84px}.org-box b{font-size:14px;font-weight:500}.org-box .mk-muted{font-size:12px}.org-box.open{border-style:dashed;background:var(--surface-2)}.org-box.ghost{opacity:.7}.org-box.sub{border-left:3px solid var(--info)}.org-box.soon{border-left:3px solid var(--warn)}.org-box.agent{background:var(--surface-2);min-height:64px}.org-row:last-child{border-top:1px solid var(--border-2);padding-top:14px}
.gate-note{font-size:12px;color:var(--danger);margin-top:6px;max-width:320px;text-align:right}
#pHead .dj-line{display:block;white-space:normal}#pHead .dj-h-info{max-width:520px}#pHead .dj-h-l{min-width:0}
#pTabs{margin-top:14px}#hrK,#pPane .fgrid{margin:14px 0}.warn-t{color:var(--warn)}
.dj-h-actions .btn{color:var(--ink)}

/* pay table */
.pay-t{overflow-x:auto}.pay-t .row-n{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.pay-t .row-n>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pay-t .row-n .mk-muted{font-size:12px;font-weight:400}.pay-t .hb{display:block;height:6px;border-radius:3px;background:var(--bg-sunken);overflow:hidden;margin-bottom:3px}.pay-t .hb span{display:block;height:100%}
.pay-inline{display:flex;flex-direction:column;gap:14px}.pay-inline .cols2{grid-template-columns:minmax(0,1.6fr) 320px}.pay-left{min-width:0;display:flex;flex-direction:column;gap:8px}@media (max-width:1300px){.pay-inline .cols2{grid-template-columns:1fr}}

/* pay-inline stack */
.pay-inline .cols2{grid-template-columns:minmax(0,1.6fr) 320px}@media (max-width:1300px){.pay-inline .cols2{grid-template-columns:1fr}.pay-inline .side-col{max-width:none}}
.pay-t{overflow-x:auto}.pay-t .row{grid-template-columns:minmax(220px,1.6fr) 100px 90px 90px 90px 160px 70px 120px!important;width:max-content;min-width:100%;align-items:center}.pay-t .row-n .mk-muted{white-space:normal;overflow:visible;text-overflow:clip}

/* reporting v2 */
.fgrid.f6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:1200px){.fgrid.f6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.fgrid.f6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ft.door{text-align:left;cursor:pointer;position:relative}.ft.door:hover{border-color:var(--brand)}.ft .spk{margin-top:6px;display:block}.ft .pill.modeled{position:absolute;top:10px;right:10px}
.delta{font-size:12px;font-weight:500}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.delta.flat{color:var(--ink-3)}.tgt{color:var(--ink-3)}.tgt.warn{color:var(--warn)}
.wc{padding:0}.wc-h{display:flex;gap:12px;align-items:baseline;padding:14px 18px;border-bottom:1px solid var(--border-2)}.wc-h b{font-size:16px}.wc-h .mk-muted{font-size:13px}
.wc-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border-2)}.wc-row:last-child{border-bottom:0}.wc-row .dot{width:8px;height:8px}.wc-row.q .dot{background:var(--ink-3)}
.wc-f{font-size:14px;font-weight:500}.wc-w{font-size:12px;color:var(--ink-2);margin-top:2px}.wc-act{display:flex;gap:6px;align-items:center}.wc-row.q .tags{margin-top:8px}.wc-empty{text-align:center;color:var(--ink-2);padding:22px;margin:0}
.btn.outline{border-color:var(--brand);color:var(--brand)}
.rp{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px;align-items:start}@media (max-width:1100px){.rp{grid-template-columns:1fr}}
.rp-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}@media (max-width:900px){.rp-index{grid-template-columns:1fr}}
.rp-g{padding-top:14px;margin-top:6px;border-top:1px solid var(--border);break-inside:avoid}.rp-g .label{color:var(--ink-3);margin-bottom:6px}.rp-g:first-child{grid-column:1/-1;border-top:0}.rp-g:first-child .rp-row{display:grid}
.rp-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 12px;padding:8px 0;border-bottom:1px solid var(--border-2);align-items:center}.rp-n{font-size:14px;font-weight:500;color:var(--ink)}.rp-n:hover{color:var(--brand)}.rp-d{grid-column:1;font-size:12px;color:var(--ink-2)}.rp-fig{font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap;grid-row:1/3}.star{grid-row:1/3;color:var(--ink-3);font-size:16px;padding:0 4px}.star.on{color:var(--warn)}
.rp-rail{display:flex;flex-direction:column;gap:12px}.card.sm{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.card-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.card-h b{font-size:14px}
.rv-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end}.rv-head h1{margin-top:4px}.rv-ctl{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rv-ctl .fld{height:32px}
.rv-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.rv-filters .tag i{margin-left:6px;cursor:pointer;font-style:normal}
.rv-sum .ft{min-height:0}
.rv-body{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:16px}@media (max-width:1000px){.rv-body{grid-template-columns:1fr}}
.rv-chart-card{display:flex;flex-direction:column;gap:12px;min-width:0}.rv-chart{display:grid;grid-template-columns:44px minmax(0,1fr);height:220px;position:relative}.rv-y{position:relative;font-size:11px;color:var(--ink-2);font-variant-numeric:tabular-nums}.rv-y>span{position:absolute;right:8px;transform:translateY(50%)}.rv-target{left:44px;right:-100vw;border-top:1px dashed var(--danger);width:calc(100vw)}.rv-target i{position:absolute;right:auto;left:0;top:-16px;font-style:normal;font-size:11px;color:var(--danger);white-space:nowrap}
.rv-bars{display:flex;gap:18px;align-items:flex-end;border-left:1px solid var(--border);border-bottom:1px solid var(--border);padding:0 12px;overflow-x:auto}.rv-col{flex:1 1 0;min-width:56px;display:flex;flex-direction:column;align-items:center;height:100%;cursor:pointer}.rv-bar-wrap{position:relative;flex:1;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:2px}.rv-bar,.rv-cmp,.rv-ghost{width:22%;border-radius:3px 3px 0 0}.rv-bar{background:var(--brand)}.rv-bar.under{background:var(--brand)}.rv-cmp{background:var(--brand);opacity:.4}.rv-ghost{background:var(--border)}.rv-col.hi .rv-bar{outline:2px solid var(--ink);outline-offset:1px}.rv-col:hover .rv-bar{filter:brightness(.9)}.rv-x{font-size:11px;color:var(--ink-2);padding:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sw{display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--brand);vertical-align:-1px}.sw.cmp{opacity:.4}.sw.ghost{background:var(--border)}
.rv-movers .row-v.ok{color:var(--ok)}.rv-movers .row-v.warn{color:var(--danger)}
.rv-tbl{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface)}.rv-tbl table{min-width:960px}.rv-tbl thead th{position:sticky;top:0;z-index:1;cursor:pointer;white-space:nowrap}.rv-tbl th.sorted{color:var(--brand)}.chev{color:var(--brand);margin-left:4px}.rv-tbl td.dotc,.rv-tbl th:first-child{width:18px;padding-right:0}.rv-tbl tr.gh td{background:var(--surface-2);font-weight:600;font-size:12px}.rv-tbl tr.sub td{font-weight:500;border-bottom:2px solid var(--border)}.rv-tbl tfoot td{font-weight:600;background:var(--surface-2)}.rv-tbl td .open{display:none;margin-left:8px;font-size:11px;color:var(--brand)}.rv-tbl tr:hover td .open{display:inline}.rv-tbl td .ok{color:var(--ok)}.rv-tbl td .warn{color:var(--warn)}.rv-tbl td a{cursor:pointer}.rv-tbl td a:hover{color:var(--brand)}
.rv-notes-b{display:flex;flex-direction:column;gap:10px;padding:8px 0;font-size:13px;color:var(--ink-2)}.rv-notes-b p{margin:0;line-height:1.5}.rv-notes-b b{color:var(--ink)}
.menu label.check{padding:6px 10px;font-size:13px}
@media (max-width:900px){.rv-head{flex-direction:column;align-items:stretch}.rv-ctl{justify-content:flex-start}}

/* calendar events readable */
.cal-grid .ev{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;height:auto;min-height:22px;overflow:visible;padding:3px 7px;line-height:1.25;font-size:12px;width:auto}
.cal-grid .ev b{flex:1 1 auto;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;font-weight:500}
.cal-grid .ev .mono{margin-left:auto;font-size:11px;white-space:nowrap}
.cal-grid .bar{height:24px;overflow:hidden;white-space:nowrap}.cal-grid .bar b{overflow:hidden;text-overflow:ellipsis}
.cell .empty{font-size:11px;color:var(--ink-3);padding:2px 0}
.side .sec-h{flex-wrap:wrap}.side .sec-h h2{white-space:nowrap}.side .sec-h .prov{flex:0 0 100%;margin-top:2px}
.appt-queue .row{grid-template-columns:minmax(0,1fr) auto!important}.appt-queue .row-n{flex-direction:column;align-items:flex-start;gap:2px}.appt-queue .row-n>span{white-space:normal!important;overflow:visible!important}.appt-queue .mk-muted{font-size:12px;line-height:1.4}

/* inbox width guards */
.ib-c,.ib-l,.ib-r,.inbox3>*{min-width:0}.ib-head{flex-wrap:wrap}.ib-head .ph-actions,.ib-head-actions{flex-wrap:wrap;justify-content:flex-end}.ib-head .btn{white-space:nowrap}
@media (max-width:1100px){.inbox3{grid-template-columns:260px minmax(0,1fr)}.ib-r{display:none}}

/* drips — DripJobs structure */
.dp-pipe{display:inline-flex;align-self:flex-start;border-radius:999px;background:var(--bg-sunken);padding:3px;gap:3px}.dp-pipe button{display:inline-block;height:auto;min-height:36px;line-height:1.2;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:500;border:0;color:var(--ink-2);background:transparent;white-space:nowrap;cursor:pointer}.dp-pipe button.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm)}
.dp-split{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:24px;align-items:start}@media (max-width:1100px){.dp-split{grid-template-columns:1fr}}
.dp-left{display:flex;flex-direction:column;gap:10px}.dp-left-h{display:flex;justify-content:space-between;align-items:center}
.dp-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden}.dp-stage.cur{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand-soft)}.dp-stage-h{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:14px 16px}.dp-stage-h b{font-size:15px}.dp-stage-h .mk-muted{font-size:12px}.dp-caret{color:var(--ink-3);width:14px;margin-top:1px}
.dp-seqs{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}.dp-seq{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-control);background:var(--bg-sunken);color:var(--brand);font-weight:500;text-align:left}.dp-seq.on{background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand-soft)}.dp-seq>span:first-child{flex:1}.dp-def{font-size:11px;background:var(--ink);color:var(--ink-inv);padding:2px 8px;border-radius:999px;font-weight:600}.dp-seq .iconbtn{width:24px;height:24px}
.dp-addseq{display:flex;justify-content:flex-end;padding-top:4px}
.dp-card{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-card);padding:0 0 24px;display:flex;flex-direction:column;gap:16px}.dp-card-h{display:flex;align-items:center;gap:10px;padding:18px 20px;background:var(--surface);border-bottom:1px solid var(--border);border-radius:var(--r-card) var(--r-card) 0 0}.dp-card-h h2{font-size:20px;font-weight:500;outline:0}
.dp-trigger{display:flex;flex-direction:column;align-items:center;gap:6px}.pill.brand{background:var(--brand-soft);color:var(--brand);height:auto;padding:6px 14px;font-size:13px}
.dp-timeline{position:relative;display:flex;flex-direction:column;gap:14px;padding:0 20px}.dp-timeline::before{content:"";position:absolute;left:50%;top:-16px;bottom:0;width:2px;background:var(--border)}
.dp-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:14px 16px;box-shadow:var(--shadow)}.dp-step.exp{align-items:start}
.dp-icons{display:flex;flex-direction:column;gap:-6px;position:relative;width:44px}.dp-ico{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.dp-ico.text{background:var(--ok-soft);color:var(--ok);margin-top:-14px;margin-left:12px}
.dp-step-body{display:flex;flex-direction:column;gap:2px;min-width:0}.dp-step-when{font-size:13px;color:var(--ink-2)}.dp-step-when b{color:var(--ink)}.dp-step-name{display:flex;gap:10px;align-items:center;font-size:16px}.dp-step-name .pill{color:var(--brand);background:var(--brand-soft)}
.dp-edit{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-2)}.dp-edit textarea{height:auto!important;padding:8px 10px!important;line-height:1.5}
.dp-menu-wrap{position:relative}.dp-menu{position:absolute;right:0;top:30px;min-width:170px;padding:6px}.dp-menu button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:6px}.dp-menu button:hover{background:var(--bg-sunken)}
.dp-add{display:flex;justify-content:center;padding-top:6px;position:relative}.dp-plus{width:40px;height:40px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--brand);font-size:20px;display:grid;place-items:center}.dp-plus:hover{border-color:var(--brand)}

/* consistency pass */
.canvas>.fhead:first-child,.canvas>.ph:first-child{margin-top:0}
.fhead .label,.ph-eyebrow{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:4px}
.fhead h1,.ph h1{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--ink);display:flex;align-items:center;gap:10px}.fhead p,.ph p{font-size:14px;color:var(--ink-2);margin-top:4px;max-width:760px}.asof{font-size:12px;color:var(--ink-3);margin-top:4px}
.fctl,.ph-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-control);overflow:hidden;background:var(--surface)}.seg button{height:32px;padding:0 12px;font-size:13px;font-weight:500;color:var(--ink-2);border:0;border-radius:0;background:transparent}.seg button+button{border-left:1px solid var(--border)}.seg button.on,.seg button.v2-on{background:var(--brand-soft);color:var(--brand)}
.seg.dp-pipe{padding:0;gap:0;border-radius:var(--r-control)}.seg.dp-pipe button{border-radius:0;min-height:32px;padding:0 14px;box-shadow:none}.seg.dp-pipe button.on{background:var(--brand-soft);color:var(--brand)}
.v2-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);flex-wrap:wrap}.v2-tab,.ai-tab{padding:9px 14px;font-size:14px;font-weight:500;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-radius:0}.v2-tab.active,.v2-tab.on,.ai-tab.on{color:var(--brand);border-bottom-color:var(--brand)}
.dj-tabs .dj-tab{border-radius:0;background:none;padding:9px 14px}.dj-tabs .dj-tab.on{background:none;color:var(--brand)}
.dj-hdr{border-left:0}.dj-hdr .dj-av{background:var(--brand-soft);color:var(--brand)}.dj-card-h h2,.dj-card-h b,.dp-card-h h2{font-size:16px;font-weight:600}
.dj-empty{padding:0;border:0;background:none;color:var(--ink-2);font-style:normal;font-size:14px}.dj-empty a{color:var(--brand)}
.pill{display:inline-flex;align-items:center;width:auto;align-self:flex-start;height:22px;padding:0 8px;border-radius:var(--r-pill);font-size:11px;font-weight:500;white-space:nowrap}.pill.brand{background:var(--brand-soft);color:var(--brand)}.pill.neutral,.pill.drafted{background:var(--neutral-soft);color:var(--neutral)}
.num-v,.kpi-value,.ft .kpi-value,.row-v,td.n,.money{color:var(--ink)!important}.num-v.bad,.num-v.good,.num-v.warn{color:var(--ink)!important}.row-v.in,.row-v.owed,.row-v.loss,.row-v.out{color:var(--ink)!important}
.num-l{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
table,.rows{font-size:13px}thead th,.row.head{position:sticky;top:0;background:var(--surface-2);z-index:1}td.n,.row-v,.row-t{text-align:right;font-variant-numeric:tabular-nums}
.cal-side .q-row,.side .q-row,.q-row{min-width:0}.q-row>*{min-width:0}.q-row .q-act{flex-wrap:wrap}
.switch input:checked+span,.mk-switch input:checked+span,.tog.on{background:var(--brand)!important}
.wf-frame .wf-node,.wf-frame .gs-node,.wf-frame [class*="node"]{background:var(--surface)!important;border:1px solid var(--border)!important;border-left-width:3px!important;border-radius:var(--r-card)!important;box-shadow:var(--shadow-sm)!important}.wf-frame [data-kind="code"],.wf-frame .kind-code{border-left-color:var(--brand)!important}.wf-frame [data-kind="wait"],.wf-frame .kind-wait{border-left-color:var(--warn)!important}.wf-frame [data-kind="gate"],.wf-frame .kind-gate,.wf-frame .kind-owner{border-left-color:var(--danger)!important}.wf-frame [data-kind="end"],.wf-frame .kind-end{border-left-color:var(--ok)!important}.wf-frame .gs-kind,.wf-frame .wf-kind{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}
.ua-card .ua-invite{border:0;padding:0 0 14px;border-bottom:1px solid var(--border);margin-bottom:12px}.ua-card .ua-wrap{max-width:none}.ua-card .set-layout,.ua-card .set-content{padding:0;max-width:none}
.set-page .bk-card,.set-page .bk-q,.set-page .bk-field-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--r-card)!important;box-shadow:var(--shadow-sm)!important}
.rail .nav-zone:last-child{padding-bottom:12px}

.sidebar,.rail{display:flex;flex-direction:column;height:100dvh;min-height:0}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:16px}.sync-line,.sidebar-foot{flex:0 0 auto}
.app{height:100dvh}.main{height:100dvh}
.wf-frame h1{display:none}
.nums{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px}.nums.n5{--n:5}.nums.n6{--n:6}.nums.n8{--n:8}
#pPane .fgrid,.fgrid{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));gap:12px}.fgrid.f4{--cols:4}.fgrid.f5{--cols:5}.fgrid.f6{--cols:6}@media (max-width:1200px){.fgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.ft .kpi-value{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart .series-2,.chart .compare{stroke:var(--brand);opacity:.4}.chart .ghost{stroke:var(--ink-3)}
.ib-fhead{padding:14px 20px 0}
.set-page .cat-btn-primary,.set-page .cat-btn-secondary,.set-page .cat-btn-ghost{height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);color:var(--ink);font-weight:500}

.topbar{flex:0 0 var(--topbar-h);min-height:var(--topbar-h);height:var(--topbar-h)}.canvas{flex:1 1 auto;min-height:0;overflow:auto}
.gsearch{flex:0 0 420px;width:420px;min-width:0;max-width:none}@media (max-width:1100px){.gsearch{flex:1 1 200px;width:auto}}

.num-v{font-size:clamp(17px,1.7vw,24px);white-space:nowrap;overflow:visible}@media (max-width:1200px){.nums,.nums.n4,.nums.n5,.nums.n6,.nums.n8{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.nums,.nums.n4,.nums.n5,.nums.n6,.nums.n8{grid-template-columns:repeat(2,minmax(0,1fr))}}
#pHead .dj-name{font-size:20px;font-weight:600;margin:0;display:flex;gap:8px;align-items:center}

/* .canvas is a flex COLUMN that scrolls. A flex child defaults to flex-shrink:1, so a page taller than the
   viewport gets squashed to fit instead of overflowing — and then there is nothing to scroll. Price Book and
   Finance each carried their own `flex:0 0 auto` patch for this; Photos › Diagnostics and Photos › Rule book
   did not, and both pages were cut off mid-sentence with no scrollbar. Fix it once, for every direct child.
   flex-shrink only — grow and height:100% children (the Inbox panes) keep working. */
.canvas > * { flex-shrink: 0; }
.page { min-width: 0; }

/* Diagnose | Install — the two halves of one subject. Diagnostics decides WHAT work; the SOP says HOW. */
.dg-main .dg-tabs { margin: 10px 0 14px; width: max-content; }
.dg-sop { margin-top: 2px; }
.dg-sop-pick { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.dg-sop-md { white-space: pre-wrap; font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace;
  background: var(--card, #fff); border: 1px solid var(--line, #e6e6e6); border-radius: 8px;
  padding: 14px 16px; max-width: 100%; overflow-x: auto; }

/* ── Agents Working — the sidebar panel. Live only: a row is here while work is in flight and gone when it
   ends. Where it went is Agent Task History's job. Replaces the old "Last updated" line, which moved to
   Settings > Integrations where the apps it describes already live. */
.aw { padding: 8px 10px 10px; border-top: 1px solid var(--line, #e6e6e6); display: flex; flex-direction: column; gap: 6px; }
.aw-h { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase; color: var(--muted, #6b7280); }
.aw-dot { width: 7px; height: 7px; border-radius: 50%; background: #16a34a; flex: none;
  animation: aw-pulse 1.6s ease-in-out infinite; }
@keyframes aw-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .aw-dot { animation: none; } }
.aw-row { display: flex; flex-direction: column; gap: 1px; font-size: 11px; line-height: 1.35; }
.aw-l { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.aw-l b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aw-stage { font-size: 10px; color: var(--muted, #6b7280); white-space: nowrap; }
.aw-r { display: flex; gap: 8px; color: var(--muted, #6b7280); font-size: 10px; }
.aw-model { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 90px; }
.aw-cost { font-variant-numeric: tabular-nums; }
.aw-t { font-variant-numeric: tabular-nums; margin-left: auto; }
/* The line that earns its place: 989 of 1,548 Brain actions in a week were blocked with nothing surfacing it. */
.aw-stuck { display: flex; gap: 6px; flex-wrap: wrap; text-decoration: none; font-size: 11px; }
.aw-need, .aw-blocked { padding: 1px 6px; border-radius: 999px; font-weight: 600; }
.aw-need { background: rgba(217, 119, 6, .14); color: #b45309; }
.aw-blocked { background: rgba(107, 114, 128, .14); color: var(--muted, #6b7280); }
.aw-stuck:hover .aw-need { background: rgba(217, 119, 6, .24); }

/* ── Agent task history */
.ah-out { flex-wrap: wrap; width: max-content; max-width: 100%; }
.ah-tools { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 10px 0; }
.ah-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.ah-tbl td, .ah-tbl th { vertical-align: top; }
.ah-undone { opacity: .55; }
.ah-st { padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap;
  background: rgba(107, 114, 128, .14); color: var(--muted, #6b7280); }
.ah-attention, .ah-proposed { background: rgba(217, 119, 6, .14); color: #b45309; }
.ah-sent, .ah-approved_manual, .ah-done { background: rgba(22, 163, 74, .14); color: #15803d; }
.ah-failed, .ah-lost { background: rgba(220, 38, 38, .14); color: #b91c1c; }
.ah-cust { font-weight: 600; }

/* ── Integrations: last-updated as a health signal, not a bare timestamp. jf_photos last synced 2026-04-29
   and nobody noticed for five months, because "CC 5:22AM" looks fine until you know what it should be. */
.ig-sync { display: flex; align-items: center; gap: 8px; font-size: 12px; margin-top: 4px; }
.ig-when { font-variant-numeric: tabular-nums; }
.ig-stale { color: #b91c1c; font-weight: 600; }
.ig-ok { color: #15803d; }
.ig-exp { color: var(--muted, #6b7280); }

/* ── Roof 3D: the measurement readout. This view is a measuring tool, not a picture — selecting a line used to
   paint it near-black, which on a dark stage is a line you made invisible by clicking it. It glows now. */
.rr3-meas { margin-top: 12px; border-top: 1px solid var(--line, #e6e6e6); padding-top: 10px; }
.rr3-meas-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 13px; }
.rr3-meas-list { display: flex; flex-direction: column; gap: 3px; max-height: 42vh; overflow-y: auto; }
.rr3-meas-row { display: flex; align-items: baseline; gap: 7px; font-size: 12.5px; line-height: 1.5; }
.rr3-meas-l { font-weight: 600; white-space: nowrap; }
.rr3-meas-t { font-size: 11px; text-transform: lowercase; }
/* the number is the point of the row, so it gets the right edge and tabular figures that line up */
.rr3-meas-v { margin-left: auto; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rr3-meas-tot { margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--line, #e6e6e6); }
.rr3-meas-row.tot { font-weight: 700; font-size: 13.5px; }
.rr3-meas-row.sub { font-size: 12px; opacity: .7; font-weight: 400; }
.rr3-meas-row.sub .rr3-meas-l, .rr3-meas-row.tot .rr3-meas-l { font-weight: inherit; }

/* ── Roof 3D: the orthophoto skin. Planar projection from straight above — right for a slope you can see from
   above, wrong for one you cannot, which is why the caveat sits next to the slider rather than in a footnote. */
.rr3-skin { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line, #e6e6e6); }
.rr3-skin-l { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; }
.rr3-skin-l input[type=range] { flex: 1; min-width: 90px; accent-color: #c7a34a; }
.rr3-skin p { margin: 6px 0 0; line-height: 1.45; }