:root{--brand-primary:#2E5BFF;--brand-primary-700:#1E3FCC;--brand-primary-300:#8AA3FF;--brand-primary-100:#DCE4FF;--brand-secondary:#00A3BF;--brand-secondary-700:#007A8E;--brand-secondary-300:#66CADA;--brand-secondary-100:#CFEEF3;--brand-tertiary:#C34100;--brand-tertiary-700:#8E2F00;--brand-tertiary-300:#FF8557;--brand-tertiary-100:#FFE0D1;--neutral-0:#FFFFFF;--neutral-50:#F7F8FA;--neutral-100:#F0F2F5;--neutral-200:#E2E5EA;--neutral-300:#CFD3DA;--neutral-400:#A7ADB7;--neutral-500:#7A808C;--neutral-600:#555B66;--neutral-700:#373B43;--neutral-800:#23262C;--neutral-900:#15171B;--it-grad-from:#2E5BFF;--it-grad-mid:#00A3BF;--it-grad-to:#6FD58A;--it-gradient:linear-gradient(135deg,var(--it-grad-from) 0%,var(--it-grad-mid) 52%,var(--it-grad-to) 100%);--it-gradient-soft:linear-gradient(135deg,color-mix(in oklab,var(--it-grad-from) 18%,white) 0%,color-mix(in oklab,var(--it-grad-mid) 18%,white) 52%,color-mix(in oklab,var(--it-grad-to) 22%,white) 100%);--it-gradient-deep:linear-gradient(135deg,#1B3FCC 0%,#007A8E 52%,#4FB66E 100%);--role-anchor:#00A3BF;--role-anchor-soft:#CFEEF3;--role-action:#C34100;--role-action-soft:#FFE0D1;--role-identity-from:var(--it-grad-from);--role-identity-mid:var(--it-grad-mid);--role-identity-to:var(--it-grad-to);--status-ok:#1F8A5B;--status-ok-alt:#22B07D;--status-warn:#E5A53B;--status-crit:#C34100;--status-info:#2E5BFF;--status-mute:#A7ADB7;--bg:#ECEEF2;--bg-elev:#FFFFFF;--surface:#FFFFFF;--surface-2:#F6F7FA;--surface-inset:#EEF0F4;--ink:#0F1320;--ink-2:#3A4154;--ink-3:#6B7280;--hairline:rgba(15,19,32,.08);--hairline-2:rgba(15,19,32,.14);--glass-bg:rgba(255,255,255,.55);--glass-border:rgba(255,255,255,.7);--glass-blur:blur(20px) saturate(160%)}[data-theme=dark]{--bg:#0E1117;--bg-elev:#1A1F28;--surface:#1A1F28;--surface-2:#232936;--surface-inset:#11151C;--ink:#F2F4F8;--ink-2:#B8BFCC;--ink-3:#7A8294;--hairline:rgba(255,255,255,.08);--hairline-2:rgba(255,255,255,.14);--nm-hi:rgba(255,255,255,.04);--nm-lo:rgba(0,0,0,.55);--nm-lo-2:rgba(0,0,0,.3);--glass-bg:rgba(26,31,40,.7);--glass-border:rgba(255,255,255,.1)}:root{--font-sans:"Geist","Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;--font-display:"Geist","Inter",-apple-system,sans-serif;--font-mono:"Geist Mono","SF Mono",ui-monospace,monospace;--t-display:32px;--t-h1:24px;--t-h2:18px;--t-h3:15px;--t-body:13px;--t-meta:11px;--t-tiny:10px;--track-display:-.035em;--track-hero:-.03em;--track-h1:-.02em;--track-h2:-.015em;--track-body:-.005em;--track-eyebrow:.1em;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--lh-tight:1.2;--lh-body:1.45;--lh-prose:1.6}:root{--nm-depth:.6;--nm-radius:14px;--nm-hi:rgba(255,255,255,.9);--nm-lo:rgba(15,25,50,.1);--nm-lo-2:rgba(15,25,50,.05);--nm-raised:0 1px 0 rgba(255,255,255,.6) inset,0 calc(2px * var(--nm-depth)) calc(4px * var(--nm-depth)) rgba(15,25,50,.04),0 calc(8px * var(--nm-depth)) calc(20px * var(--nm-depth)) rgba(15,25,50,.08);--nm-soft:0 1px 0 rgba(255,255,255,.5) inset,0 calc(1px * var(--nm-depth)) calc(2px * var(--nm-depth)) rgba(15,25,50,.03),0 calc(3px * var(--nm-depth)) calc(8px * var(--nm-depth)) rgba(15,25,50,.05);--nm-inset:inset 0 calc(1px * var(--nm-depth)) calc(3px * var(--nm-depth)) rgba(15,25,50,.1),inset 0 0 0 .5px rgba(15,25,50,.06);--nm-pressed:inset 0 1px 2px rgba(15,25,50,.12),inset 0 0 0 .5px rgba(15,25,50,.08);--nm-glass:0 1px 0 rgba(255,255,255,.6) inset,0 18px 50px rgba(20,30,50,.18);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:28px;--sp-7:36px;--pad-card:20px 22px;--pad-card-lg:28px 32px;--pad-row:12px 24px;--gutter-page:28px;--gutter-page-x:28px;--measure-contained:880px;--sidenav-width:240px}:root{--ease:cubic-bezier(.2,.7,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.12s;--dur-base:.15s;--dur-slow:.25s}*{box-sizing:border-box}.itops-root{font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-size:var(--t-body);line-height:var(--lh-body);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;letter-spacing:var(--track-body)}.itops-root h1,.itops-root h2,.itops-root h3{margin:0;font-family:var(--font-display);letter-spacing:var(--track-h1);font-weight:var(--w-semibold)}.itops-root a{color:var(--brand-secondary-700);text-decoration:none}.itops-root a:hover{color:var(--brand-secondary);text-decoration:underline}a{color:var(--brand-secondary-700)}a:hover{color:var(--brand-secondary)}.nm-card{background:var(--surface);border-radius:var(--nm-radius);box-shadow:var(--nm-raised);border:1px solid var(--hairline)}.nm-card-soft{background:var(--surface);border-radius:var(--nm-radius);box-shadow:var(--nm-soft);border:1px solid var(--hairline)}.nm-inset{background:var(--surface-inset);border-radius:var(--nm-radius);box-shadow:var(--nm-inset)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:.5px solid var(--glass-border);box-shadow:var(--nm-glass)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font:inherit;font-weight:var(--w-medium);cursor:pointer;padding:8px 14px;border-radius:var(--r-md);background:var(--surface);color:var(--ink);box-shadow:var(--nm-soft);transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),background var(--dur-base);display:inline-flex;align-items:center;gap:6px;letter-spacing:var(--track-body)}.btn:hover{transform:translateY(-.5px)}.btn:active{box-shadow:var(--nm-pressed);transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary) 100%,white 8%),var(--brand-primary));color:#fff;box-shadow:0 1px #ffffff40 inset,0 -1px #00000026 inset,calc(2px * var(--nm-depth)) calc(4px * var(--nm-depth)) calc(12px * var(--nm-depth)) #2e5bff59,calc(-1px * var(--nm-depth)) calc(-1px * var(--nm-depth)) calc(3px * var(--nm-depth)) #ffffffb3}.btn-primary:active{box-shadow:inset 0 2px 4px #00000040,inset 0 -1px #ffffff26}.btn-action{background:linear-gradient(180deg,#D85A1F,var(--brand-tertiary));color:#fff;box-shadow:0 4px 12px #c341004d,inset 0 1px #fff3}.btn-identity{background:var(--it-gradient);color:#fff;box-shadow:0 4px 12px #008ca040,inset 0 1px #fff3}.btn-ghost{background:transparent;box-shadow:none;color:var(--ink-2)}.btn-ghost:hover{background:#0000000a}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--t-meta);font-weight:var(--w-medium);background:var(--surface-inset);color:var(--ink-2);box-shadow:var(--nm-pressed)}.pill-dot{width:6px;height:6px;border-radius:50%}.chip-grad{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:var(--t-meta);font-weight:var(--w-semibold);color:#fff;background:var(--it-gradient);box-shadow:0 2px 6px #00788c2e;letter-spacing:.02em}.chip-anchor{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--t-meta);font-weight:var(--w-semibold);color:var(--brand-secondary-700);background:var(--role-anchor-soft);letter-spacing:.02em}.chip-action{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--t-meta);font-weight:var(--w-semibold);color:var(--brand-tertiary-700);background:var(--role-action-soft);letter-spacing:.02em}.nm-input{width:100%;border:none;font:inherit;background:var(--surface-inset);border-radius:var(--r-md);padding:9px 12px;color:var(--ink);box-shadow:var(--nm-inset);outline:none;transition:box-shadow var(--dur-base)}.nm-input:focus{box-shadow:var(--nm-inset),0 0 0 2px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.nm-input::placeholder{color:var(--ink-3)}.eyebrow{font-size:var(--t-tiny);font-weight:var(--w-semibold);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-3)}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.bar-track{height:6px;background:var(--surface-inset);border-radius:var(--r-pill);box-shadow:var(--nm-pressed);overflow:hidden;position:relative}.bar-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--r-pill);box-shadow:0 0 12px color-mix(in srgb,var(--brand-primary) 50%,transparent)}.status-ok{background:var(--status-ok-alt)}.status-warn{background:var(--status-warn)}.status-info{background:var(--brand-primary)}.status-rust{background:var(--brand-tertiary)}.status-teal{background:var(--brand-secondary)}.status-mute{background:var(--neutral-400)}.substrate{background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,rgba(15,19,32,.07) 1px,transparent 0);background-size:28px 28px}[data-theme=dark] .substrate{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0)}.grad-line{height:2px;background:var(--it-gradient);border-radius:1px}.grad-line-thin{height:1px}.grad-bar-top{position:relative}.grad-bar-top:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--it-gradient);border-radius:var(--nm-radius) var(--nm-radius) 0 0}.grad-text{background:var(--it-gradient-deep);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.grad-ring:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--role-anchor)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--hairline)}.sec-head h2{font-size:22px;font-weight:var(--w-semibold);letter-spacing:var(--track-h1);margin:4px 0 0}.sec-head .lede{font-size:var(--t-body);color:var(--ink-2);max-width:520px;line-height:1.5}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.btn{white-space:nowrap}a,a:hover{text-decoration:none}.app{min-height:100%;display:flex;flex-direction:column}.app-main{flex:1;min-width:0}.appbar{background:var(--surface);padding:12px 24px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:inherit}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--it-gradient-deep);display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;letter-spacing:-.02em}.brand-name{font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.1}.brand-org{font-size:9px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;line-height:1.1;margin-top:2px}.appnav{display:flex;align-items:center;margin-left:4px;gap:2px}.appnav a{font-size:12px;padding:8px 14px;border-radius:var(--r-md);font-weight:500;color:var(--ink-2);transition:all var(--dur-base) var(--ease)}.appnav a:hover{background:#0000000a;color:var(--ink)}.appnav a.active{background:var(--surface-inset);box-shadow:var(--nm-inset);font-weight:600;color:var(--ink)}.appbar-spacer{flex:1}.bell{position:relative;width:32px;height:32px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--nm-soft);border:none;cursor:pointer;display:grid;place-items:center;color:var(--ink-2)}.bell:hover{transform:translateY(-.5px)}.bell .dot{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--brand-tertiary);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--surface);font-family:var(--font-mono)}.whoami{display:flex;align-items:center;gap:8px;padding-left:14px;border-left:1px solid var(--hairline);color:inherit}.whoami-name{font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap}.whoami-role{font-size:10px;color:var(--ink-3);line-height:1.2;white-space:nowrap}@media(max-width:1180px){.whoami-role,.brand-org{display:none}}@media(max-width:900px){.appbar{flex-wrap:wrap;gap:10px 14px}.appnav{order:5;width:100%;overflow-x:auto;margin-left:0}.whoami-name{display:none}}.page{padding:24px 28px 56px;display:grid;gap:18px;min-width:0}.page-contained{max-width:880px;width:100%;margin:0 auto;padding:28px 24px 64px;display:grid;gap:18px;min-width:0}.grid-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.grid-kpi.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.form-grid .span-2{grid-column:1 / -1}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters>*{min-width:0}.filters .grow{flex:1;min-width:200px;max-width:320px}.filters select.nm-input{font-size:12px;padding:7px 28px 7px 12px;width:auto}@media(max-width:1100px){.grid-kpi,.grid-kpi.cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}.three-col{grid-template-columns:1fr}}@media(max-width:860px){.two-col,.form-grid{grid-template-columns:1fr}.page{padding:16px 16px 48px}.page-contained{padding:20px 16px 48px}}@media(max-width:640px){.grid-kpi,.grid-kpi.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.muted{color:var(--ink-3)}.ink2{color:var(--ink-2)}.mono{font-family:var(--font-mono)}.small{font-size:11px}.tiny{font-size:10px}.strong{font-weight:600}.h2{font-size:var(--t-h2);font-weight:600;letter-spacing:var(--track-h2);margin:4px 0 0}.h3{font-size:var(--t-h3);font-weight:600;margin:0}.lede{font-size:var(--t-body);color:var(--ink-2);line-height:1.55;max-width:560px}.link{color:var(--brand-secondary-700);font-weight:500}.link:hover{color:var(--brand-secondary);text-decoration:underline}.row-title{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}.row-title:hover{color:var(--brand-secondary-700)}.badges{display:flex;gap:4px;flex-wrap:wrap}.tag{font-size:10px;padding:2px 7px;border-radius:4px;background:var(--surface-inset);color:var(--ink-3);font-family:var(--font-mono);white-space:nowrap}.tag-kind{background:color-mix(in srgb,var(--brand-primary) 12%,white);color:var(--brand-primary-700);font-family:var(--font-sans);font-weight:600}.tag-guest{background:var(--role-action-soft);color:var(--brand-tertiary-700);font-family:var(--font-sans);font-weight:600}.tag-ok{background:color-mix(in srgb,var(--status-ok) 14%,white);color:var(--status-ok);font-family:var(--font-sans);font-weight:600}.tag-deleted{background:color-mix(in srgb,var(--brand-tertiary) 14%,white);color:var(--brand-tertiary-700);font-family:var(--font-sans);font-weight:600}.tag-warn{background:color-mix(in srgb,var(--status-warn) 18%,white);color:#8a5a00;font-family:var(--font-sans);font-weight:600}.sev-crit{color:var(--brand-tertiary)}.sev-warn{color:#9a6700}.sev-info{color:var(--brand-primary-700)}.hairline-top{border-top:1px solid var(--hairline);padding-top:14px;margin-top:14px}.hairline-list>*+*{border-top:1px solid var(--hairline)}.inline-msg{font-size:12px;padding:10px 14px;border-radius:var(--r-md);background:var(--surface-inset);color:var(--ink-2);box-shadow:var(--nm-inset)}.inline-msg.error{background:color-mix(in srgb,var(--brand-tertiary) 8%,var(--surface));color:var(--brand-tertiary-700);box-shadow:none;border:1px solid color-mix(in srgb,var(--brand-tertiary) 25%,transparent)}.inline-msg.ok{background:color-mix(in srgb,var(--status-ok) 10%,var(--surface));color:var(--status-ok);box-shadow:none;border:1px solid color-mix(in srgb,var(--status-ok) 25%,transparent)}.field-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.field-hint{font-size:11px;color:var(--ink-3);margin-top:5px}textarea.nm-input{resize:vertical;min-height:88px;line-height:1.5}select.nm-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input[type=date].nm-input{min-height:36px}.danger-card{border-left:3px solid var(--brand-tertiary)!important}.empty{padding:36px 24px;text-align:center;color:var(--ink-3);font-size:12px}.spin{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.btn:focus-visible,.nm-input:focus-visible,a:focus-visible,.bell:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--role-anchor)}.avatar{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;flex-shrink:0;letter-spacing:-.01em}.person{display:flex;align-items:center;gap:12px;padding:10px 0}.people-head{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:12px 0 2px}.person-name{font-size:13px;font-weight:500;line-height:1.3;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.person-meta{font-size:11px;color:var(--ink-3);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person.mismatch{background:color-mix(in srgb,var(--status-warn) 10%,transparent);margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:var(--r-sm)}.logbook{position:relative}.logbook:before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:var(--surface-inset);border-radius:1px}.log-entry{display:grid;grid-template-columns:24px 1fr auto;gap:16px;position:relative;padding:10px 0 16px}.log-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:600;box-shadow:var(--nm-soft);position:relative;z-index:1}.log-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:3px}.log-type{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.log-title{font-size:13px;font-weight:600;letter-spacing:-.005em}.log-body{font-size:12.5px;color:var(--ink-2);line-height:1.55;white-space:pre-wrap;word-break:break-word}.log-comment{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-md);padding:10px 14px;margin-top:4px}.log-meta{text-align:right;font-size:11px;color:var(--ink-3);min-width:112px}.log-diff{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}@media(max-width:640px){.log-entry{grid-template-columns:24px 1fr}.log-meta{grid-column:2;text-align:left;margin-top:4px}}.status-row{display:grid;grid-template-columns:28px minmax(140px,1.2fr) 150px 170px 120px 100px 84px 120px;gap:14px;align-items:center;padding:10px 20px;border-bottom:1px solid var(--hairline);font-size:12px}.status-row:last-child{border-bottom:none}.status-row .nm-input{padding:6px 10px;font-size:12px}@media(max-width:860px){.status-row{grid-template-columns:28px 1fr 1fr}.status-row>:nth-child(n+4){grid-column:2 / -1}}.kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kv-value{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1}.kv-label{font-size:11px;color:var(--ink-3);margin-top:6px}@media(max-width:640px){.kv{grid-template-columns:repeat(2,minmax(0,1fr))}}.itops-root a.btn,.itops-root a.btn:hover{color:var(--ink);text-decoration:none}.itops-root a.btn-ghost,.itops-root a.btn-ghost:hover{color:var(--ink-2)}.itops-root a.btn-primary,.itops-root a.btn-primary:hover,.itops-root a.btn-action,.itops-root a.btn-action:hover,.itops-root a.btn-identity,.itops-root a.btn-identity:hover{color:#fff}.btn-primary:disabled{opacity:1;background:var(--brand-primary-100);color:var(--brand-primary-700);box-shadow:none}.btn-action:disabled{opacity:1;background:var(--brand-tertiary-100);color:var(--brand-tertiary-700);box-shadow:none}.btn-identity:disabled{opacity:1;background:var(--it-gradient-soft);color:var(--brand-primary-700);box-shadow:none}.groupnav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:6px 8px;border-radius:var(--r-pill);background:var(--surface-inset);box-shadow:var(--nm-inset);font-size:11px;color:var(--ink-3)}.groupnav-center{text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groupnav-label{margin-left:10px}.groupnav-center .hint{display:inline-flex;gap:14px;margin-left:18px}.key{display:inline-block;font-family:var(--font-mono);font-size:9px;padding:1px 5px;border-radius:4px;background:var(--surface);box-shadow:var(--nm-soft);color:var(--ink-2);vertical-align:middle}@media(max-width:720px){.groupnav-center .hint{display:none}}.quiet-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;font:inherit;font-size:12px;font-weight:500;color:var(--ink);padding:3px 20px 3px 6px;margin-left:-6px;border-radius:var(--r-sm);max-width:100%;cursor:pointer;line-height:1.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:11px;transition:background-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.quiet-select.small{font-size:11px;font-weight:400;color:var(--ink-2)}.quiet-select.is-empty{color:var(--ink-3);font-weight:400}.quiet-select:hover:not(:disabled){background-color:var(--surface-inset)}.quiet-select:focus-visible{outline:none;background-color:var(--surface-inset);box-shadow:var(--nm-inset),0 0 0 2px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.quiet-select:disabled{cursor:default;opacity:.55;background-image:none}.icon-btn{width:30px;height:30px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--nm-soft);border:1px solid var(--hairline);display:inline-grid;place-items:center;color:var(--ink-2);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.icon-btn:hover{transform:translateY(-.5px);color:var(--ink)}.icon-btn:active{box-shadow:var(--nm-pressed);transform:translateY(.5px)}.dept-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 7px 3px 9px;border-radius:var(--r-pill);font-size:var(--t-meta);font-weight:500;background:var(--surface-inset);color:var(--ink-2);box-shadow:var(--nm-pressed);transition:box-shadow var(--dur-base) var(--ease),background var(--dur-base) var(--ease);line-height:1.45}.dept-pill:hover,.dept-pill:focus-within{background:var(--surface);box-shadow:var(--nm-soft);color:var(--ink)}.dept-name{border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:text;line-height:inherit}.dept-grow{display:inline-grid;align-items:center}.dept-grow:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1 / 1;font:inherit;line-height:inherit}.dept-grow input{grid-area:1 / 1;width:100%;min-width:1ch;border:none;background:transparent;padding:0;margin:0;font:inherit;line-height:inherit;color:var(--ink);outline:none}.dept-x{border:none;background:none;padding:0 2px;margin:0;font-size:13px;line-height:1;color:var(--ink-3);cursor:pointer;opacity:0;transition:opacity var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.dept-pill:hover .dept-x,.dept-pill:focus-within .dept-x{opacity:1}.dept-x:hover{color:var(--brand-tertiary)}.dept-pill.is-confirm{background:var(--role-action-soft);color:var(--brand-tertiary-700);box-shadow:none;gap:4px}.dept-pill.is-confirm button{border:none;background:none;font:inherit;padding:0 4px;cursor:pointer;color:inherit}.dept-pill.is-confirm button.yes{font-weight:700}.dept-pill.is-confirm button:hover{text-decoration:underline}.flag{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700;line-height:1;cursor:default}.flag-crit{background:var(--brand-tertiary);color:#fff}.flag-warn{background:var(--status-warn);color:#fff}.flag-info{background:var(--brand-primary);color:#fff}.flag-none{color:var(--status-ok);background:color-mix(in srgb,var(--status-ok) 12%,transparent);opacity:.7;font-size:10px}.th-sort{border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-align:inherit;line-height:1.3}.th-sort:hover{color:var(--ink)}.th-sort.is-active{color:var(--brand-secondary-700)}.col-menu{position:relative;flex-shrink:0}.col-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:340px;padding:14px 16px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--nm-glass);border:1px solid var(--hairline)}.col-options{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.col-option{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);padding:5px 2px;cursor:pointer;-webkit-user-select:none;user-select:none}.col-option input{margin:0;accent-color:var(--brand-primary)}.col-popover .icon-btn{width:26px;height:26px;font-size:15px;line-height:1}.list-search{position:relative;width:260px}.list-search input{font-size:12px;padding:7px 40px 7px 30px;width:100%}.list-search .glyph{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.55;display:grid;place-items:center;color:var(--ink-2)}.list-search .kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--ink-3);font-family:var(--font-mono);padding:2px 5px;border-radius:4px;background:var(--surface);box-shadow:var(--nm-soft)}.dept-list{display:flex;flex-direction:column}.dept-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:4px 2px 4px 0;border-bottom:1px solid var(--hairline);font-size:12px;font-weight:500;color:var(--ink);min-height:34px}.dept-row:last-child{border-bottom:none}.dept-row .dept-name{font-size:12px;font-weight:500;text-align:left;padding:3px 6px;margin-left:-6px;border-radius:var(--r-sm);transition:background var(--dur-base) var(--ease)}.dept-row .dept-name:hover{background:var(--surface-inset)}.dept-row .dept-grow{font-size:12px;font-weight:500;padding:3px 6px;margin-left:-6px;background:var(--surface-inset);border-radius:var(--r-sm);box-shadow:var(--nm-inset)}.dept-row .dept-x{opacity:0;font-size:14px}.dept-row:hover .dept-x,.dept-row:focus-within .dept-x{opacity:1}.dept-row.is-confirm{background:var(--role-action-soft);border-radius:var(--r-sm);padding-left:6px;padding-right:6px}.dept-confirm{border:none;background:none;font:inherit;font-size:12px;padding:2px 6px;cursor:pointer;color:inherit;border-radius:4px}.dept-confirm.yes{font-weight:700}.dept-confirm:hover{background:#ffffff80}.nav-count{font-family:var(--font-mono);font-size:10px;font-weight:600;margin-left:6px;padding:1px 6px;border-radius:var(--r-pill);background:var(--surface-inset);color:var(--ink-3);vertical-align:1px}.appnav a.active .nav-count{background:var(--surface);box-shadow:var(--nm-soft)}.todo-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:start}.todo-checks{display:flex;flex-wrap:wrap;gap:6px}.check{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;border-radius:var(--r-pill);font-size:11px;font-weight:500}.check.is-done{background:color-mix(in srgb,var(--status-ok) 12%,transparent);color:var(--status-ok)}.check.is-open{background:var(--role-action-soft);color:var(--brand-tertiary-700)}.check .glyph{width:14px;height:14px;border-radius:50%;display:inline-grid;place-items:center;font-size:9px;font-weight:700;background:currentColor}.check .glyph span{color:#fff}.todo-note{font-size:12px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-md);padding:8px 12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.todo-side{display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:220px}@media(max-width:860px){.todo-card{grid-template-columns:1fr}.todo-side{align-items:stretch;min-width:0}}.dlg{border:none;padding:0;background:transparent;max-width:none}.dlg::backdrop{background:#0f132052;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dlg-card{width:min(440px,calc(100vw - 32px));background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--nm-glass);border:1px solid var(--hairline);padding:22px 24px;display:grid;gap:12px;font-family:var(--font-sans);color:var(--ink);font-size:var(--t-body)}.dlg-card.wide{width:min(680px,calc(100vw - 32px))}.mail-preview{white-space:pre-wrap;font-size:13px;line-height:1.55;color:var(--ink-2);background:var(--surface-inset);box-shadow:var(--nm-inset);border-radius:var(--r-md);padding:14px 16px;max-height:320px;overflow:auto}.answer-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}.answer-wrap{width:min(560px,100%)}