/* Kliento portal pages in Ink (R6 P, 2026-10-04). Load order: /brand/tokens.css, /_k/shell.css, this.
   The shell (sidebar, top bar, phone tabs, request form) lives in shell.css; this file styles the sign-in
   pages and the page bodies. Every value comes from the tokens; nothing here picks its own color. */

*{box-sizing:border-box}
html,body{min-height:100%}
a{color:var(--k-ink)}
[hidden]{display:none!important}
h1,h2,h3,h4{margin:0;color:var(--k-ink);font-weight:var(--k-fw-strong);letter-spacing:var(--k-track-head);line-height:var(--k-lh-snug);text-wrap:balance}
p{margin:0}
:focus-visible{outline:2px solid var(--k-ink);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ic{width:1.15em;height:1.15em;flex:none;fill:currentColor;vertical-align:-.2em}

/* ── controls ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--k-2);min-height:40px;padding:0 var(--k-5);border-radius:var(--k-r-pill);border:0;background:none;font:inherit;font-size:var(--k-fs-sm);font-weight:var(--k-fw-strong);color:var(--k-ink);white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform var(--k-dur-1) var(--k-ease-out),background-color var(--k-dur-1) var(--k-ease-out),opacity var(--k-dur-1) var(--k-ease-out)}
.btn:active:not(:disabled){transform:scale(.97)}
.btn:disabled{opacity:.45;cursor:default}
.btn.primary{background:var(--k-ink);color:var(--k-on-ink)}
.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--k-ink) 86%,var(--k-paper))}
.btn.tint,.btn.plain{box-shadow:inset 0 0 0 2px var(--k-ink);background:transparent}
.btn.tint:hover:not(:disabled),.btn.plain:hover:not(:disabled){background:var(--k-sunken)}
.btn.danger{box-shadow:inset 0 0 0 2px var(--k-bad);color:var(--k-bad)}
.btn.danger:hover:not(:disabled){background:var(--k-bad-tint)}
.btn.go{background:var(--k-bad);color:#fff}
.btn.go:disabled{background:var(--k-hair-2);color:var(--k-mute)}
.btn.sm{min-height:34px;padding:0 var(--k-4)}
.btn.wide{width:100%}
.inp,.ta,.dd{width:100%;min-height:44px;padding:0 var(--k-3);border:1px solid var(--k-field);border-radius:var(--k-r-sm);background:var(--k-surface);font:inherit;font-size:var(--k-fs-base);color:var(--k-ink);transition:border-color var(--k-dur-1) var(--k-ease-out),box-shadow var(--k-dur-1) var(--k-ease-out)}
.inp::placeholder,.ta::placeholder{color:var(--k-mute);opacity:1}
.inp:focus,.ta:focus,.dd:focus{outline:none;border-color:var(--k-ink);box-shadow:0 0 0 1px var(--k-ink)}
.ta{padding:var(--k-3);line-height:var(--k-lh-body);resize:none;overflow:hidden}
.ta:disabled{background:var(--k-sunken);color:var(--k-mute)}
.dd{width:auto;padding:0 38px 0 var(--k-4);border-radius:var(--k-r-pill);font-size:var(--k-fs-sm);font-weight:var(--k-fw-medium);appearance:none;cursor:pointer;background:var(--k-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' fill='none' stroke='%235F5F5F' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;border-color:var(--k-hair-2);min-height:40px}
label.lab,.lab{display:block;font-size:var(--k-fs-sm);font-weight:var(--k-fw-strong);color:var(--k-ink);margin:0 0 var(--k-2)}
.fld{margin-bottom:var(--k-5)}
.err{margin:0 0 var(--k-4);padding:var(--k-3) var(--k-4);border-radius:var(--k-r-sm);background:var(--k-bad-tint);color:var(--k-bad);font-size:var(--k-fs-sm);font-weight:var(--k-fw-medium)}
.ok{margin:0 0 var(--k-4);padding:var(--k-3) var(--k-4);border-radius:var(--k-r-sm);background:var(--k-ok-tint);color:var(--k-ok);font-size:var(--k-fs-sm);font-weight:var(--k-fw-medium)}
.note{font-size:var(--k-fs-sm);color:var(--k-mute)}
.linkbtn,.lnk{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:inherit;font-size:var(--k-fs-sm);font-weight:var(--k-fw-strong);color:var(--k-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
.lnk .ic,.lnk svg{flex:none}
.chk{display:flex;align-items:center;gap:var(--k-3);font-size:var(--k-fs-sm);color:var(--k-ink-2);cursor:pointer;margin:var(--k-4) 0 0;min-height:32px}
.chk input{accent-color:var(--k-ink);width:18px;height:18px;margin:0}
.av{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--k-ink);color:var(--k-on-ink);font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);flex:none}
.av.sm{width:26px;height:26px;font-size:10px}
.bold{font-weight:var(--k-fw-strong);color:var(--k-ink)}
.toast{position:fixed;left:50%;bottom:var(--k-6);z-index:300;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:var(--k-3) var(--k-5);border-radius:var(--k-r-pill);background:var(--k-ink);color:var(--k-on-ink);font-size:var(--k-fs-sm);font-weight:var(--k-fw-medium);box-shadow:var(--k-shadow-2)}

/* status words: a tint plus the word, never color alone */
.pill,.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:var(--k-r-pill);font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);white-space:nowrap;background:var(--k-sunken);color:var(--k-ink-2);border:0}
.pill i{display:none}
.pill.green,.tag.live{background:var(--k-ok-tint);color:var(--k-ok)}
.pill.red,.tag.late{background:var(--k-bad-tint);color:var(--k-bad)}
.pill.orange,.tag.wait,.tag.miss{background:var(--k-warn-tint);color:var(--k-warn)}
.pill.blue{background:var(--k-info-tint);color:var(--k-info)}
.pill.gray{background:var(--k-sunken);color:var(--k-mute)}

/* ── sign-in, join, setup, verify ── */
.auth{min-height:100dvh;display:grid;place-items:center;padding:var(--k-10) var(--k-4)}
.authbox{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--k-6)}
.authmark{display:block;width:96px;height:76px;margin:0 auto;background:var(--k-ink);-webkit-mask:url(/brand/kliento-logo.svg) center/contain no-repeat;mask:url(/brand/kliento-logo.svg) center/contain no-repeat}
.wordmark{display:none}
.card{background:var(--k-surface);border:var(--k-border-hair);border-radius:var(--k-r-lg);padding:var(--k-8);box-shadow:var(--k-shadow-1)}
.card h1{font-size:var(--k-fs-2xl);margin-bottom:var(--k-2)}
.card .sub{color:var(--k-ink-2);font-size:var(--k-fs-base);margin:0 0 var(--k-6)}
.card h1+form,.card h1+.err{margin-top:var(--k-6)}
.card .btn.wide{min-height:48px;font-size:var(--k-fs-base);margin-top:var(--k-1)}
.alt{margin-top:var(--k-5);padding-top:var(--k-5);border-top:var(--k-border-hair);font-size:var(--k-fs-sm);color:var(--k-ink-2)}
.alt+.alt{margin-top:var(--k-3);padding-top:0;border-top:0}
.code{font-size:26px;letter-spacing:10px;text-align:center;font-weight:var(--k-fw-strong);font-variant-numeric:tabular-nums}
.foot{text-align:center;font-size:var(--k-fs-xs);color:var(--k-mute)}
.foot a{color:var(--k-mute)}

/* ── page frame (inside the shell) ── */
/* Round 2 (D196): every page uses the full width, like Requests. */
#view{flex:1;min-width:0;padding:var(--k-10) var(--k-10) var(--k-16);display:flex;flex-direction:column;gap:var(--k-6);width:100%}
.ptitle{display:flex;flex-wrap:wrap;align-items:center;gap:var(--k-3) var(--k-4)}
.ptitle h2{font-size:var(--k-fs-2xl);margin-right:auto}
.ptitle .lead{flex-basis:100%;color:var(--k-mute);max-width:66ch}
.empty{padding:var(--k-10) 0;color:var(--k-mute);text-align:left}
.panel{max-width:620px;background:var(--k-surface);border:var(--k-border-hair);border-radius:var(--k-r-lg);padding:var(--k-6)}
.panel h3{font-size:var(--k-fs-lg);margin-bottom:var(--k-4)}
.panel>.note{margin-bottom:var(--k-5)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-4)}
.pwrow{display:flex;gap:var(--k-2)}
.pwrow .inp,.pwin{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pwin{width:240px}
.who{display:flex;align-items:center;gap:var(--k-3)}
.acts{display:flex;gap:var(--k-2);flex-wrap:wrap}
.acts .btn{min-height:32px;padding:0 var(--k-3);font-size:var(--k-fs-xs)}

/* tabs: an underline, the active one in ink */
.tabs{display:flex;gap:var(--k-6);border-bottom:var(--k-border-hair);overflow-x:auto;scrollbar-width:none}
.tab{position:relative;display:inline-flex;align-items:center;gap:var(--k-2);min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:var(--k-fs-sm);font-weight:var(--k-fw-medium);color:var(--k-mute);white-space:nowrap;cursor:pointer;transition:color var(--k-dur-1) var(--k-ease-out)}
.tab:hover{color:var(--k-ink)}
.tab[aria-selected="true"]{color:var(--k-ink);font-weight:var(--k-fw-strong)}
.tab[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--k-ink)}

/* tables */
.tw{overflow-x:auto;background:var(--k-surface);border:var(--k-border-hair);border-radius:var(--k-r-lg)}
table.m{border-collapse:collapse;width:100%;font-size:var(--k-fs-sm)}
.m th{text-align:left;font-size:var(--k-fs-xs);font-weight:var(--k-fw-medium);color:var(--k-mute);padding:var(--k-3) var(--k-4);border-bottom:var(--k-border-hair);white-space:nowrap}
.m td{padding:var(--k-4);border-bottom:var(--k-border-hair);vertical-align:middle;color:var(--k-ink-2)}
.m tr:last-child td{border-bottom:0}
.m td:first-child,.m th:first-child{padding-left:var(--k-6)}
.m th button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}
.m th.sorted{color:var(--k-ink);font-weight:var(--k-fw-strong)}

/* ── Web & IT: requests list, board and drawer ── */
.tbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--k-2)}
.search{display:flex;align-items:center;gap:var(--k-2);min-height:40px;padding:0 var(--k-4);border:1px solid var(--k-hair-2);border-radius:var(--k-r-pill);background:var(--k-surface);width:280px;max-width:100%;color:var(--k-mute);transition:border-color var(--k-dur-1) var(--k-ease-out)}
.search:focus-within{border-color:var(--k-ink)}
.search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:var(--k-fs-sm);color:var(--k-ink);outline:none}
.refresh{margin-left:auto;font-size:var(--k-fs-xs);color:var(--k-mute)}
.totals{display:flex;flex-wrap:wrap;align-items:center;gap:var(--k-4);font-size:var(--k-fs-sm)}
.qadd{display:flex;gap:var(--k-2);align-items:center}
.qadd .inp{width:300px;min-height:40px}
.sum{margin-left:auto;color:var(--k-mute)}.sum b{color:var(--k-ink)}.sum b.red{color:var(--k-bad)}
.tview{display:flex;flex-direction:column;gap:var(--k-3);position:relative}
.grp{display:flex;align-items:center;gap:var(--k-3);padding:var(--k-4) 0 0;font-size:var(--k-fs-sm);flex-wrap:wrap}
.grp b{color:var(--k-ink);font-weight:var(--k-fw-strong);font-size:var(--k-fs-base)}
.grp .cnt{color:var(--k-mute)}
.sq{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}
.gempty{padding:var(--k-2) 0;color:var(--k-mute);font-size:var(--k-fs-sm)}
.tview table.m{min-width:900px}
.tview .tw+.grp{margin-top:var(--k-3)}
table.m.tasks{table-layout:fixed}
.m.tasks td{overflow:hidden;text-overflow:ellipsis}
.c-st{width:13%}.c-t{width:30%}.c-p{width:10%}.c-o{width:15%}.c-d{width:10%}.c-by{width:10%}.c-f{width:6%}.c-c{width:6%}
.m tr.r{cursor:pointer;transition:background-color var(--k-dur-1) var(--k-ease-out)}
.m tr.r:hover td{background:var(--k-paper)}
.m tr.r:focus-visible{outline-offset:-2px}
.m tr.fresh td{animation:fresh 1.8s var(--k-ease-out)}
@keyframes fresh{from{background:var(--k-sunken)}to{background:transparent}}
.st{display:flex;align-items:center;gap:var(--k-2);line-height:1.25}
.st small{display:block;color:var(--k-mute);font-size:var(--k-fs-xs)}
.tl{color:var(--k-ink);font-weight:var(--k-fw-medium)}
.pr{display:inline-flex;align-items:center;gap:6px;font-weight:var(--k-fw-strong);font-size:var(--k-fs-xs);white-space:nowrap;color:var(--k-ink-2)}
.pr i{width:8px;height:8px;border-radius:2px;display:block;background:var(--k-mute)}
.pr.urgent{color:var(--k-bad)}.pr.urgent i{background:var(--k-bad)}
.pr.high{color:var(--k-warn)}.pr.high i{background:var(--k-warn)}
.pr.normal i{background:var(--k-ink-2)}
.pr.low{color:var(--k-mute)}.pr.low i{background:var(--k-hair-2)}
.own{display:inline-flex;align-items:center;gap:var(--k-2);white-space:nowrap;color:var(--k-ink-2)}
.own .av{width:26px;height:26px;font-size:10px}
.own.none{color:var(--k-mute)}
.due{white-space:nowrap;font-variant-numeric:tabular-nums}
.due.late{color:var(--k-bad);font-weight:var(--k-fw-strong)}.due.soon{color:var(--k-warn);font-weight:var(--k-fw-strong)}
.files{color:var(--k-ink-2);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.files.zero{color:var(--k-hair-2)}
.mailbad{color:var(--k-bad);font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);margin-left:6px}
.byl{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:var(--k-fs-xs);font-weight:var(--k-fw-medium);line-height:20px;color:var(--k-ink-2);background:var(--k-sunken);border-radius:var(--k-r-pill);padding:0 8px}
.lk{flex:none;vertical-align:-2px;margin-right:5px;color:var(--k-ink-2)}
.pid,.fromw{display:none}
.board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:var(--k-3);min-width:1100px}
.boardwrap{overflow-x:auto;padding-bottom:var(--k-2)}
.bcol{display:flex;flex-direction:column;gap:var(--k-2);min-height:280px;padding:var(--k-3);border-radius:var(--k-r-md);background:var(--k-sunken);transition:background-color var(--k-dur-1) var(--k-ease-out)}
.bcol.over{background:var(--k-hair)}
.bcol h4{display:flex;align-items:center;gap:var(--k-2);margin:var(--k-1) var(--k-1) var(--k-2);font-size:var(--k-fs-sm)}
.bcol h4 .n{margin-left:auto;color:var(--k-mute);font-weight:var(--k-fw-medium)}
.bcard{display:flex;flex-direction:column;gap:var(--k-2);padding:var(--k-3) var(--k-4);border-radius:var(--k-r-md);background:var(--k-surface);box-shadow:var(--k-shadow-1);font-size:var(--k-fs-sm);text-align:left;color:inherit;cursor:grab;border-left:3px solid var(--k-hair-2);transition:transform var(--k-dur-1) var(--k-ease-out),box-shadow var(--k-dur-1) var(--k-ease-out)}
.bcard:hover{box-shadow:var(--k-shadow-2)}
.bcard.urgent{border-left-color:var(--k-bad)}.bcard.high{border-left-color:var(--k-warn)}.bcard.normal{border-left-color:var(--k-ink-2)}
.bcard .row2{display:flex;align-items:center;justify-content:space-between;gap:var(--k-2)}
.bcard.frozen{cursor:pointer}
.bcard .cnts{display:inline-flex;align-items:center;gap:var(--k-2)}
.bmeta{display:flex;align-items:center;gap:6px;font-size:var(--k-fs-xs);color:var(--k-mute);font-variant-numeric:tabular-nums;min-width:0}
.bmeta .lk{margin:0 0 0 auto}

.drawer{position:fixed;top:0;right:0;bottom:0;z-index:40;width:min(480px,100%);display:flex;flex-direction:column;background:var(--k-surface);box-shadow:var(--k-shadow-3);border-left:var(--k-border-hair);transform:translateX(102%);visibility:hidden;transition:transform var(--k-dur-3) var(--k-ease-out),visibility 0s var(--k-dur-3)}
.drawer.on{transform:none;visibility:visible;transition:transform var(--k-dur-3) var(--k-ease-out)}
.drawer .dh{display:flex;align-items:flex-start;gap:var(--k-3);margin:0;padding:var(--k-5) var(--k-4) var(--k-4) var(--k-6);border-bottom:var(--k-border-hair)}
.drawer .dh .grow{flex:1;min-width:0;display:block;padding:0}
.drawer .dh .id{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:var(--k-1);font-size:var(--k-fs-xs);color:var(--k-mute);font-variant-numeric:tabular-nums}
.drawer .dh .id .lk{margin:0}
.dh .ttl{display:block;width:100%;margin-left:-7px;padding:2px 6px;border:1px solid transparent;border-radius:var(--k-r-sm);background:none;font:inherit;font-size:var(--k-fs-xl);font-weight:var(--k-fw-strong);line-height:1.3;letter-spacing:var(--k-track-head);color:var(--k-ink);resize:none;overflow:hidden}
.dh .ttl:hover{border-color:var(--k-hair-2)}
.dh .ttl:focus{outline:none;border-color:var(--k-ink)}
.dh .ttl[readonly]:hover,.dh .ttl[readonly]:focus{border-color:transparent}
.ib{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:none;color:var(--k-ink);cursor:pointer;flex:none;transition:background-color var(--k-dur-1) var(--k-ease-out)}
.ib:hover{background:var(--k-sunken)}
.db{flex:1;overflow:auto;padding:var(--k-5) var(--k-6) var(--k-8);display:flex;flex-direction:column;gap:var(--k-6);overscroll-behavior:contain}
.kv{display:grid;grid-template-columns:96px 1fr;gap:var(--k-3) var(--k-4);align-items:center;font-size:var(--k-fs-sm)}
.kv label{color:var(--k-mute)}
.kv select,.kv input{min-height:38px;padding:0 var(--k-3);border:1px solid var(--k-hair-2);border-radius:var(--k-r-sm);background:var(--k-surface);font:inherit;font-size:var(--k-fs-sm);color:var(--k-ink);max-width:100%}
.kv select:focus,.kv input:focus{outline:none;border-color:var(--k-ink)}
.kv select:disabled,.kv input:disabled{background:var(--k-sunken);color:var(--k-ink-2);cursor:not-allowed;opacity:1}
.msg{padding:var(--k-4);border-radius:var(--k-r-md);background:var(--k-paper);font-size:var(--k-fs-sm);color:var(--k-ink-2);overflow-wrap:anywhere}
.msg p,.msg ul,.msg ol{margin:0 0 var(--k-2)}.msg>:last-child{margin-bottom:0}
.dsec h4{display:flex;align-items:baseline;gap:6px;margin:0 0 var(--k-3);font-size:var(--k-fs-base)}
.dsec h4 .n{color:var(--k-mute);font-weight:var(--k-fw-medium)}
.att{display:flex;flex-direction:column;gap:var(--k-2)}
.att a{display:flex;align-items:center;gap:var(--k-2);min-height:36px;font-size:var(--k-fs-sm);text-decoration:none;overflow-wrap:anywhere;color:var(--k-ink)}
.att a:hover{text-decoration:underline}
.att small{color:var(--k-mute);white-space:nowrap}
.dsec .lnk{margin-top:var(--k-3)}
.mailrow{display:flex;align-items:center;gap:var(--k-3);flex-wrap:wrap;font-size:var(--k-fs-sm)}
.lockrow{display:flex;align-items:center;gap:var(--k-2) var(--k-3);flex-wrap:wrap;font-size:var(--k-fs-sm);color:var(--k-ink-2)}
.lockrow.on{padding:var(--k-3) var(--k-4);border-radius:var(--k-r-md);background:var(--k-paper)}
.lockrow span{flex:1 1 180px}
.log{display:flex;flex-direction:column;gap:var(--k-2);font-size:var(--k-fs-sm);color:var(--k-ink-2)}
.log div{display:flex;gap:var(--k-3)}.log time{color:var(--k-mute);font-variant-numeric:tabular-nums;white-space:nowrap}
.thread{display:flex;flex-direction:column;gap:var(--k-3);margin-bottom:var(--k-3)}
.cm{padding:var(--k-3) var(--k-4);border-radius:var(--k-r-md);background:var(--k-paper)}
.cm.mine{background:var(--k-sunken)}
.cm.fresh{animation:fresh 1.8s var(--k-ease-out)}
.cmh{display:flex;align-items:center;gap:var(--k-2);margin-bottom:var(--k-1);font-size:var(--k-fs-xs);min-width:0}
.cmh b{font-weight:var(--k-fw-strong);color:var(--k-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmh time{margin-left:auto;color:var(--k-mute);white-space:nowrap;font-variant-numeric:tabular-nums}
.cmb{font-size:var(--k-fs-sm);color:var(--k-ink-2);white-space:pre-wrap;overflow-wrap:anywhere}
.cmb a{color:var(--k-ink)}
.cempty{margin:0 0 var(--k-3);font-size:var(--k-fs-sm);color:var(--k-mute)}
.composer{display:flex;flex-direction:column;gap:var(--k-2)}
.composer textarea{min-height:88px;max-height:260px;padding:var(--k-3);line-height:var(--k-lh-body);resize:vertical}
.crow{display:flex;align-items:center;gap:var(--k-3);flex-wrap:wrap}
.crow .note{margin-right:auto}
.crow .cnt{font-size:var(--k-fs-xs);color:var(--k-mute);font-variant-numeric:tabular-nums}
.scrim{position:fixed;inset:0;z-index:35;background:color-mix(in srgb,#111 30%,transparent);opacity:0;pointer-events:none;transition:opacity var(--k-dur-2) var(--k-ease-out)}
.scrim.on{opacity:1;pointer-events:auto}

/* ── Home (portal accounts without the AI Receptionist) ── */
.home{display:flex;flex-direction:column;gap:var(--k-8)}
.hcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--k-4)}
.hcard{display:flex;flex-direction:column;gap:var(--k-1);padding:var(--k-5);border-radius:var(--k-r-lg);background:var(--k-surface);border:var(--k-border-hair);text-decoration:none;color:var(--k-ink);transition:box-shadow var(--k-dur-1) var(--k-ease-out)}
.hcard:hover{box-shadow:var(--k-shadow-2)}
.hlab{display:flex;align-items:center;gap:var(--k-2);font-size:var(--k-fs-sm);font-weight:var(--k-fw-medium);color:var(--k-ink-2)}
.hnum{font-size:var(--k-fs-2xl);font-weight:var(--k-fw-strong);line-height:1.15;color:var(--k-ink);font-variant-numeric:tabular-nums}
.hsee{font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);color:var(--k-mute)}
.hlists{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--k-4)}
.hlist{min-width:0}
.hlist h3,.feed h3{display:flex;align-items:center;gap:var(--k-2);margin:0 0 var(--k-2);font-size:var(--k-fs-base)}
.hlist ul,.feed ul{list-style:none;margin:0;padding:0}
.hitem,.fitem{width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-bottom:var(--k-border-hair);cursor:pointer}
.hitem{display:flex;flex-direction:column;gap:var(--k-1);padding:var(--k-3) var(--k-1)}
.hitem:hover,.fitem:hover{background:var(--k-sunken)}
.hitem .tl{font-size:var(--k-fs-sm);overflow-wrap:anywhere}
.hmeta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--k-1) var(--k-3);font-size:var(--k-fs-xs)}
.more{margin-top:var(--k-2)}
.fitem{display:flex;align-items:flex-start;gap:var(--k-3);padding:var(--k-3) var(--k-1)}
.ftext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:var(--k-fs-sm);overflow-wrap:anywhere}
.ftext b{color:var(--k-ink)}
.fx{color:var(--k-mute);font-size:var(--k-fs-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fitem time{font-size:var(--k-fs-xs);color:var(--k-mute);white-space:nowrap;padding-top:2px}

/* ── Website health (a tab in Web & IT) ── */
.health{display:flex;flex-direction:column;gap:var(--k-6)}
.hint2{margin:0}
.hsum{display:flex;flex-direction:column;gap:var(--k-1);padding:var(--k-6);border-radius:var(--k-r-lg);background:var(--k-surface);border:var(--k-border-hair)}
.hsum.bad{background:var(--k-bad-tint);border-color:transparent}
.hsum .big{display:flex;align-items:center;gap:var(--k-3);font-size:var(--k-fs-xl);font-weight:var(--k-fw-strong);color:var(--k-ink)}
.hsum.bad .big{color:var(--k-bad)}
.hdot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none;border:2px solid var(--k-hair-2)}
.hdot.good{background:var(--k-ok);border-color:var(--k-ok)}.hdot.bad{background:var(--k-bad);border-color:var(--k-bad)}
.hrows{list-style:none;margin:0;padding:0 var(--k-6);background:var(--k-surface);border:var(--k-border-hair);border-radius:var(--k-r-lg)}
.hrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--k-1) var(--k-3);padding:var(--k-4) 0;font-size:var(--k-fs-base);color:var(--k-ink)}
.hrow+.hrow{border-top:var(--k-border-hair)}
.hrow .hr{font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);white-space:nowrap;padding:0 10px;min-height:24px;display:inline-flex;align-items:center;border-radius:var(--k-r-pill)}
.hrow.good .hr{background:var(--k-ok-tint);color:var(--k-ok)}.hrow.bad .hr{background:var(--k-bad-tint);color:var(--k-bad)}.hrow.none .hr{background:var(--k-sunken);color:var(--k-mute)}
.hrow .hd{grid-column:2/4;font-size:var(--k-fs-sm);color:var(--k-ink-2)}
.stale{margin:0;padding:var(--k-3) var(--k-4);border-radius:var(--k-r-sm);background:var(--k-warn-tint);color:var(--k-warn);font-size:var(--k-fs-sm);font-weight:var(--k-fw-strong)}
.strip h3{font-size:var(--k-fs-base);margin:0 0 var(--k-3)}
.dots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;max-width:440px}
.dots li{aspect-ratio:1;border-radius:50%;max-width:24px;border:2px solid var(--k-hair-2)}
.dots li.good{background:var(--k-ok);border-color:var(--k-ok)}.dots li.bad{background:var(--k-bad);border-color:var(--k-bad)}
.strip-ax{display:flex;justify-content:space-between;max-width:440px;margin-top:var(--k-2);font-size:var(--k-fs-xs);color:var(--k-mute)}
.legend{display:flex;gap:var(--k-4);flex-wrap:wrap;margin-top:var(--k-3);font-size:var(--k-fs-xs);color:var(--k-ink-2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;border-radius:50%;display:block;border:2px solid var(--k-hair-2)}
.legend i.good{background:var(--k-ok);border-color:var(--k-ok)}.legend i.bad{background:var(--k-bad);border-color:var(--k-bad)}

/* ── Calendar Agent ── */
.rdot{display:inline-flex;align-items:center;gap:var(--k-2);min-height:28px;padding:0 var(--k-3);border-radius:var(--k-r-pill);background:var(--k-sunken);font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);color:var(--k-ink-2)}
.rdot i{width:8px;height:8px;border-radius:50%;background:var(--k-mute)}
.rdot.on{background:var(--k-ok-tint);color:var(--k-ok)}.rdot.on i{background:var(--k-ok)}
.rdot.warn{background:var(--k-warn-tint);color:var(--k-warn)}.rdot.warn i{background:var(--k-warn)}
.cal{display:grid;grid-template-columns:280px minmax(0,1fr);height:calc(100dvh - var(--cal-top,256px) - 24px);min-height:460px;background:var(--k-surface);border:var(--k-border-hair);border-radius:var(--k-r-lg);overflow:hidden}
.cleft{display:flex;flex-direction:column;gap:var(--k-3);min-height:0;padding:var(--k-3);border-right:var(--k-border-hair);background:var(--k-paper)}
.cleft .healthbtn{max-width:none;padding:var(--k-3) var(--k-4)}
.clist{flex:1;min-height:0;overflow:auto;padding:0}
.cnew{width:100%;margin-bottom:var(--k-3)}
.clist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.citem{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--k-2);padding:var(--k-3);border:0;border-radius:var(--k-r-md);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--k-dur-1) var(--k-ease-out)}
.citem:hover{background:var(--k-sunken)}
.citem.on{background:var(--k-surface);box-shadow:var(--k-shadow-1)}
.citem .ct{display:flex;align-items:center;gap:6px;font-size:var(--k-fs-sm);font-weight:var(--k-fw-strong);color:var(--k-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.citem .cx{grid-column:1/3;font-size:var(--k-fs-xs);color:var(--k-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.citem time{grid-row:1;grid-column:2;font-size:var(--k-fs-xs);color:var(--k-mute);white-space:nowrap}
.busy{width:8px;height:8px;border-radius:50%;background:var(--k-warn);flex:none;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.cpane{display:flex;flex-direction:column;min-width:0;min-height:0}
.chead{display:flex;align-items:center;gap:var(--k-3);padding:var(--k-4) var(--k-6);border-bottom:var(--k-border-hair)}
.chead h3{font-size:var(--k-fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cback{display:none;white-space:nowrap;flex:none}
.cstream{flex:1;overflow:auto;padding:var(--k-6) var(--k-6) var(--k-2);display:flex;flex-direction:column;gap:var(--k-4);overscroll-behavior:contain}
.cstream>*{width:100%;max-width:760px;margin-inline:auto}
.cintro{margin-block:auto;padding:var(--k-6) 0}
.cintro h3{font-size:var(--k-fs-xl);margin-bottom:var(--k-2)}
.cintro p{margin:0 0 var(--k-4);color:var(--k-ink-2);max-width:60ch}
.cex{display:flex;flex-wrap:wrap;gap:var(--k-2);margin-bottom:var(--k-4)}
.chip{min-height:36px;padding:0 var(--k-4);border-radius:var(--k-r-pill);border:0;background:var(--k-sunken);font:inherit;font-size:var(--k-fs-sm);color:var(--k-ink);text-align:left;cursor:pointer;transition:background-color var(--k-dur-1) var(--k-ease-out)}
.chip:hover{background:var(--k-hair)}
.cmsg{display:flex;flex-direction:column;gap:var(--k-1)}
.cby{display:flex;align-items:baseline;gap:var(--k-2);font-size:var(--k-fs-xs)}
.cby b{font-weight:var(--k-fw-strong);color:var(--k-ink)}
.cby time{color:var(--k-mute);font-variant-numeric:tabular-nums}
.cmsg .cmb{font-size:var(--k-fs-base);line-height:var(--k-lh-body)}
.cmsg.you{align-items:flex-end}
.cbub{max-width:min(560px,88%);padding:var(--k-3) var(--k-4);border-radius:18px 18px 6px 18px;background:var(--k-sunken)}
.cmsg.sys{flex-direction:row;justify-content:center;align-items:baseline;gap:var(--k-2);font-size:var(--k-fs-xs);color:var(--k-mute)}
.cmsg.bad .cmb{color:var(--k-bad)}
.cblock{display:flex;gap:var(--k-3);align-items:flex-start;padding:var(--k-3) var(--k-4);border-radius:var(--k-r-md);background:var(--k-bad-tint)}
.cblock .lk{margin-top:4px;color:var(--k-bad)}
.pcard,.rcard{display:flex;flex-direction:column;gap:var(--k-3);padding:var(--k-5);border-radius:var(--k-r-md);border:var(--k-border-hair);background:var(--k-surface)}
.pcard.live{border:var(--k-border);box-shadow:var(--k-shadow-2)}
.ph{display:flex;align-items:center;justify-content:space-between;gap:var(--k-3);flex-wrap:wrap}
.ph>span:first-child{font-weight:var(--k-fw-strong);font-size:var(--k-fs-base);color:var(--k-ink)}
.plines{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:var(--k-2);font-size:var(--k-fs-base);color:var(--k-ink-2)}
.plines li::marker{color:var(--k-mute);font-variant-numeric:tabular-nums}
.pflag{padding:var(--k-3) var(--k-4);border-radius:var(--k-r-sm);background:var(--k-bad-tint);font-size:var(--k-fs-sm);color:var(--k-ink-2)}
.pflag b{color:var(--k-bad)}
.pflag ul{margin:var(--k-1) 0 0;padding-left:18px}
.pnotes{margin:0;padding-left:18px;font-size:var(--k-fs-sm);color:var(--k-ink-2)}
.pcard .note,.rcard .note{margin:0}
.pacts{display:flex;align-items:center;gap:var(--k-2);flex-wrap:wrap}
.pleft{margin-left:auto;font-size:var(--k-fs-sm);color:var(--k-ink-2);font-variant-numeric:tabular-nums}
.pleft.low{color:var(--k-warn);font-weight:var(--k-fw-strong)}
.rcard.bad{border-color:transparent;background:var(--k-bad-tint)}
.rlines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--k-2);font-size:var(--k-fs-sm)}
.rlines li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--k-3);align-items:baseline}
.rlines small{display:block;color:var(--k-mute);font-size:var(--k-fs-xs)}
.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--k-3)}
.shot{margin:0;border-radius:var(--k-r-sm);overflow:hidden;background:var(--k-paper);border:var(--k-border-hair)}
.shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.shot figcaption{padding:var(--k-2) var(--k-3);font-size:var(--k-fs-xs);color:var(--k-ink-2);border-top:var(--k-border-hair)}
.cthink{display:flex;align-items:center;gap:var(--k-3);padding:var(--k-1) 0;font-size:var(--k-fs-sm);color:var(--k-ink-2)}
.dots3{display:inline-flex;gap:4px}
.dots3 i{width:6px;height:6px;border-radius:50%;background:var(--k-ink);animation:bob 1.2s var(--k-ease-out) infinite}
.dots3 i:nth-child(2){animation-delay:.15s}.dots3 i:nth-child(3){animation-delay:.3s}
@keyframes bob{0%,60%,100%{transform:none;opacity:.35}30%{transform:translateY(-4px);opacity:1}}
.cfoot{padding:var(--k-2) var(--k-6) var(--k-4)}
.cfoot>*{max-width:760px;margin-inline:auto}
.cmode{display:flex;align-items:center;gap:var(--k-3);margin-top:var(--k-2);flex-wrap:wrap}
.cmode .note{flex:1;min-width:220px;font-size:var(--k-fs-xs)}
.cswitch{display:inline-flex;align-items:center;gap:var(--k-2);min-height:32px;font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);color:var(--k-ink-2);cursor:pointer;user-select:none;flex:none}
.cswitch.on{color:var(--k-ink)}
.cswitch input{position:absolute;opacity:0;width:0;height:0}
.cswitch i{position:relative;width:36px;height:22px;border-radius:var(--k-r-pill);background:var(--k-hair-2);flex:none;transition:background-color var(--k-dur-2) var(--k-ease-out)}
.cswitch i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--k-shadow-1);transition:transform var(--k-dur-2) var(--k-ease-out)}
.cswitch.on i{background:var(--k-ink)}
.cswitch.on i::after{transform:translateX(14px)}
.cswitch input:focus-visible+i{outline:2px solid var(--k-ink);outline-offset:2px}
.cswitch input:disabled+i{opacity:.5}
.ccomp{display:flex;align-items:flex-end;gap:var(--k-2);padding:var(--k-2) var(--k-2) var(--k-2) var(--k-4);border:1px solid var(--k-field);border-radius:22px;background:var(--k-surface);transition:border-color var(--k-dur-1) var(--k-ease-out),box-shadow var(--k-dur-1) var(--k-ease-out)}
.ccomp:focus-within{border-color:var(--k-ink);box-shadow:0 0 0 1px var(--k-ink)}
.ccomp.locked{background:var(--k-sunken)}
.cin{flex:1;padding:7px 0;border:0;outline:none;resize:none;background:transparent;font:inherit;font-size:var(--k-fs-base);line-height:var(--k-lh-body);color:var(--k-ink);max-height:200px}
.cin::placeholder{color:var(--k-mute)}
.csend{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:var(--k-ink);color:var(--k-on-ink);cursor:pointer;transition:transform var(--k-dur-1) var(--k-ease-out),opacity var(--k-dur-1) var(--k-ease-out)}
.csend:active:not(:disabled){transform:scale(.94)}
.csend:disabled{opacity:.3;cursor:default}

/* grouped lists (Calendar sync health, the transfer, Facility Truth) */
.pane{display:flex;flex-direction:column;gap:0}
.pane .back{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--k-6);font-size:var(--k-fs-sm)}
.gsec{margin:0 0 var(--k-8)}
.gsec-t{margin:0 0 var(--k-3);padding-inline:2px;font-size:var(--k-fs-base);color:var(--k-ink)}
.gsec-n{margin:var(--k-3) 2px 0;font-size:var(--k-fs-sm);line-height:var(--k-lh-body);color:var(--k-mute)}
.gsec-n.lead{margin:0 2px var(--k-5);font-size:var(--k-fs-base);color:var(--k-ink-2)}
.group{background:var(--k-surface);border:var(--k-border-hair);border-radius:var(--k-r-lg);overflow:hidden}
.grow{display:flex;align-items:flex-start;gap:var(--k-4);padding:var(--k-4) var(--k-6);text-align:left;width:100%}
.group>*+*{border-top:var(--k-border-hair)}
.grow-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--k-1)}
.grow-t{font-size:var(--k-fs-base);font-weight:var(--k-fw-medium);color:var(--k-ink);line-height:1.4}
.grow-s{font-size:var(--k-fs-sm);line-height:var(--k-lh-body);color:var(--k-mute)}
a.grow-s{color:var(--k-mute)}
.grow-r{flex:none;display:flex;align-items:center;gap:var(--k-2);padding-top:1px}
.grow.col{display:block}
.grow.col .grow-t{display:block;margin-bottom:var(--k-1)}
.prose{margin:0;font-size:var(--k-fs-sm);line-height:1.6;color:var(--k-ink-2);max-width:66ch}
.prose.sm{font-size:var(--k-fs-xs);color:var(--k-mute);margin-bottom:var(--k-3)}
.lamp{flex:none;width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--k-mute)}
.lamp.ok{background:var(--k-ok);padding:0;margin-bottom:0;border-radius:50%}.lamp.bad{background:var(--k-bad)}.lamp.wait{background:var(--k-hair-2)}
.statline{display:flex;gap:var(--k-3);align-items:flex-start;margin-bottom:var(--k-8);padding:var(--k-5) var(--k-6);border-radius:var(--k-r-lg);background:var(--k-surface);border:var(--k-border-hair)}
.statline.ok{background:var(--k-ok-tint);border-color:transparent}
.statline.bad{background:var(--k-bad-tint);border-color:transparent}
.statline b{display:block;font-size:var(--k-fs-lg);font-weight:var(--k-fw-strong);line-height:1.35;color:var(--k-ink)}
.statline.bad b{color:var(--k-bad)}
.statline span{font-size:var(--k-fs-sm);color:var(--k-ink-2);line-height:var(--k-lh-body)}
.healthbtn-wrap{margin:0}
.healthbtn{display:flex;align-items:center;gap:var(--k-3);max-width:440px;padding:var(--k-4) var(--k-5);border-radius:var(--k-r-lg);background:var(--k-surface);border:var(--k-border-hair);text-decoration:none;color:inherit;transition:box-shadow var(--k-dur-1) var(--k-ease-out),transform var(--k-dur-1) var(--k-ease-out)}
.healthbtn:hover{box-shadow:var(--k-shadow-2)}
.healthbtn:active{transform:scale(.99)}
.healthbtn.bad{background:var(--k-bad-tint);border-color:transparent}
.healthbtn .lamp{margin-top:0}
.healthbtn-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.healthbtn-m b{font-size:var(--k-fs-sm);font-weight:var(--k-fw-strong);color:var(--k-ink)}
.healthbtn-m span{font-size:var(--k-fs-xs);color:var(--k-mute)}
.healthbtn.bad .healthbtn-m span{color:var(--k-bad)}
.chev{color:var(--k-mute);display:flex}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));width:100%}
.stat{padding:var(--k-4) var(--k-6);border-right:var(--k-border-hair)}
.stat:last-child{border-right:0}
.stat b{display:block;font-size:var(--k-fs-2xl);font-weight:var(--k-fw-strong);line-height:1.15;color:var(--k-ink);font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:2px;font-size:var(--k-fs-xs);color:var(--k-mute)}
.runrow{display:block}
.as-btn{background:none;border:0;font:inherit;cursor:pointer;align-items:center;transition:background-color var(--k-dur-1) var(--k-ease-out)}
.as-btn:hover{background:var(--k-paper)}
.as-btn.bad .grow-t{color:var(--k-bad)}
.as-btn .chev{transition:transform var(--k-dur-2) var(--k-ease-out)}
.as-btn.open .chev{transform:rotate(90deg)}
.detail{display:none;padding:var(--k-1) var(--k-6) var(--k-5);background:var(--k-paper);border-top:var(--k-border-hair)}
.detail.open{display:block}
.detail .dh{margin:var(--k-3) 0 var(--k-1);font-size:var(--k-fs-sm);font-weight:var(--k-fw-strong);color:var(--k-ink)}
.detail .dl{margin:3px 0;padding-left:var(--k-3);border-left:2px solid var(--k-hair-2);font-size:var(--k-fs-sm);line-height:var(--k-lh-body);color:var(--k-ink-2)}
.check{cursor:pointer;align-items:flex-start;transition:background-color var(--k-dur-1) var(--k-ease-out)}
.check:hover{background:var(--k-paper)}
.check input{position:absolute;opacity:0;width:0;height:0}
.tick{position:relative;flex:none;width:20px;height:20px;margin-top:2px;border-radius:6px;border:1.5px solid var(--k-field);background:var(--k-surface);transition:background-color var(--k-dur-1) var(--k-ease-out),border-color var(--k-dur-1) var(--k-ease-out)}
.tick::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--k-on-ink);border-width:0 2px 2px 0;transform:rotate(45deg) scale(.4);opacity:0;transition:transform var(--k-dur-1) var(--k-ease-out),opacity var(--k-dur-1) var(--k-ease-out)}
.check input:checked+.tick{background:var(--k-ink);border-color:var(--k-ink)}
.check input:checked+.tick::after{transform:rotate(45deg) scale(1);opacity:1}
.check input:focus-visible+.tick{outline:2px solid var(--k-ink);outline-offset:2px}
.check input:disabled+.tick{opacity:.5}
.qhead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--k-3);margin:var(--k-8) 2px var(--k-1)}
.qhead h3{font-size:var(--k-fs-lg)}
.gsec-c{font-size:var(--k-fs-xs);color:var(--k-mute);flex:none}
.grow.q{padding:var(--k-5) var(--k-6)}
.mig2{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--k-8);align-items:start}
.rail{position:sticky;top:92px;display:flex;flex-direction:column;gap:2px}
.rail-i{display:flex;align-items:center;gap:var(--k-3);width:100%;min-height:40px;padding:var(--k-2) var(--k-3);border:0;border-radius:var(--k-r-sm);background:none;font:inherit;font-size:var(--k-fs-sm);line-height:1.3;color:var(--k-ink-2);text-align:left;cursor:pointer;transition:background-color var(--k-dur-1) var(--k-ease-out)}
.rail-i:hover{background:var(--k-sunken)}
.rail-i.on{background:var(--k-ink);color:var(--k-on-ink);font-weight:var(--k-fw-strong)}
.rail-i.on .rail-c{color:var(--k-on-ink-mute)}
.rail-n{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--k-hair-2);font-size:11px;font-weight:var(--k-fw-strong);color:var(--k-mute);background:var(--k-surface)}
.rail-i.on .rail-n{border-color:var(--k-on-ink);color:var(--k-ink)}
.rail-i.done .rail-n{background:var(--k-ok);border-color:var(--k-ok);color:#fff}
.rail-t{flex:1;min-width:0}
.rail-c{flex:none;font-size:var(--k-fs-xs);font-weight:var(--k-fw-medium);color:var(--k-mute)}
.stage{min-width:0}
.step-h{margin:2px 0 var(--k-5)}
.step-k{display:block;margin-bottom:var(--k-1);font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);color:var(--k-mute)}
.step-h h3{font-size:var(--k-fs-xl)}
.step-h .gsec-n.lead{margin:var(--k-2) 0 0}
.stepfoot{display:flex;align-items:center;gap:var(--k-3);margin-top:var(--k-1);padding-top:var(--k-5);border-top:var(--k-border-hair)}
.savednote{margin-right:auto;font-size:var(--k-fs-sm);color:var(--k-mute)}
.armbox{margin:0 0 var(--k-8);padding:var(--k-5) var(--k-6);border-radius:var(--k-r-lg);background:var(--k-sunken)}
.armbox.ready{background:var(--k-info-tint)}
.armbox p{margin:0 0 var(--k-3);font-size:var(--k-fs-sm);line-height:var(--k-lh-body);color:var(--k-ink)}
.armbox-b{display:flex;gap:var(--k-3);flex-wrap:wrap}
.armbox .err{margin:var(--k-3) 0 0}
.armbox .group{margin-bottom:var(--k-4)}
.statline+.gsec>.armbox-b{margin-bottom:var(--k-6)}
.rv-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--k-4)}
.rv-a{margin-top:var(--k-2);white-space:pre-wrap}
.rv-miss{margin:var(--k-2) 0 0;font-size:var(--k-fs-sm);color:var(--k-bad)}

/* Facility Truth */
.ftlead{max-width:70ch}
.ftstand{margin:-8px 2px var(--k-5)}
.ftbar{margin:0 0 var(--k-6)}
.ftbar .search{width:380px}
.ftdot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--k-bad)}
.fthead{margin:0 0 var(--k-3)}
.fthead .av.sm{margin-top:2px}
.ftwarn{color:var(--k-bad);margin:0 2px var(--k-5)}
.fthead+.gsec-n:not(.ftwarn){margin:0 2px var(--k-5)}
.fthead+.gsec{margin-top:var(--k-6)}
.ftrow{transition:background-color var(--k-dur-1) var(--k-ease-out)}
.ftrow.on{background:var(--k-paper)}
.ftval{margin:0;font-size:var(--k-fs-sm);line-height:var(--k-lh-body);color:var(--k-ink-2);overflow-wrap:anywhere}
a.ftval{color:var(--k-ink)}
.ftmeta{font-size:var(--k-fs-xs);color:var(--k-mute)}
.ftweek{display:grid;grid-template-columns:max-content 1fr;gap:2px var(--k-4);margin:2px 0 0;font-size:var(--k-fs-sm);line-height:var(--k-lh-body)}
.ftweek dt{color:var(--k-mute);font-variant-numeric:tabular-nums}
.ftweek dd{margin:0;color:var(--k-ink-2)}
.ftprop{margin:var(--k-2) 0 0;padding:var(--k-3) var(--k-4);border-radius:var(--k-r-sm);background:var(--k-warn-tint)}
.ftprop p{margin:2px 0 0;font-size:var(--k-fs-sm);color:var(--k-ink)}
.ftprop-k{font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);color:var(--k-warn)}
.fted{margin-top:var(--k-3);animation:ftin var(--k-dur-2) var(--k-ease-out)}
.fted .fld{margin-bottom:var(--k-3)}
.ftdays{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--k-2) var(--k-3);margin-bottom:var(--k-3)}
.ftday .lab{font-size:var(--k-fs-xs);margin-bottom:var(--k-1)}
.ftbtns{display:flex;justify-content:flex-end;gap:var(--k-3);margin-top:var(--k-3)}
.ftres{display:block}
.ftres+.ftres{border-top:var(--k-border-hair)}
.ftdept{display:block;padding:var(--k-3) var(--k-6) 0;font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);color:var(--k-mute)}
.ftres .ftrow{padding-top:var(--k-1)}
.ftro{margin:0 2px var(--k-5);padding:var(--k-3) var(--k-4);border-radius:var(--k-r-sm);background:var(--k-sunken);font-size:var(--k-fs-sm);color:var(--k-ink-2);max-width:70ch}
@keyframes ftin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Social Link Maker */
.solink{display:flex;align-items:center;min-height:52px;padding:var(--k-3) var(--k-4);border-radius:var(--k-r-sm);background:var(--k-paper);border:1px dashed var(--k-hair-2);font-size:var(--k-fs-sm);color:var(--k-ink);word-break:break-all;font-variant-numeric:tabular-nums}
.urg{display:flex;flex-wrap:wrap;gap:var(--k-2)}
.urg label{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:0 var(--k-4);border-radius:var(--k-r-pill);background:var(--k-sunken);font-size:var(--k-fs-sm);font-weight:var(--k-fw-medium);color:var(--k-ink-2);cursor:pointer;transition:background-color var(--k-dur-1) var(--k-ease-out),color var(--k-dur-1) var(--k-ease-out)}
.urg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.urg label:has(input:checked){background:var(--k-ink);color:var(--k-on-ink);font-weight:var(--k-fw-strong)}
.urg label:has(input:focus-visible){outline:2px solid var(--k-ink);outline-offset:2px}

/* loading: the shape of what is coming, never a spinner */
.skel{display:grid;gap:var(--k-4)}
.skel-b{height:96px;border-radius:var(--k-r-lg);background:linear-gradient(90deg,var(--k-sunken) 25%,var(--k-paper) 37%,var(--k-sunken) 63%);background-size:400% 100%;animation:shim 1.4s ease infinite}
@keyframes shim{0%{background-position:100% 50%}100%{background-position:0 50%}}

@media (max-width:1100px){
  .hcards,.hlists{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1023px){
  #view{padding:var(--k-6) var(--k-4) var(--k-8);gap:var(--k-5)}
  .ptitle h2{font-size:var(--k-fs-xl)}
  .mig2{grid-template-columns:1fr;gap:var(--k-4)}
  .rail{position:static;flex-direction:row;overflow-x:auto;gap:var(--k-2);padding-bottom:var(--k-1);scroll-snap-type:x proximity;scrollbar-width:none}
  .rail-i{flex:none;width:auto;min-height:44px;white-space:nowrap;background:var(--k-sunken);scroll-snap-align:start}
}
@media (max-width:820px){
  .row2{grid-template-columns:1fr}
  .search,.ftbar .search{width:100%}
  .tbar .dd{flex:1 1 150px}
  .btn,.dd,.inp,.search,.tab,.lnk{min-height:44px}
  .ib{width:44px;height:44px}
  .qadd{flex-wrap:wrap;width:100%}
  .qadd .inp{flex:1 1 180px;width:auto}
  .sum{margin-left:0}
  .drawer{width:100%;border-left:0}
  .drawer .dh{padding:var(--k-3) var(--k-2) var(--k-3) var(--k-4)}
  .db{padding:var(--k-4) var(--k-4) var(--k-8)}
  .kv{grid-template-columns:84px minmax(0,1fr)}
  .kv select,.kv input{min-height:44px;width:100%}
  .att a,.hitem,.fitem,.citem,.chip,.cswitch{min-height:44px}
  .lockrow .btn,.mailrow .btn,.acts .btn{min-height:44px;padding:0 var(--k-4)}
  .composer .btn{min-width:96px}
  .dh .ttl{min-height:44px}
  .panel{padding:var(--k-5)}
  .pwin{width:100%}
  .card{padding:var(--k-6) var(--k-5)}
  .cal{grid-template-columns:1fr;height:calc(100dvh - var(--cal-top,284px) - 88px);min-height:380px}
  .cal.open .cleft{display:none}
  .cal:not(.open) .cpane .chead{display:none}
  .cal:not(.open) .cleft{max-height:46vh;border-right:0;border-bottom:var(--k-border-hair)}
  .cback{display:inline-flex;min-height:44px}
  .chead{padding:var(--k-1) var(--k-4)}
  .cstream{padding:var(--k-4) var(--k-4) var(--k-2)}
  .cfoot{padding:var(--k-2) var(--k-3) var(--k-3)}
  .csend{width:44px;height:44px}
  .rlines li{grid-template-columns:1fr;gap:2px}
  .shots{grid-template-columns:1fr}
  .pacts .btn{flex:1 1 120px}
  .pleft{flex-basis:100%;margin-left:0}
  .ftrow{flex-wrap:wrap}
  .ftrow .grow-r{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .btn.sm{min-height:44px}
  .grow{padding:var(--k-4) var(--k-5)}
  .stat{border-right:0;border-bottom:var(--k-border-hair)}
  .healthbtn{max-width:none}
}
/* phones: rows stack instead of scrolling sideways */
@media (max-width:640px){
  .tview table.m{min-width:0}
  .tview .tw{border-radius:var(--k-r-md)}
  table.m.tasks,.m.tasks tbody{display:block}
  .m.tasks colgroup,.m.tasks thead,.m.tasks td.c1{display:none}
  .m.tasks tr.r{display:flex;flex-wrap:wrap;align-items:center;gap:var(--k-2) var(--k-3);padding:var(--k-4);border-bottom:var(--k-border-hair);min-height:44px}
  .m.tasks tr.r:last-child{border-bottom:0}
  .m.tasks td,.m.tasks td:first-child{display:block;padding:0;border:0;overflow:visible}
  .m.tasks tr.r:hover td{background:none}
  .m.tasks td.c2{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--k-2)}
  .m.tasks td.c2 .tl{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
  .pid{display:inline;color:var(--k-mute);font-size:var(--k-fs-xs);font-variant-numeric:tabular-nums}
  .fromw{display:inline}
  .m.tasks td.c7 .zero,.m.tasks td.c8 .zero{display:none}
  table.m.stack,.m.stack tbody,.m.stack tr,.m.stack td{display:block;width:100%}
  .m.stack thead{display:none}
  .m.stack tr{padding:var(--k-4) var(--k-5);border-bottom:var(--k-border-hair)}
  .m.stack tr:last-child{border-bottom:0}
  .m.stack td,.m.stack td:first-child{padding:2px 0;border:0}
  .m.stack td[data-label]::before{content:attr(data-label) ": ";color:var(--k-mute)}
  .m.stack .acts{margin-top:var(--k-3)}
  .hcards{gap:var(--k-2)}
  .hcard{padding:var(--k-4)}
  .hlists{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}
  .skel-b{animation:none}
}

/* Social Link Maker, round 2: two columns on wide screens, one on phones. */
.sogrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--k-6);align-items:start}
.sogrid .panel{max-width:none;display:flex;flex-direction:column;gap:var(--k-5)}
.sogrid .panel h3{margin:0;font-size:var(--k-fs-xl);color:var(--k-ink)}
.sogrid .solink{min-height:120px;font-size:var(--k-fs-md);line-height:1.5;word-break:break-all;padding:var(--k-4)}
@media (max-width:1023px){.sogrid{grid-template-columns:1fr}}


/* Calendar Agent robot button and sign-in steps (round 2). */
.rbtn{width:100%;min-height:40px;border:0;cursor:pointer;font:inherit;font-size:var(--k-fs-sm);font-weight:var(--k-fw-strong);justify-content:flex-start;transition:transform var(--k-dur-1) var(--k-ease-out),filter var(--k-dur-1) var(--k-ease-out)}
.rbtn svg{margin-left:auto}
.rbtn:hover{filter:brightness(.97)}
.rbtn:active{transform:scale(.98)}
.rsteps{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:var(--k-4);font-size:var(--k-fs-base);color:var(--k-ink-2)}
.rsteps a{color:var(--k-ink);font-weight:var(--k-fw-strong)}
.rcmd{margin:var(--k-2) 0;padding:var(--k-3);border-radius:var(--k-r-sm);background:var(--k-sunken);font:13px/1.5 ui-monospace,Menlo,monospace;white-space:pre-wrap;word-break:break-all;color:var(--k-ink)}

/* Account & security (round 2b). */
.acctgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--k-6);align-items:start}
.acct{max-width:none;display:flex;flex-direction:column;gap:var(--k-4)}
.acct h3{margin:0;font-size:var(--k-fs-xl);color:var(--k-ink)}
.acct .note{margin:0}
.acctkv{margin:0}
.acctkv dd{margin:0;color:var(--k-ink);overflow-wrap:anywhere}
.acctform{display:flex;flex-direction:column;gap:var(--k-4)}
.acctform .btn{align-self:flex-start}
.acctlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.acctlist li{display:flex;align-items:center;justify-content:space-between;gap:var(--k-3);padding:var(--k-3) 0;border-bottom:var(--k-border-hair)}
.acctlist li:last-child{border-bottom:0}
@media (max-width:1023px){.acctgrid{grid-template-columns:1fr}}

/* Facility Truth by person (round 2b). */
.rail-people{display:flex;flex-direction:column;gap:var(--k-4)}
.rail-g{display:flex;flex-direction:column;gap:2px}
.rail-who{font-size:var(--k-fs-md);font-weight:var(--k-fw-strong);color:var(--k-ink);padding:0 var(--k-3) var(--k-1)}
.rail-people .rail-i{padding-left:var(--k-5)}

/* FareHarbor transfer follow-ups (R6 H, 2026-10-04): one-tap choices with our pick marked */
.fu-was{margin:0 0 var(--k-2);font-size:var(--k-fs-xs);color:var(--k-mute)}
.fu-note{margin:var(--k-3) 0 0;font-size:var(--k-fs-xs);font-weight:var(--k-fw-medium);line-height:var(--k-lh-body);color:var(--k-ink-2);max-width:66ch}
.fu-opts{display:flex;flex-direction:column;gap:var(--k-2);max-width:66ch}
.fu-opt{display:flex;align-items:center;gap:var(--k-3);width:100%;min-height:48px;padding:var(--k-3) var(--k-4);border:1px solid var(--k-hair-2);border-radius:var(--k-r-sm);background:var(--k-surface);font:inherit;font-size:var(--k-fs-sm);line-height:1.4;color:var(--k-ink);text-align:left;cursor:pointer;transition:border-color var(--k-dur-1) var(--k-ease-out),background-color var(--k-dur-1) var(--k-ease-out),box-shadow var(--k-dur-1) var(--k-ease-out),transform var(--k-dur-1) var(--k-ease-out)}
.fu-opt:hover:not(:disabled){background:var(--k-paper)}
.fu-opt:active:not(:disabled){transform:scale(.99)}
.fu-opt[aria-checked="true"]{border-color:var(--k-ink);box-shadow:inset 0 0 0 1px var(--k-ink)}
.fu-opt:disabled{cursor:default;opacity:.6}
.fu-dot{position:relative;flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--k-field);background:var(--k-surface)}
.fu-opt[aria-checked="true"] .fu-dot{border-color:var(--k-ink)}
.fu-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--k-ink);transform:scale(0);transition:transform var(--k-dur-1) var(--k-ease-out)}
.fu-opt[aria-checked="true"] .fu-dot::after{transform:scale(1)}
.fu-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fu-t{font-weight:var(--k-fw-medium)}
.fu-s{font-size:var(--k-fs-xs);color:var(--k-mute)}
.fu-pick{flex:none}
.fu-own{margin-top:var(--k-2);max-width:66ch}
@media (prefers-reduced-motion:reduce){.fu-opt,.fu-dot::after{transition:none}.fu-opt:active:not(:disabled){transform:none}}

/* ── Web & IT overview (R7 P4, D221) ── */
.lnk.back{align-self:flex-start;text-decoration:none;color:var(--k-mute);font-weight:var(--k-fw-medium);margin-bottom:calc(-1 * var(--k-2))}
.lnk.back:hover{color:var(--k-ink)}
.wi .wi-ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--k-r-pill);background:var(--k-sunken);color:var(--k-ink);font-size:20px;flex:none}
.wi .wi-ic .ks-ic{width:20px;height:20px}
.wi-ask{min-height:34px;padding:0 var(--k-3);color:var(--k-ink-2);font-weight:var(--k-fw-medium);border-radius:var(--k-r-pill)}
.wi-ask:hover:not(:disabled){background:var(--k-sunken);color:var(--k-ink)}
.wi-ask .ks-ic{width:16px;height:16px}
.wi .lnk .ks-ic{width:14px;height:14px;color:var(--k-mute)}
.wi-go{white-space:nowrap}
.wi-health{max-width:none}
.ptitle .wi-lead{max-width:none;font-size:var(--k-fs-base)}
.wi-terms h3{font-size:var(--k-fs-base);color:var(--k-ink)}
.wi-q{margin:0;display:flex;flex-direction:column;gap:var(--k-1)}
.wi-q figcaption{font-size:var(--k-fs-xs);font-weight:var(--k-fw-medium);color:var(--k-mute)}
.wi-q blockquote{margin:0}
.wi-q p{font-size:var(--k-fs-sm);line-height:var(--k-lh-body);color:var(--k-ink-2);text-wrap:pretty}
.wi-q b{color:var(--k-ink);font-weight:var(--k-fw-strong)}
.wi-from{font-size:var(--k-fs-xs);line-height:1.5;color:var(--k-mute)}

/* His pick, design B: health strip, a directory grid, the agreement as the page's one ink block */
.wi{display:flex;flex-direction:column;gap:var(--k-8)}
.wi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--k-10)}
.wi-cell{display:flex;flex-direction:column;align-items:flex-start;gap:var(--k-2);padding:var(--k-6) 0 var(--k-8);border-top:var(--k-border-hair)}
.wi-cell.wi-span{grid-column:span 2}
.wi-cell .wi-ic{margin-bottom:var(--k-2)}
.wi-cell h3{font-size:var(--k-fs-lg)}
.wi-cell p{font-size:var(--k-fs-sm);line-height:var(--k-lh-body);color:var(--k-ink-2);max-width:62ch}
.wi-foot{margin-top:auto;padding-top:var(--k-2);display:flex;align-items:center;flex-wrap:wrap;gap:var(--k-2) var(--k-4)}
.wi-foot .wi-ask{margin-left:calc(-1 * var(--k-3))}
.wi-foot .wi-go+.wi-ask{margin-left:0}
.wi-domains{list-style:none;margin:var(--k-1) 0 var(--k-2);padding:0;display:flex;flex-wrap:wrap;gap:var(--k-4) var(--k-8)}
.wi-domains li{display:flex;flex-direction:column;gap:2px}
.wi-domains span{font-size:var(--k-fs-xs);color:var(--k-mute)}
.wi-dom{display:inline-flex;align-items:center;gap:6px;font-size:var(--k-fs-lg);font-weight:var(--k-fw-strong);letter-spacing:var(--k-track-head);color:var(--k-ink);text-decoration:none}
.wi-dom .ks-ic{width:16px;height:16px;color:var(--k-mute);transition:transform var(--k-dur-1) var(--k-ease-out)}
.wi-dom:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.wi-dom:hover .ks-ic{transform:translate(2px,-2px)}
.wi-band{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:var(--k-6) var(--k-10);padding:var(--k-8) var(--k-10);border-radius:var(--k-r-lg);background:var(--k-ink);color:var(--k-on-ink)}
.wi-band h3{color:var(--k-on-ink);font-size:var(--k-fs-lg)}
.wi-band .wi-q figcaption,.wi-band .wi-from{color:var(--k-on-ink-mute)}
.wi-band .wi-q p{color:var(--k-on-ink);font-size:var(--k-fs-base)}
.wi-band .wi-q b{color:var(--k-on-ink)}
.wi-band .wi-from{grid-column:2/-1}

@media (max-width:1180px){
  .wi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wi-cell.wi-span{grid-column:1/-1}
  .wi-band{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wi-band h3,.wi-band .wi-from{grid-column:1/-1}
}
@media (max-width:767px){
  .wi{gap:var(--k-6)}
  .wi-grid{grid-template-columns:minmax(0,1fr)}
  .wi-cell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--k-1) var(--k-4);padding:var(--k-5) 0}
  .wi-cell>*{grid-column:2}
  .wi-cell .wi-ic{grid-column:1;grid-row:1 / span 4;margin:0}
  .wi-cell h3{align-self:center;min-height:40px;display:flex;align-items:center}
  .wi-foot{padding-top:var(--k-1)}
  .wi-domains{flex-direction:column;gap:var(--k-3)}
  .wi-band{grid-template-columns:minmax(0,1fr);padding:var(--k-6);gap:var(--k-5)}
  .wi-band .wi-from{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){.wi-dom .ks-ic{transition:none}}
/* show/hide password eye (pwtoggle.js) */
.pwwrap{position:relative;display:block;width:100%}
.pwrow .pwwrap{flex:1 1 auto}
.pwwrap .inp{padding-right:48px}
.pwwrap .inp::-ms-reveal{display:none}
.pweye{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--k-r-sm);background:transparent;color:var(--k-mute);cursor:pointer;transition:color var(--k-dur-1) var(--k-ease-out)}
.pweye:hover{color:var(--k-ink)}
.pweye:focus-visible{outline:2px solid var(--k-ink);outline-offset:-2px;color:var(--k-ink)}
.pweye svg{width:20px;height:20px}
/* logo loader on first open of the portal (kload.js). Light sweeps left to right across the logo, like Peek's */
.kload{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--k-paper);transition:opacity .4s var(--k-ease-out),visibility 0s linear .4s;animation:kload-safety 0s linear 10s forwards}
.kload.is-out{opacity:0;visibility:hidden;pointer-events:none}
.kload__logo{display:block;width:clamp(160px,20vw,250px);aspect-ratio:1774/1398;background:linear-gradient(100deg,var(--k-ink) 0 40%,#C9C9C9 50%,var(--k-ink) 60% 100%);background-size:300% 100%;background-position:100% 0;-webkit-mask:url(/brand/kliento-logo.svg) center/contain no-repeat;mask:url(/brand/kliento-logo.svg) center/contain no-repeat;animation:kload-in .15s ease-out both,kload-sweep 1.4s cubic-bezier(.45,0,.25,1) .1s infinite}
@keyframes kload-in{from{opacity:0}to{opacity:1}}
@keyframes kload-sweep{0%{background-position:100% 0}64%,100%{background-position:0 0}}
@keyframes kload-safety{to{opacity:0;visibility:hidden;pointer-events:none}}
@media (prefers-reduced-motion:reduce){.kload__logo{animation:kload-in .15s ease-out both}}
/* Email campaigns (lane A, 2026-10-08). Ink layout; each event's own colour is only an accent (--c). */
.em{display:flex;flex-direction:column;gap:var(--k-5)}
.em h3{font-size:var(--k-fs-lg);margin:0 0 var(--k-3)}
.em h4{font-size:var(--k-fs-md);margin:0 0 var(--k-2)}
.em-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--k-4);align-items:start}
.em>.em-count{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:var(--k-2) var(--k-4)}
.em>.em-count .lab{width:100%}
.em-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--k-2);margin-top:4px}
.em-count,.em-up,.em-evs,.em-detail,.em-list{background:var(--k-surface);border:var(--k-border-hair);border-radius:var(--k-r-lg);padding:var(--k-5)}
.em-count{display:flex;flex-direction:column;gap:var(--k-2);align-items:flex-start}
.em-count b{font-size:var(--k-fs-2xl);line-height:1.1;font-variant-numeric:tabular-nums}
.em-sub{color:var(--k-mute);font-size:var(--k-fs-sm)}
.em-row,.em-evbtn,.em-card{display:flex;align-items:flex-start;gap:var(--k-3);width:100%;text-align:left;background:none;border:0;border-radius:var(--k-r-md);padding:var(--k-2) var(--k-3);font:inherit;color:var(--k-ink);cursor:pointer;transition:background-color var(--k-dur-1) var(--k-ease-out)}
.em-row:hover,.em-evbtn:hover,.em-card:hover{background:var(--k-sunken)}
.em-evbtn.on,.em-card.on{background:var(--k-sunken);box-shadow:inset 3px 0 0 var(--c)}
.em-evbtn.past{opacity:.6}
.em-dot{flex:none;width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--c)}
.em-dot.sq{border-radius:3px;width:12px;height:12px}
.em-rt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.em-right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.em-rt b{font-weight:var(--k-fw-strong)}
.em-day .em-pill b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.em-rt small,.em-ru{color:var(--k-mute);font-size:var(--k-fs-xs)}
.em-ru{white-space:nowrap;font-variant-numeric:tabular-nums}
.em-cnt{color:var(--k-mute);font-size:var(--k-fs-xs);min-width:20px;text-align:right}
.em-calhead{display:flex;align-items:center;justify-content:space-between;gap:var(--k-3)}
.em-calhead h3{margin:0}
.em-nav{display:flex;gap:var(--k-2)}
.em-legend{display:flex;flex-wrap:wrap;gap:var(--k-3) var(--k-5);font-size:var(--k-fs-xs);color:var(--k-mute)}
.em-legend span{display:inline-flex;align-items:center;gap:var(--k-2)}
.em-legend .sw{display:inline-block;width:22px;height:14px;padding:0;margin:0;--c:var(--k-ink-2)}
.em-scroll{overflow-x:auto}
.em-cal{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));min-width:880px;border-top:var(--k-border-hair);border-left:var(--k-border-hair)}
.em-dow{padding:var(--k-2) var(--k-3);font-size:var(--k-fs-xs);color:var(--k-mute);text-transform:uppercase;letter-spacing:.05em;border-right:var(--k-border-hair);border-bottom:var(--k-border-hair);background:var(--k-surface)}
.em-day{min-height:118px;padding:var(--k-2);display:flex;flex-direction:column;gap:6px;border-right:var(--k-border-hair);border-bottom:var(--k-border-hair);background:var(--k-surface)}
.em-day.off{background:var(--k-sunken)}
.em-n{font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);color:var(--k-mute);align-self:flex-start;padding:1px 7px;border-radius:var(--k-r-pill)}
.em-n.now{background:var(--k-ink);color:var(--k-on-ink)}
.em-pill{display:block;width:100%;text-align:left;font:inherit;font-size:12px;line-height:1.25;padding:5px 7px;border-radius:var(--k-r-sm);cursor:pointer;border:0;background:var(--c);color:#fff}
.em-pill b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-pill small{display:block;font-size:11px;opacity:.9}
.em-pill.st-scheduled{box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.em-pill.st-draft{background:var(--k-surface);color:var(--k-ink);box-shadow:inset 0 0 0 2px var(--c)}
.em-pill.st-approved{background:var(--k-surface);color:var(--k-ink);box-shadow:inset 0 0 0 2px var(--c)}
.em-pill.st-planned{background:var(--k-surface);color:var(--k-mute);border:2px dotted var(--c)}
.em-ev{margin-top:auto;display:block;width:100%;text-align:left;font:inherit;font-size:12px;font-weight:var(--k-fw-strong);padding:5px 7px;border-radius:var(--k-r-sm);cursor:pointer;color:var(--k-ink);border:2px solid var(--c,var(--k-ink));background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--c,#888) 18%,transparent) 0 6px,transparent 6px 12px)}
.em-ev small{display:block;font-weight:var(--k-fw-body);font-size:11px;color:var(--k-mute)}
.em-drafts{display:grid;grid-template-columns:300px 1fr;gap:var(--k-5);align-items:start}
@media(max-width:900px){.em-drafts{grid-template-columns:1fr}}
.em-evs{display:flex;flex-direction:column;gap:2px;position:sticky;top:var(--k-4)}
.em-pane{display:flex;flex-direction:column;gap:var(--k-4);min-width:0}
.em-evhead{display:flex;gap:var(--k-3);align-items:flex-start}
.em-evhead .em-dot{margin-top:8px}
.em-evhead h3{margin:0;font-size:var(--k-fs-xl)}
.em-list{display:flex;flex-direction:column;gap:2px;padding:var(--k-3)}
.em-seq{flex:none;font-size:var(--k-fs-xs);font-weight:var(--k-fw-strong);color:var(--k-mute);width:44px}
.em-detail{display:flex;flex-direction:column;gap:var(--k-5)}
.em-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--k-5);align-items:start}
.em-info{display:grid;grid-template-columns:76px 1fr;gap:6px var(--k-3);margin:0;font-size:var(--k-fs-sm)}
.em-info dt{color:var(--k-mute)}.em-info dd{margin:0}
.em-act{display:flex;flex-direction:column;gap:var(--k-3);align-items:flex-start}
.em-act>.btn{min-width:140px}
.em-chips{display:flex;flex-wrap:wrap;gap:var(--k-2)}
.em-chips .chip.on{background:var(--k-ink);color:var(--k-on-ink)}
.em-pickrow{display:flex;flex-wrap:wrap;gap:var(--k-3);align-items:flex-end}
.em-pickrow .lab{display:flex;flex-direction:column;gap:4px}
.em-time{min-width:120px}
.em-act textarea{width:100%;min-width:260px}
.em-pv{background:var(--k-sunken);border-radius:var(--k-r-md);padding:var(--k-3);min-height:200px}
.em-frame{display:block;width:100%;max-width:620px;margin:0 auto;height:1400px;border:0;border-radius:var(--k-r-sm);background:#fff}
.em-open{display:inline-block;margin:0 0 var(--k-3);font-size:var(--k-fs-sm);color:var(--k-ink)}
@media(max-width:900px){.em-evs{position:static}.em-card{flex-wrap:wrap}.em-card>.pill{margin-left:56px}.em-seq{width:44px}}