/* Twenty grid + Hilos-like table cards; tokens and behavior: DESIGN.md. */
@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{
color-scheme:light dark;
--canvas:light-dark(#f7f7f5,#0b0c0e);--surface:light-dark(#ffffff,#131519);--secondary:light-dark(#fcfcfc,#0e0f12);--panel:light-dark(#f1f1f1,#1a1d22);--rule:light-dark(#ebebeb,#23272d);--grid-rule:light-dark(#f1f1f1,#23272d);--rule-strong:light-dark(#d6d6d6,#30353c);--control:light-dark(#858585,#737d8a);--chip-bg:light-dark(#f5f5f5,#1a1d22);
--ink:light-dark(#333333,#e8eaed);--graphite:light-dark(#666666,#a3a9b2);--slate:light-dark(#6c6c6c,#8b929d);--primary:light-dark(#4159c0,#7f95f2);--primary-strong:light-dark(#334ba9,#b6c4ff);--primary-fill:light-dark(#4662d6,#7f95f2);--on-primary:light-dark(#ffffff,#11172d);--rowhover:light-dark(#f6f8ff,#1a1d22);
--neutral-bg:light-dark(#f1f1f1,rgba(163,169,178,.14));--neutral-fg:light-dark(#595959,#bac0c9);--active-bg:light-dark(#eef2fd,rgba(127,149,242,.14));--active-fg:light-dark(#4159c0,#afbefc);--positive-bg:light-dark(#e9f6ee,rgba(108,198,144,.14));--positive-fg:light-dark(#2d774c,#92d6ae);--attention-bg:light-dark(#fcefd9,rgba(236,174,87,.14));--attention-fg:light-dark(#9b4800,#e9bc7c);--negative-bg:light-dark(#fbecec,rgba(231,121,123,.14));--negative-fg:light-dark(#ad3531,#f3a1a2);--purple-bg:light-dark(#f4edfc,rgba(184,141,232,.14));--purple-fg:light-dark(#7a48af,#cbb0ee);
--clear:transparent;--shadow-light:light-dark(rgba(0,0,0,.04),rgba(0,0,0,.08));--shadow-edge-light:light-dark(rgba(0,0,0,.08),rgba(0,0,0,.12));
--font:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--mono:ui-monospace,Menlo,Consolas,monospace;
--fs-body:.875rem;--fs-meta:.75rem;--fs-mono:.8125rem;--fs-compact:.8125rem;--fs-section:1rem;--fs-title:1.25rem;--fw-normal:400;--fw-medium:500;--fw-strong:600;--lh-body:1.5;--lh-tight:1.4;--lh-title:1.3;
--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;
--zero:0px;--hairline:1px;--focus:2px;--s-xs:4px;--s-sm:8px;--s-md:12px;--s-lg:16px;--s-xl:24px;--s-xxl:32px;--s-xxxl:48px;
--target:24px;--control-height:32px;--touch:44px;--avatar:24px;--icon-size:16px;--icon-stroke:1.6px;--sidebar:224px;--page-max:1440px;--record-side:304px;--lane:260px;--field-max:480px;--prose:68ch;--cell-max:120px;--company-max:320px;
--count-label:232px;--count-value:96px;--count-track:324px;--reason-label:300px;--phone-label:112px;--source-min:56px;--day:40px;--filter:150px;--filter-max:264px;
--full:100%;--percent-unit:1%;--viewport-block:100dvh;--table-scroll:70vh;--negative-hairline:-1px;--focus-inset:-2px;--offscreen:-9999px;
--shape:6px;--triangle:polygon(50% 0,100% 100%,0 100%);--diamond:polygon(50% 0,100% 50%,50% 100%,0 50%);--hidden-clip:inset(50%);
--shadow:var(--zero) var(--focus) var(--s-xs) var(--shadow-light),var(--zero) var(--zero) var(--s-xs) var(--shadow-edge-light);
--viewport-inline:100vw;--drag-opacity:.85;--drop-opacity:.6;--drag-shadow:var(--zero) var(--s-sm) var(--s-xl) var(--shadow-edge-light);
--pill:20px;--avatar-grid:16px;--grid-row:33px;--grid-min:960px;--grid-id:64px;--grid-pin:160px;--tracking:.08em;--chip-pad:6px;--half:50%;
--card-shadow-a:light-dark(rgba(0,0,0,.04),rgba(0,0,0,.05));--card-shadow-b:light-dark(rgba(0,0,0,.05),rgba(0,0,0,.08));--card-shadow:var(--zero) var(--hairline) var(--focus) var(--card-shadow-a),var(--zero) var(--s-sm) var(--s-xl) var(--card-shadow-b);
--theme-height:28px;--theme-width:184px;--logo:32px;--mark:36px;--mark-phone:28px;--mark-hero:64px;--theme-selected:light-dark(#ffffff,#23272d);
}
:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}
:root[data-theme=light] .flow-card{--fa:.3;--ea:.6}:root[data-theme=dark] .flow-card{--fa:.5;--ea:.85}
*{box-sizing:border-box}
.sidebar,.app-nav,.app-nav ul,.sidebar-footer,.filters label,.stack,.rec-side,.lane-body{display:flex;flex-direction:column}
body{margin:var(--zero);background:var(--canvas);color:var(--ink);font:var(--fw-normal) var(--fs-body)/var(--lh-body) var(--font);font-variant-numeric:tabular-nums}
a{color:var(--primary);text-decoration-thickness:var(--hairline);text-underline-offset:var(--focus)}
a:hover{color:var(--primary-strong);text-decoration-thickness:var(--focus)}
a:active{color:var(--ink)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--focus) solid var(--primary);outline-offset:var(--focus)}
.vh,.sr-only{position:absolute;width:var(--hairline);height:var(--hairline);margin:var(--negative-hairline);padding:var(--zero);border:var(--zero);clip-path:var(--hidden-clip);overflow:hidden;white-space:nowrap}
.ic{display:inline-block;width:var(--icon-size);height:var(--icon-size);flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round}
svg[hidden]{display:none}
.skip{position:absolute;left:var(--offscreen);top:var(--zero);background:var(--surface);color:var(--primary);padding:var(--s-sm) var(--s-md);z-index:10;border-radius:var(--radius-sm)}
.skip:focus{left:var(--s-sm);top:var(--s-sm)}
.mono,.dt,code{font-family:var(--mono)}
.mono{font-size:var(--fs-mono);line-height:var(--lh-tight);color:var(--graphite)}
.note,.cap{color:var(--slate);font-size:var(--fs-meta);line-height:var(--lh-tight)}
.cap{margin:var(--zero) var(--zero) var(--s-sm)}
.prose,.notice p,.empty-state p{max-width:var(--prose)}
.nw{white-space:nowrap}
/* App shell. */
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(var(--zero),1fr);min-height:var(--viewport-block)}
.sidebar{position:sticky;top:var(--zero);height:var(--viewport-block);min-width:var(--zero);padding:var(--s-xl) var(--s-md) var(--s-lg);background:var(--secondary);border-right:var(--hairline) solid var(--rule);overflow-y:auto}
.workspace{display:grid;grid-template-columns:var(--mark) minmax(var(--zero),1fr);grid-template-rows:auto auto;align-items:center;column-gap:var(--s-md);min-height:var(--control-height);padding:var(--zero) var(--s-sm) var(--s-lg)}
.logo{width:var(--logo);height:var(--logo);flex:none;fill:currentColor;color:var(--primary-fill)}.workspace>.logo{grid-row:span 2;width:var(--mark);height:var(--mark)}
.brand{margin:var(--zero);font-size:var(--fs-body);font-weight:var(--fw-strong);line-height:var(--lh-tight);color:var(--ink)}
.workspace-note{font-size:var(--fs-meta);color:var(--slate);margin:var(--s-xs) var(--zero) var(--zero)}
.app-nav{gap:var(--s-xl)}
.nav-label{margin:var(--zero) var(--zero) var(--s-xs);padding:var(--zero) var(--s-sm);color:var(--slate);font-size:var(--fs-meta);font-weight:var(--fw-medium)}
.app-nav ul,ul.app-nav{list-style:none;margin:var(--zero);padding:var(--zero);gap:var(--s-xs)}
.app-nav li{position:relative}.app-nav li>.ic{position:absolute;inset-inline-start:var(--s-sm);top:var(--s-sm);color:var(--slate);pointer-events:none}
.app-nav a{display:flex;align-items:center;gap:var(--s-sm);min-height:var(--control-height);padding:var(--s-xs) var(--s-sm);padding-inline-start:calc(var(--icon-size) + var(--s-sm)*2);border-radius:var(--radius-md);color:var(--graphite);text-decoration:none;white-space:nowrap}
.app-nav a:hover{background:var(--panel);color:var(--ink)}
.app-nav a[aria-current]{background:var(--panel);color:var(--ink);font-weight:var(--fw-strong)}
.app-nav a:active{background:var(--rule)}
.nav-count{margin-left:auto;padding:var(--zero) var(--s-xs);min-width:var(--target);text-align:center;border-radius:var(--radius-sm);font-size:var(--fs-meta);background:var(--attention-bg);color:var(--attention-fg)}
.sidebar-footer{margin-top:auto;padding:var(--s-xxl) var(--s-sm) var(--zero);gap:var(--s-md)}
.app-nav a[href="/account"]{padding-inline-start:var(--s-sm);min-width:var(--zero)}a[href="/account"]>span:last-child{overflow:hidden;text-overflow:ellipsis}
main.auth{max-width:calc(var(--field-max) + var(--s-xxxl))}.auth>.workspace{grid-template-columns:var(--mark-hero) minmax(var(--zero),1fr);column-gap:var(--s-lg);padding:var(--zero) var(--zero) var(--s-xl)}.auth>.workspace>.logo{grid-row:auto;width:var(--mark-hero);height:var(--mark-hero);margin-inline-start:calc(var(--mark-hero)/-16)}.auth>.workspace>.brand{font-size:var(--fs-section)}.tbl-card+.row-actions{margin-top:var(--s-md)}
.theme{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:var(--theme-width);max-width:var(--full);margin:var(--zero) var(--zero) var(--s-lg);gap:var(--focus);padding:var(--focus);border:var(--hairline) solid var(--rule);border-radius:var(--radius-md);background:var(--panel)}.theme[hidden]{display:none}
.theme>*{display:flex;align-items:center;justify-content:center;min-width:var(--zero);min-height:var(--theme-height);padding:var(--zero) var(--s-xs);border:var(--hairline) solid var(--clear);border-radius:var(--radius-sm);background:var(--clear);color:var(--graphite);font-size:var(--fs-meta);font-weight:var(--fw-normal);text-decoration:none;box-shadow:none}
.theme>:hover{background:var(--rowhover);color:var(--ink)}.theme>:is([aria-pressed=true],[aria-current]){background:var(--theme-selected);border-color:var(--control);color:var(--ink);font-weight:var(--fw-strong);box-shadow:var(--shadow)}.theme>:active{background:var(--rule)}
.chip{margin:var(--zero);font-size:var(--fs-meta)}
.fresh{margin:var(--zero);display:flex;flex-wrap:wrap;gap:var(--s-xs);color:var(--slate);font-size:var(--fs-meta);line-height:var(--lh-tight);overflow-wrap:anywhere}
main{min-width:var(--zero);width:var(--full);max-width:var(--page-max);padding:var(--s-xxl);margin:var(--zero) auto}
h1{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-strong);margin:var(--zero) var(--zero) var(--s-sm);overflow-wrap:anywhere}
h2{font-size:var(--fs-section);line-height:var(--lh-tight);font-weight:var(--fw-strong);margin:var(--s-xxl) var(--zero) var(--s-sm)}
h3{font-size:var(--fs-body);line-height:var(--lh-tight);font-weight:var(--fw-strong);margin:var(--s-xl) var(--zero) var(--s-sm)}
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-lg);margin-bottom:var(--s-xl)}
main>.page-header:first-child{min-height:calc(var(--fs-title)*var(--lh-title) + var(--s-xs) + var(--fs-meta)*var(--lh-tight))}.page-header>div{min-width:var(--zero)}.page-header>.row-actions{align-self:center}
.page-header h1,.page-header .cap{margin:var(--zero)}
.page-header .cap{margin-top:var(--s-xs)}
.record-header{justify-content:flex-start}
.record-header .av{margin-top:var(--s-xs);flex:none}
.record-header .result{margin:var(--s-sm) var(--zero) var(--zero)}
.bc,.crumb{margin:var(--zero) var(--zero) var(--s-md)}
.result{margin:var(--s-md) var(--zero);overflow-wrap:anywhere}
.view-bar{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-lg);min-height:var(--touch);padding:var(--s-sm) var(--s-md);margin-bottom:var(--s-lg);border:var(--hairline) solid var(--rule);border-radius:var(--radius-md);background:var(--surface);font-size:var(--fs-compact);font-weight:var(--fw-medium);color:var(--graphite)}
.view-bar>div:first-child{flex:1;min-width:var(--zero)}.view-bar .result{margin:var(--zero)}.view-tools{display:flex;align-items:center;gap:var(--s-lg);font-weight:var(--fw-normal)}
.view-filters[open]{padding-bottom:var(--zero)}.view-filters>summary{display:flex;align-items:center;gap:var(--s-xs);list-style:none}.view-filters>summary::marker{content:""}.view-filters>summary::-webkit-details-marker{display:none}
.view-panel{position:absolute;inset-inline-end:var(--zero);top:var(--full);z-index:4;width:max-content;max-width:min(var(--field-max),calc(var(--viewport-inline) - var(--s-lg)*2));min-width:var(--filter);padding:var(--s-lg);border:var(--hairline) solid var(--rule-strong);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow)}
.view-panel:has(form){width:var(--field-max)}.view-panel p{margin:var(--zero)}.view-panel .filters,.view-panel .toolbar{margin:var(--zero);padding:var(--zero);border:var(--zero)}.view-panel>a{display:block;min-height:var(--target);padding:var(--s-xs) var(--s-sm)}
/* Word and shape pills. */
.neu,.tag-neutral{--t:var(--neutral-fg);--t-bg:var(--neutral-bg)}
.act,.tag-active{--t:var(--active-fg);--t-bg:var(--active-bg)}
.pos,.tag-positive{--t:var(--positive-fg);--t-bg:var(--positive-bg)}
.att,.tag-attention{--t:var(--attention-fg);--t-bg:var(--attention-bg)}
.neg,.tag-negative{--t:var(--negative-fg);--t-bg:var(--negative-bg)}
.tag,.mk,.t-jobs b{display:inline-flex;align-items:center;gap:var(--s-xs);padding:var(--focus) var(--s-sm);border-radius:var(--radius-pill);background:var(--t-bg,var(--neutral-bg));color:var(--t,var(--neutral-fg));font-size:var(--fs-meta);font-weight:var(--fw-medium);line-height:var(--lh-tight);vertical-align:middle;max-width:var(--full);overflow-wrap:anywhere;white-space:normal}
:is(.mk,.t-jobs b)::before{content:"";display:inline-block;width:var(--shape);height:var(--shape);flex:none;background:var(--t);border-radius:var(--radius-xs)}
:is(.mk,.t-jobs b).neu::before{background:none;border:var(--hairline) solid var(--t);border-radius:var(--radius-pill)}
:is(.mk,.t-jobs b).act::before{border-radius:var(--radius-pill)}
:is(.mk,.t-jobs b).att::before{clip-path:var(--triangle);border-radius:var(--zero)}
:is(.mk,.t-jobs b).neg::before{clip-path:var(--diamond);border-radius:var(--zero)}
.mk.q,.t-jobs b:is(.neu,.pos){color:var(--ink);font-weight:var(--fw-normal)}
.mk[aria-hidden]{padding:var(--zero);background:none}
.xt{color:var(--t);font-weight:var(--fw-strong)}
.av{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none;width:var(--avatar);height:var(--avatar);border-radius:var(--radius-pill);font-size:var(--fs-meta);font-weight:var(--fw-medium);background:var(--neutral-bg);color:var(--neutral-fg)}
.av-1{background:var(--active-bg);color:var(--active-fg)}.av-2{background:var(--positive-bg);color:var(--positive-fg)}.av-3{background:var(--attention-bg);color:var(--attention-fg)}.av-4{background:var(--negative-bg);color:var(--negative-fg)}.av-5{background:var(--purple-bg);color:var(--purple-fg)}
.tbl-card{width:var(--full);min-width:var(--zero);margin:var(--s-lg) var(--zero);overflow:hidden;border:var(--hairline) solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--card-shadow)}
.tbl-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-md);padding:var(--s-lg);border-bottom:var(--hairline) solid var(--rule)}
.tbl-head h2{margin:var(--zero);font-size:var(--fs-meta);font-weight:var(--fw-strong);letter-spacing:var(--tracking);text-transform:uppercase}.tbl-head .tag{flex:none}
.tbl-lead{padding:var(--s-md) var(--s-lg);border-bottom:var(--hairline) solid var(--rule)}.tbl-lead .cap{margin:var(--zero)}
.twrap{position:relative;max-width:var(--full);max-height:var(--table-scroll);overflow:auto;background:var(--surface)}
.twrap:focus-visible{outline-offset:var(--focus-inset)}
table{width:var(--full);border-collapse:separate;border-spacing:var(--zero);table-layout:fixed;font-size:var(--fs-compact)}
caption{text-align:left}
th,td{text-align:left;height:var(--grid-row);padding:var(--zero) var(--s-sm);white-space:nowrap;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;border-right:var(--hairline) solid var(--grid-rule);border-bottom:var(--hairline) solid var(--grid-rule)}
tr>:last-child{border-right:var(--zero)}tbody tr:last-child>*{border-bottom:var(--zero)}
tbody th{font-weight:var(--fw-normal)}
thead th{background:var(--secondary);color:var(--slate);font-weight:var(--fw-medium);line-height:var(--lh-tight);position:sticky;top:var(--zero);z-index:2}
thead .ic{margin-inline-end:var(--s-xs)}
.t-apps td:nth-child(4),.t-apps td:nth-child(5),.t-co td:nth-child(3){color:var(--graphite);line-height:var(--lh-tight)}
.t-apps td:last-child,.t-co td:nth-child(4),.t-co td:nth-child(5),.t-co td:nth-child(6){text-align:right}
tbody tr:hover>*{background:var(--rowhover)}
td a,th a{display:inline-block;min-height:var(--target);line-height:var(--target);max-width:var(--full);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
:is(td,th) a:focus-visible{outline-offset:var(--focus-inset)}
.r{text-align:right;font-variant-numeric:tabular-nums}.dim{color:var(--graphite)}.co{overflow:hidden;text-overflow:ellipsis}
.ct,.t-jobs [scope=row]{overflow:hidden;text-overflow:ellipsis;line-height:var(--lh-tight)}
.ct a,.t-jobs [scope=row] a{max-width:var(--half);vertical-align:middle}
.ct .note,.t-jobs [scope=row] span{display:inline-block;max-width:calc(var(--half) - var(--s-md));vertical-align:middle;margin-inline-start:var(--s-sm);overflow:hidden;text-overflow:ellipsis;color:var(--slate);font-size:var(--fs-compact);white-space:nowrap}
[data-a]::before{content:attr(data-a)/"";display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-grid);height:var(--avatar-grid);margin-inline-end:var(--s-xs);border-radius:var(--radius-xs);background:var(--rule);color:var(--graphite);font-size:var(--fs-meta);vertical-align:middle}
.ct>a,.co>a,.t-jobs [scope=row]>a,th .contact-row>a{padding:var(--zero) var(--chip-pad);background:var(--chip-bg);color:var(--ink);border-radius:var(--radius-sm);text-decoration:none}.ct>a:hover,.co>a:hover,.t-jobs [scope=row]>a:hover,th .contact-row>a:hover{color:var(--primary)}
th .av{width:var(--avatar-grid);height:var(--avatar-grid)}
:is(td,dd) a:is([href^="http"],[href^="mailto:"]),.rec-side[aria-label] .kv>div:nth-child(2)>dd{display:inline-block;width:fit-content;max-width:var(--full);min-height:var(--pill);line-height:var(--pill);padding:var(--zero) var(--s-sm);border:var(--hairline) solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--graphite);text-decoration:none}
.tbl-card .mono{font-family:var(--font);font-size:var(--fs-compact);font-variant-numeric:tabular-nums}
.tbl-card .tag,.tbl-card .mk,.t-jobs b{height:var(--pill);padding:var(--zero) var(--s-sm);white-space:nowrap;line-height:var(--pill)}
table{--c1:32%;--c2:auto;--c3:auto;--c4:auto;--c5:auto;--c6:auto;--c7:auto}.t-jobs{--c1:7%;--c2:36%;--c3:22%;--c4:11%;--c5:7%;--c6:17%}.t-runs{--c1:16%;--c2:7%;--c3:25%;--c4:12%;--c5:16%;--c6:15%;--c7:9%}.t-recent{--c1:16%;--c2:7%;--c3:27%;--c4:12%;--c5:20%;--c6:9%;--c7:9%}.t-active{--c1:30%;--c2:16%;--c3:12%;--c4:14%;--c5:16%;--c6:6%;--c7:6%}.t-needs{--c1:46%;--c2:12%;--c3:25%}.t-recon{--c1:52%;--c2:8%;--c3:18%}:is(.t-co,.t-ceil){--c1:34%}
thead th:nth-child(1){width:var(--c1)}thead th:nth-child(2){width:var(--c2)}thead th:nth-child(3){width:var(--c3)}thead th:nth-child(4){width:var(--c4)}thead th:nth-child(5){width:var(--c5)}thead th:nth-child(6){width:var(--c6)}thead th:nth-child(7){width:var(--c7)}
.tbl-card :is(.mono.r,.t-runs td:nth-child(6),.t-active td:nth-child(5),.t-tm td:nth-child(2)){font-family:var(--mono)}
tbody tr.tier th,tbody tr.tier:hover th{background:var(--secondary);color:var(--graphite);font-size:var(--fs-meta);font-weight:var(--fw-medium);padding:var(--s-xs) var(--s-md)}
.empty{margin:var(--zero);padding:var(--s-sm) var(--zero)}.twrap .empty{padding:var(--s-md);white-space:normal}
.scroll{overflow-x:auto;max-width:var(--full)}
/* Query-derived monitor summaries. */
.sum{display:flex;flex-wrap:wrap;gap:var(--s-sm) var(--s-xl);margin:var(--zero)}.fg{display:flex;gap:var(--s-xs)}.sum dt{color:var(--slate)}.sum dd{margin:var(--zero);font-weight:var(--fw-strong)}
.fleet{margin:var(--s-lg) var(--zero) var(--s-xs)}
.cw{display:flex;align-items:center;min-height:var(--control-height)}
.cl-label{width:var(--count-label);flex:none;display:flex;align-items:center;gap:var(--s-sm);min-width:var(--zero)}
.cl-count{width:var(--count-value);flex:none;text-align:right}
.ck{width:var(--count-track);flex:0 1 auto;min-width:var(--zero);padding-left:var(--s-xs);display:flex;align-items:center}
.cl-src{order:1;flex:none;padding-left:var(--s-md);white-space:nowrap}
.cbar{display:block;width:calc(var(--percent-unit)*var(--w));height:var(--s-sm);background:var(--control)}.cbar.att,.cbar.neg{background:var(--t)}
.gap{height:var(--s-md)}.pd-date{display:inline-block;width:var(--count-value);flex:none}.pd-day{display:inline-block;width:var(--day);color:var(--slate)}
.after{margin:var(--zero);padding-top:var(--s-md)}
.notice{background:var(--secondary);border:var(--hairline) solid var(--rule-strong);border-radius:var(--radius-md);padding:var(--s-md) var(--s-lg);margin:var(--s-lg) var(--zero)}
.notice h1{display:flex;align-items:center;gap:var(--s-sm);margin:var(--zero) var(--zero) var(--s-sm);font-size:var(--fs-section)}
.notice p{margin:var(--zero)}.notice p+p{margin-top:var(--s-xs)}.notice a+a{margin-left:var(--s-md)}.notice .status{margin-top:var(--s-sm)}.notice>.logo{display:block;margin-bottom:var(--s-md)}
.empty-state{display:grid;grid-template-columns:auto minmax(var(--zero),1fr);column-gap:var(--s-lg);align-items:start;padding:var(--s-xl);border:var(--hairline) solid var(--rule);border-radius:var(--radius-md);background:var(--secondary)}.empty-state h2{font-size:var(--fs-body);margin:var(--zero) var(--zero) var(--s-sm)}.empty-state p{color:var(--graphite);margin:var(--zero) var(--zero) var(--s-lg)}.empty-state p:last-child{margin-bottom:var(--zero)}.empty-state>.button{justify-self:start}
.empty-state>.logo{grid-row:span 4;width:var(--s-xxxl);height:var(--s-xxxl)}
.empty-state.compact{display:flex;align-items:center;gap:var(--s-sm);padding:var(--s-xs);border:var(--zero);background:none}.empty-state.compact>.logo{width:var(--icon-size);height:var(--icon-size);color:var(--control)}.empty-state.compact p{font-size:var(--fs-meta);color:var(--slate);margin:var(--zero)}
/* Native controls. */
.filters,.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s-md);padding:var(--s-md) var(--zero) var(--s-lg);border-bottom:var(--hairline) solid var(--rule);margin-bottom:var(--s-lg)}
.filters label{gap:var(--s-xs);min-width:var(--zero);flex:0 1 auto;font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--graphite)}
.toolbar>.field{flex:0 1 var(--filter)}.toolbar .field label{font-size:var(--fs-meta)}.filters>a,.toolbar>a{display:inline-flex;align-items:center;min-height:var(--control-height)}
input,select,textarea,button,.button,.button-secondary,.disclosure>summary{font:inherit;font-size:var(--fs-body);min-height:var(--control-height);border:var(--hairline) solid var(--control);border-radius:var(--radius-sm);padding:var(--s-xs) var(--s-sm);background:var(--surface);color:var(--ink);max-width:var(--full)}
input,select,textarea{font-weight:var(--fw-normal)}
.filters select,.filters input{width:var(--full)}.filters select{max-width:var(--filter-max)}
.filters .chosen{border-color:var(--primary)}
input:hover,select:hover,textarea:hover{border-color:var(--ink)}
input:active,select:active,textarea:active{border-color:var(--primary)}
button,.button,.button-secondary,.disclosure>summary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-xs);padding:var(--s-xs) var(--s-md);font-size:var(--fs-compact);font-weight:var(--fw-medium);text-decoration:none;cursor:pointer;line-height:var(--lh-tight)}
button,.button-primary{background:var(--primary-fill);color:var(--on-primary);border-color:var(--primary-fill)}
button:hover,.button-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}
button:active,.button-primary:active{background:var(--primary);color:var(--on-primary)}
.button-secondary,.tasks-form button{background:var(--surface);color:var(--ink);border-color:var(--control)}
.button-destructive,.tasks-form button:last-child{background:var(--surface);color:var(--negative-fg);border-color:var(--negative-fg)}
.button-secondary:hover,.disclosure>summary:hover,.tasks-form button:hover{background:var(--panel);color:var(--ink);border-color:var(--ink)}
.button-destructive:hover,.tasks-form button:last-child:hover{background:var(--negative-bg);color:var(--negative-fg);border-color:var(--negative-fg)}
.button-secondary:active,.disclosure>summary:active,.tasks-form button:active{background:var(--rule);color:var(--ink)}.button-destructive:active,.tasks-form button:last-child:active{background:var(--negative-bg);color:var(--negative-fg)}
:disabled,[aria-disabled=true],.tasks-form button:disabled{background:var(--panel);color:var(--slate);border-color:var(--rule-strong);cursor:not-allowed}
button:disabled:hover,.tasks-form button:disabled:hover{background:var(--panel);color:var(--slate);border-color:var(--rule-strong)}
summary{cursor:pointer;min-height:var(--control-height);padding:var(--s-xs) var(--zero);color:var(--graphite)}
summary:hover{color:var(--ink)}summary:active{color:var(--primary)}details[open]{padding-bottom:var(--s-sm)}details p{max-width:var(--prose)}
details a,.empty a{display:inline-block;min-height:var(--target);margin:var(--zero);padding:var(--zero);white-space:normal}
.more{flex:1 0 var(--full)}.more summary{min-height:var(--target);padding:var(--zero);color:var(--ink);font-weight:var(--fw-medium)}.more summary .note{font-weight:var(--fw-normal)}
.more>div{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s-md);padding-top:var(--s-sm)}.more[open]{padding-bottom:var(--zero)}
.disclosure{margin:var(--s-lg) var(--zero)}.disclosure[open]{padding-bottom:var(--zero)}
.disclosure>summary{list-style:none}
.disclosure>summary::marker{content:""}.disclosure>summary::-webkit-details-marker{display:none}
.disclosure-open,.disclosure[open]>summary .disclosure-closed{display:none}.disclosure[open]>summary .disclosure-open{display:inline}.disclosure>summary>span{width:var(--s-lg);text-align:center;font-weight:var(--fw-strong)}
.disclosure-body,.disclosure>form{max-width:var(--field-max);margin-top:var(--s-sm)}
.holds{padding-left:var(--s-xl);margin:var(--s-sm) var(--zero)}.holds li{padding:var(--s-xs) var(--zero);overflow-wrap:anywhere}
.codes th,.codes td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.pagination{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s-lg);align-items:center;padding:var(--s-sm) var(--s-md);margin:var(--s-lg) var(--zero);border:var(--hairline) solid var(--rule);border-radius:var(--radius-md);background:var(--surface);font-size:var(--fs-compact)}
.pagination a,.pagination span{display:inline-flex;align-items:center;min-height:var(--control-height)}.pagination span{color:var(--slate)}.pagination span:nth-child(2){margin-inline-end:auto;order:-1}
.row-actions,.event-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-sm)}.row-actions form,.card-actions form{margin:var(--zero)}
.event-actions{margin-top:var(--s-lg)}
.field{margin-bottom:var(--s-lg);min-width:var(--zero)}.field label{display:block;font-weight:var(--fw-medium);margin-bottom:var(--s-xs)}
.field :is(select,input,textarea){width:var(--full);max-width:var(--field-max)}
input[type=checkbox],.field input[type=checkbox]{min-height:var(--zero);width:auto;max-width:none;padding:var(--zero);accent-color:var(--primary)}
.row-actions>label{display:inline-flex;align-items:center;min-height:var(--control-height)}
.field textarea{display:block;padding:var(--s-sm);resize:vertical;min-height:var(--touch)}
.field [aria-invalid=true]{border-color:var(--negative-fg)}
.field-error{color:var(--negative-fg);font-weight:var(--fw-strong);margin:var(--s-xs) var(--zero)}
.field .cap{margin:var(--s-xs) var(--zero)}
.event-form{margin-bottom:var(--s-xl)}.event-form fieldset{border:var(--zero);padding:var(--zero);margin:var(--zero);min-inline-size:var(--zero)}.event-form legend{padding:var(--zero);max-width:var(--full)}
/* Records and CRM. */
.sections,.rec,.cols.jd{display:grid;grid-template-columns:minmax(var(--zero),1fr) var(--record-side);gap:var(--s-xxl);align-items:start}
.rec-main,.rec-side{min-width:var(--zero)}.rec-main>section:first-child>h2:first-child{margin-top:var(--zero)}
.stack{gap:var(--s-lg)}.stack>section>h2:first-child,.record-panel h2{margin-top:var(--zero)}
.stack:is(ul,ol){list-style:none;padding:var(--zero);margin:var(--zero)}.stack>.field,.toolbar>.field{margin-bottom:var(--zero)}form>.stack{margin-bottom:var(--s-lg)}
.rec-side{gap:var(--s-lg)}
.record-panel,.rec-side>section,.disclosure-body,.disclosure>form{padding:var(--s-lg);border:var(--hairline) solid var(--rule);border-radius:var(--radius-md);background:var(--secondary)}
.record-panel h2,.rec-side>section>h2:first-child,.side h2{font-size:var(--fs-body);margin:var(--zero) var(--zero) var(--s-md)}
.kv{margin:var(--zero)}.kv>div{display:grid;grid-template-columns:minmax(var(--zero),1fr) minmax(var(--zero),2fr);min-height:var(--control-height);gap:var(--s-md);padding:var(--s-xs) var(--zero)}
.kv dt{color:var(--slate)}.kv dd{margin:var(--zero);overflow-wrap:anywhere}.kv dd a{display:inline-block;min-height:var(--target)}
.rec-side .kv>div{grid-template-columns:minmax(var(--zero),1fr);gap:var(--focus);padding:var(--s-sm) var(--zero)}
.kv>div+div{border-top:var(--hairline) solid var(--rule)}
.ev{padding-top:var(--s-lg);border-top:var(--hairline) solid var(--rule);margin:var(--zero)}.ev h2{margin:var(--zero) var(--zero) var(--s-md)}.ev textarea{width:var(--full)}
.event-history a{position:relative}.event-note{white-space:pre-wrap;overflow-wrap:anywhere;max-width:var(--prose)}
.oc{display:flex;flex-wrap:wrap;gap:var(--s-xs) var(--s-lg);margin:var(--zero) var(--zero) var(--s-lg)}.oc>span{display:inline-flex;align-items:center;gap:var(--s-xs)}.oc b{font-weight:var(--fw-strong)}.oc .oh{font-size:var(--fs-meta);color:var(--slate)}
.lk{display:flex;flex-wrap:wrap;gap:var(--s-xs) var(--s-xl)}.lk a{display:inline-flex;align-items:center;min-height:var(--target)}
.board{display:flex;align-items:stretch;gap:var(--s-lg);overflow-x:auto;margin-inline:calc(var(--s-xs)*-1);padding:var(--s-xs) var(--s-xs) var(--s-lg)}
.lane{flex:0 0 var(--lane);min-width:var(--lane);padding:var(--s-md);background:var(--secondary);border:var(--hairline) solid var(--rule);border-radius:var(--radius-md)}
.lane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-sm);margin-bottom:var(--s-md)}.lane-head h2{margin:var(--zero);font-size:var(--fs-body)}
.lane-head>.cap,.lane-head>.tag{display:inline-flex;align-items:center;justify-content:center;min-width:var(--target);padding:var(--focus) var(--s-xs);margin:var(--zero);font-size:var(--fs-meta);color:var(--graphite);background:var(--panel);border-radius:var(--radius-sm)}
.lane-body{gap:var(--s-md)}.lane-body>.cap{padding:var(--s-xs);margin:var(--zero);color:var(--slate)}
.card{position:relative;padding:var(--s-sm);background:var(--surface);border:var(--hairline) solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow);min-width:var(--zero);overflow-wrap:anywhere}
.card-title{margin:var(--zero) var(--zero) var(--s-sm);font-size:var(--fs-body);font-weight:var(--fw-medium)}.card-title a{display:inline-flex;align-items:center;gap:var(--s-sm);min-height:var(--target);color:var(--ink)}.card-title a:hover{color:var(--primary)}
.card-meta{color:var(--slate);font-size:var(--fs-meta);margin:var(--s-xs) var(--zero)}
.card-actions{margin-top:var(--s-sm)}.card-actions form,form.card-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--s-sm);width:var(--full);max-width:var(--full)}
.card-actions .field{flex:1;min-width:var(--zero);margin:var(--zero)}.card-actions select{min-width:var(--zero);width:var(--full)}.card-actions button{flex:none;padding:var(--s-xs) var(--s-sm)}
.card[draggable]{cursor:grab}.card.dragging{cursor:grabbing;box-shadow:var(--drag-shadow);opacity:var(--drag-opacity)}
.lane.drop-over{outline:var(--focus) solid var(--primary);outline-offset:var(--focus-inset);background:var(--active-bg)}.lane.drop-no{opacity:var(--drop-opacity);cursor:not-allowed}
.board-status{min-height:var(--target);margin:var(--s-sm) var(--zero);font-size:var(--fs-meta);color:var(--graphite)}
.contact-row,.task{display:flex;flex-wrap:wrap;padding:var(--s-md) var(--zero);border-bottom:var(--hairline) solid var(--rule);overflow-wrap:anywhere}.contact-row{align-items:center;gap:var(--s-sm)}
.contact-row>div,.task>div{min-width:var(--zero);flex:1}.contact-row p{margin:var(--zero)}
th .contact-row{padding:var(--zero);border:var(--zero)}
.task{align-items:flex-start;gap:var(--s-md)}
.task p{margin:var(--zero) var(--zero) var(--s-xs)}.task .row-actions{flex:none}
.task-due{font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--graphite)}.overdue .task-due,.task-due.overdue{color:var(--negative-fg)}
main>section>.stack:has(>.task),.tasks-form>.stack{padding:var(--s-xs) var(--s-lg);border:var(--hairline) solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--card-shadow)}main>section>.stack>.task:last-child,.tasks-form>.stack>.task:last-child{border-bottom:var(--zero)}
/* Audit and data rows. */
.fa td:nth-child(4),.fa td:nth-child(5){font:var(--fs-compact)/var(--lh-tight) var(--font);color:var(--graphite)}.fa tbody th,.fa td:nth-child(6){max-width:calc(var(--cell-max)*2);text-overflow:ellipsis}.fcl{display:none}
.rl .ck{gap:var(--s-md)}.rl .cbar{flex:none}.t-tm td:last-child{font-weight:var(--fw-strong)}
.t-jobs tr:not(.why)>td:first-child{font:var(--fs-mono)/var(--lh-tight) var(--mono);color:var(--graphite)}.t-jobs tr:not(.why)>td:first-child,.t-jobs td:nth-child(5){text-align:right}.t-jobs td:nth-child(6){color:var(--graphite);font-variant-numeric:tabular-nums}
.t-jobs td:nth-child(3)>small{display:inline-block;max-width:var(--half);margin-inline-start:var(--s-xs);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:var(--slate);font-size:var(--fs-meta);line-height:var(--lh-tight)}.t-jobs td:nth-child(3)>small[class]{color:var(--t);font-weight:var(--fw-strong)}
.t-jobs tr.why td{height:auto;padding:var(--zero);white-space:normal;background:var(--secondary);border-right:var(--zero)}.why summary{min-height:var(--target);padding:var(--s-xs) var(--s-lg);padding-inline-start:calc(var(--grid-id) + var(--s-lg));font-size:var(--fs-meta);list-style-position:inside;white-space:nowrap}
.why p{margin:var(--zero);padding:var(--s-xs) var(--s-lg);padding-inline-start:calc(var(--grid-id) + var(--s-xxl));max-width:none;font-size:var(--fs-meta)}.why details[open]{background:var(--panel)}
/* Percent widths from data. */
.w1{--w:1}.w2{--w:2}.w3{--w:3}.w4{--w:4}.w5{--w:5}.w6{--w:6}.w7{--w:7}.w8{--w:8}.w9{--w:9}.w10{--w:10}
.w11{--w:11}.w12{--w:12}.w13{--w:13}.w14{--w:14}.w15{--w:15}.w16{--w:16}.w17{--w:17}.w18{--w:18}.w19{--w:19}.w20{--w:20}
.w21{--w:21}.w22{--w:22}.w23{--w:23}.w24{--w:24}.w25{--w:25}.w26{--w:26}.w27{--w:27}.w28{--w:28}.w29{--w:29}.w30{--w:30}
.w31{--w:31}.w32{--w:32}.w33{--w:33}.w34{--w:34}.w35{--w:35}.w36{--w:36}.w37{--w:37}.w38{--w:38}.w39{--w:39}.w40{--w:40}
.w41{--w:41}.w42{--w:42}.w43{--w:43}.w44{--w:44}.w45{--w:45}.w46{--w:46}.w47{--w:47}.w48{--w:48}.w49{--w:49}.w50{--w:50}
.w51{--w:51}.w52{--w:52}.w53{--w:53}.w54{--w:54}.w55{--w:55}.w56{--w:56}.w57{--w:57}.w58{--w:58}.w59{--w:59}.w60{--w:60}
.w61{--w:61}.w62{--w:62}.w63{--w:63}.w64{--w:64}.w65{--w:65}.w66{--w:66}.w67{--w:67}.w68{--w:68}.w69{--w:69}.w70{--w:70}
.w71{--w:71}.w72{--w:72}.w73{--w:73}.w74{--w:74}.w75{--w:75}.w76{--w:76}.w77{--w:77}.w78{--w:78}.w79{--w:79}.w80{--w:80}
.w81{--w:81}.w82{--w:82}.w83{--w:83}.w84{--w:84}.w85{--w:85}.w86{--w:86}.w87{--w:87}.w88{--w:88}.w89{--w:89}.w90{--w:90}
.w91{--w:91}.w92{--w:92}.w93{--w:93}.w94{--w:94}.w95{--w:95}.w96{--w:96}.w97{--w:97}.w98{--w:98}.w99{--w:99}.w100{--w:100}
/* Media conditions cannot use custom properties. */
@media(min-width:601px){@supports selector(::details-content){.fph>summary{display:none}.fph::details-content{content-visibility:visible}}.fph label{flex-basis:var(--filter)}.rl .cl-label{width:var(--reason-label)}.rl .note{white-space:nowrap}.t-co .co{max-width:var(--company-max)}}
@media(max-width:1119px){.tbl-card table:not(.event-history){min-width:var(--grid-min)}}
@media(max-width:1000px){.sections,.rec,.cols.jd{grid-template-columns:minmax(var(--zero),1fr)}.rec-side{border-top:var(--hairline) solid var(--rule);padding-top:var(--s-xl)}}
@media(max-width:800px){
.app-shell{display:block}.sidebar{position:relative;display:grid;grid-template-columns:auto minmax(var(--zero),1fr) auto;align-items:center;height:auto;padding:var(--s-md) var(--s-lg);border-right:var(--zero);border-bottom:var(--hairline) solid var(--rule);overflow:visible;gap:var(--s-sm) var(--s-md)}
.workspace{grid-column:1/3;padding:var(--zero);grid-template-columns:var(--mark-phone) minmax(var(--zero),1fr);grid-template-rows:none;column-gap:var(--s-sm)}.workspace>.logo{grid-row:auto;width:var(--mark-phone);height:var(--mark-phone)}.workspace-note{display:none}.sidebar>.app-nav{grid-column:1/-1;gap:var(--s-xs)}
.nav-group,.sidebar-footer{display:contents}.nav-label,.app-nav a[href="/account"]>span:last-child{position:absolute;width:var(--hairline);height:var(--hairline);padding:var(--zero);margin:var(--negative-hairline);overflow:hidden;clip-path:var(--hidden-clip)}
ul.app-nav{flex-direction:row;flex-wrap:wrap;gap:var(--zero)}.app-nav a{min-height:var(--touch);padding-inline:calc(var(--icon-size) + var(--chip-pad) + var(--s-xs)) var(--chip-pad)}.app-nav a[href="/account"]{min-width:var(--touch);justify-content:center}.app-nav li>.ic{top:calc((var(--touch) - var(--icon-size))/2);inset-inline-start:var(--chip-pad)}
.sidebar>.app-nav ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(calc(var(--fs-section)*4),calc(var(--full)/5)),1fr));gap:var(--s-xs) var(--zero)}.sidebar>.app-nav ul:has(>:nth-child(6)){grid-template-columns:repeat(auto-fill,minmax(max(calc(var(--fs-section)*4),calc(var(--full)/3)),1fr))}
.sidebar>.app-nav a{flex-direction:column;padding:calc(var(--chip-pad) + var(--icon-size) + var(--focus)) var(--zero) var(--s-xs);font-size:var(--fs-meta)}.sidebar>.app-nav li>.ic{top:var(--chip-pad);inset-inline-start:calc(var(--half) - var(--icon-size)/2)}
.nav-count{position:absolute;top:var(--focus);inset-inline-start:calc(var(--half) + var(--s-sm));margin:var(--zero);min-width:var(--avatar-grid);padding:var(--zero) var(--focus)}
.sidebar-footer>ul{grid-area:1/3;margin-inline-end:calc(var(--chip-pad)*-1)}.fresh{grid-column:1/-1}main{padding:var(--s-xl) var(--s-lg)}
.theme>*{min-height:var(--touch)}
}
@media(max-width:600px){
.page-header{flex-wrap:wrap;gap:var(--s-md)}main>.page-header:first-child{min-height:var(--zero)}.page-header>.row-actions{width:var(--full)}
.record-header{flex-wrap:nowrap}.record-header h1{font-size:var(--fs-section)}
.sum{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-lg)}.fg{flex-direction:column;gap:var(--zero)}
.tbl-card table:not(.event-history){--c1:var(--grid-pin);--c2:auto;--c3:auto;--c4:auto;--c5:auto;--c6:auto;--c7:auto}.tbl-card table.t-jobs{--c1:var(--grid-id);--c2:var(--company-max)}.tbl-card table.t-active{--c2:var(--grid-pin);--c4:var(--grid-pin);--c6:var(--grid-id);--c7:var(--grid-id)}.tbl-card th,.tbl-card td{height:var(--touch)}.tbl-card .ct:first-child>a{max-width:calc(var(--full) - var(--s-xl))}
.tbl-card table:not(.event-history) tbody tr:not(.why)>:first-child{position:sticky;left:var(--zero);z-index:1;background:var(--surface)}.tbl-card table:not(.event-history) thead tr>:first-child{left:var(--zero);z-index:3;background:var(--secondary)}.tbl-card table:not(.event-history) tbody tr:hover>:first-child{background:var(--rowhover)}
.twrap{scroll-padding-inline-start:var(--grid-pin)}.twrap:has(.t-jobs){scroll-padding-inline-start:var(--grid-id)}
.tbl-card a{min-height:var(--touch);line-height:var(--touch)}.tbl-card .contact-row{flex-wrap:nowrap}.tbl-card .event-history a{line-height:var(--target)}
.tbl-card :is(a[data-a],.contact-row>a){position:relative;isolation:isolate;background:none}.tbl-card :is(a[data-a],.contact-row>a)::after{content:"";position:absolute;inset:calc((var(--touch) - var(--target))/2) var(--zero);border-radius:var(--radius-sm);background:var(--chip-bg);z-index:-1}
.cw{flex-wrap:wrap;row-gap:var(--s-xs);padding:var(--s-xs) var(--zero) var(--s-md)}.cl-label{width:auto;flex:1 1 0}.cl-count{width:auto;min-width:var(--s-xxxl)}.cl-src{order:0}.ck{flex-basis:var(--full);max-width:var(--company-max);width:auto;padding:var(--zero);order:1}
.filters,.more>div{display:block}.filters label{margin-bottom:var(--s-md)}.filters select{max-width:none}.filters>a{display:inline-flex;align-items:center;min-height:var(--touch);margin:var(--s-sm) var(--zero) var(--zero) var(--s-sm)}
input,select,textarea,button,.button,.button-secondary,.disclosure>summary{min-height:var(--touch);font-size:var(--fs-body)}input,select,textarea{font-size:var(--fs-section)}
.toolbar>.field{flex-basis:var(--full)}.toolbar>a{min-height:var(--touch)}
.view-filters>summary{min-height:var(--touch)}.view-tools{gap:var(--s-md)}.view-bar{row-gap:var(--s-xs)}.view-bar>div:first-child{flex-basis:auto}
.view-bar .view-panel{inset-inline:var(--zero);width:auto;min-width:var(--zero);max-width:none}.view-panel a{display:inline-flex;align-items:center;min-height:var(--touch)}.view-panel>a{display:flex;padding-inline:var(--zero)}.view-panel .stack{gap:var(--zero)}
.board{scroll-snap-type:x mandatory;scroll-padding-inline:var(--s-xs)}.lane{flex-basis:calc(var(--full) - var(--s-xxxl));min-width:var(--zero);scroll-snap-align:start}
.field :is(select,input,textarea){max-width:none}.event-actions{align-items:stretch;flex-direction:column}.event-actions>*{width:var(--full)}
.kv>div{grid-template-columns:minmax(var(--zero),1fr);gap:var(--s-xs)}
.event-history,.event-history tbody,.event-history tr{display:block}.event-history thead{position:absolute;width:var(--hairline);height:var(--hairline);overflow:hidden;clip-path:var(--hidden-clip)}
.event-history tr{height:auto;padding:var(--s-sm);border-top:var(--hairline) solid var(--rule)}.event-history th,.event-history td{display:inline-block;height:auto;border:var(--zero);padding:var(--s-xs) var(--s-sm) var(--zero) var(--zero)}
.event-history .event-note,.event-history td:last-child{display:block;min-width:var(--zero)}.event-history td:empty{display:none}.event-history a{display:inline-flex;align-items:center;min-height:var(--touch);white-space:normal}
.skw{display:none}.fcl{display:block}.fph{border:var(--hairline) solid var(--rule);padding:var(--zero) var(--s-md);border-radius:var(--radius-sm)}.fph[open]{padding-bottom:var(--s-sm)}.fph .filters{padding:var(--zero)}
.fcl .cw{flex-wrap:nowrap;min-height:var(--control-height);padding:var(--zero)}.fcl .cl-label{flex:0 0 var(--phone-label)}.fcl .ck{order:0;flex:1 1 0;max-width:none;padding:var(--zero) var(--s-sm)}.fcl .cl-src{min-width:var(--source-min);text-align:right;padding:var(--zero)}
.task .row-actions{flex:1 1 var(--full)}.row-actions>label{min-height:var(--touch)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none;transition:none;scroll-behavior:auto}}
/* ==== sankey (Flow) ==== */
.flow-card{--sw:10px;--sr:3px;--min:880px;--dur:.12s;--fa:.3;--ea:.6;--dim:.35;--hot:.55;margin:var(--s-lg) var(--zero);padding:var(--s-xl);border:var(--hairline) solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}
.flow-card h2{margin:var(--zero)}.flow-card .cap{margin:var(--s-xs) var(--zero) var(--s-lg)}
.fk{display:flex;flex-wrap:wrap;gap:var(--s-xs) var(--s-lg);margin:var(--s-lg) var(--zero) var(--zero);padding:var(--zero);list-style:none;font-size:var(--fs-meta);color:var(--graphite)}.fk li{display:flex;align-items:center;gap:var(--s-xs)}.fk li::before{content:"";width:var(--sw);height:var(--sw);border-radius:var(--radius-xs);background:var(--k)}
.fs{display:block;width:var(--full);height:auto;min-width:var(--min);font-size:var(--fs-meta);fill:var(--graphite)}.fs .b{font-size:var(--fs-compact);font-weight:var(--fw-strong);fill:var(--ink)}.fs .b.O,.fs .b.W,.fs .b.D{fill:var(--k)}.fs .c{font-size:var(--fs-meta);font-weight:var(--fw-normal);fill:var(--graphite)}
.fs .h{fill:var(--slate);font-weight:var(--fw-strong);letter-spacing:var(--tracking)}.fs .r{fill:var(--rule)}.fs .n{fill:var(--k);rx:var(--sr)}.fs stop{stop-color:var(--k)}.fs .e{paint-order:stroke;stroke:var(--surface);stroke-width:var(--sr);stroke-linejoin:round}
.fs .rb{stroke:var(--k);fill-opacity:var(--fa);stroke-opacity:var(--ea);transition:opacity var(--dur)}.fs:hover .rb{opacity:var(--dim)}.fs .rb:hover{opacity:1;fill-opacity:var(--hot)}
.A,.X{--k:var(--control)}.K{--k:color-mix(in srgb,var(--primary) 55%,var(--control))}.S{--k:var(--primary)}.F{--k:color-mix(in srgb,var(--primary) 50%,var(--purple-fg))}.L{--k:var(--purple-fg)}.O{--k:var(--positive-fg)}.W{--k:var(--attention-fg)}.D{--k:var(--negative-fg)}.N{--k:color-mix(in srgb,var(--control) 55%,var(--surface))}
@media(prefers-color-scheme:dark){.flow-card{--fa:.5;--ea:.85}}@media(prefers-reduced-motion:reduce){.fs .rb{transition:none}}@media(max-width:800px){.flow-card{padding:var(--s-lg)}}
/* ==== end sankey ==== */