/* SHAYD ADMIN v2 - warm-luxury brand (Instrument Serif display, Inter body,
   JetBrains Mono eyebrows; ink/clay/sand/bone palette from the Figma frames
   74-78) with product discipline: 4px rhythm, hairlines, stepped elevation,
   complete microstates, single-series charts in the accent hue. Dark is the
   brand default; light is a selected, validated inverse. */
@font-face{font-family:Inter;src:url('../assets/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:InstrumentSerif;src:url('../assets/InstrumentSerif-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Mono;src:url('../assets/JetBrainsMono-Regular.ttf') format('truetype');font-display:swap}

:root{
  color-scheme:dark;
  --ink:#0A0908;--bone:#EFE8DC;--sand:#BDA78C;--clay:#8C6C55;--umber:#4A3A2E;
  --bg0:#0B0A08;--bg1:#14110E;--bg2:#1B1713;--bg3:#221D18;--bg4:#2B251F;
  --line:rgba(239,232,220,.08);--line-strong:rgba(239,232,220,.16);
  --t1:#EFE8DC;--t2:#C9BBA6;--t3:#9C8C74;--t4:#7E6E57;
  --accent:#BDA78C;--accent-2:#8C6C55;--accent-ink:#0A0908;--accent-soft:rgba(189,167,140,.14);--focus:rgba(189,167,140,.55);
  --btn-primary-bg:#EFE8DC;--btn-primary-fg:#0A0908;--btn-primary-hover:#FFFFFF;
  --good:#8DBB93;--warning:#D9A441;--serious:#D98A5E;--critical:#DE6B5B;--live:#E35D5D;
  --shadow:0 24px 64px rgba(0,0,0,.5);--shadow-sm:0 8px 24px rgba(0,0,0,.35);
  --ease:cubic-bezier(.2,.8,.2,1);--dur:150ms;
  --r-card:14px;--r-ctl:10px;--r-pill:99px;
  --sidebar:240px;--page-x:40px;--page-y:34px;--gap:20px;--row-h:60px;--row-px:20px;--font:14px;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg0:#F4EEE4;--bg1:#FFFDF8;--bg2:#F3ECE1;--bg3:#E9E0D2;--bg4:#DDD2C1;
  --line:rgba(26,21,17,.09);--line-strong:rgba(26,21,17,.18);
  --t1:#1A1511;--t2:#4B4036;--t3:#7B6B59;--t4:#8F7E6B;
  --accent:#8C6C55;--accent-2:#BDA78C;--accent-ink:#FFFFFF;--accent-soft:rgba(140,108,85,.14);--focus:rgba(140,108,85,.5);
  --btn-primary-bg:#1A1511;--btn-primary-fg:#F4EEE4;--btn-primary-hover:#000000;
  --good:#357A41;--warning:#8F620A;--serious:#B5582B;--critical:#C0392B;--live:#C62828;
  --shadow:0 24px 64px rgba(60,40,20,.18);--shadow-sm:0 8px 24px rgba(60,40,20,.12);
}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){
  color-scheme:light;
  --bg0:#F4EEE4;--bg1:#FFFDF8;--bg2:#F3ECE1;--bg3:#E9E0D2;--bg4:#DDD2C1;
  --line:rgba(26,21,17,.09);--line-strong:rgba(26,21,17,.18);
  --t1:#1A1511;--t2:#4B4036;--t3:#7B6B59;--t4:#8F7E6B;
  --accent:#8C6C55;--accent-2:#BDA78C;--accent-ink:#FFFFFF;--accent-soft:rgba(140,108,85,.14);--focus:rgba(140,108,85,.5);
  --btn-primary-bg:#1A1511;--btn-primary-fg:#F4EEE4;--btn-primary-hover:#000000;
  --good:#357A41;--warning:#8F620A;--serious:#B5582B;--critical:#C0392B;--live:#C62828;
  --shadow:0 24px 64px rgba(60,40,20,.18);--shadow-sm:0 8px 24px rgba(60,40,20,.12);
}}
:root[data-density="compact"]{--row-h:48px;--row-px:16px;--page-y:24px;--gap:14px;--font:13px}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg0);color:var(--t1);font:var(--font)/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
button,input,textarea,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%}
::selection{background:rgba(140,108,85,.4)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:8px;border:2px solid var(--bg0)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:Mono,ui-monospace,monospace;font-size:.92em}
.num{font-variant-numeric:tabular-nums}
.serif{font-family:InstrumentSerif,Georgia,serif;font-weight:400;letter-spacing:.1px}
.lg{font-size:19px;line-height:1.2}
.muted{color:var(--t3)}.sm{font-size:12px}
.ta-r{text-align:right;justify-self:end}
.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.row-gap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hairline{border:0;border-top:1px solid var(--line);margin:16px 0}
.eyebrow{font:10px/1.4 Mono,ui-monospace,monospace;color:var(--t3);letter-spacing:1.5px;text-transform:uppercase}
.kbd{font:10.5px Mono,ui-monospace,monospace;color:var(--t3);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:var(--bg2);line-height:1.3}
.ic{flex-shrink:0;vertical-align:-3px}
.spin{animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes riseIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}html{scroll-behavior:auto}}

/* ---------- buttons & controls ---------- */
.btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 14px;border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--bg1);color:var(--t1);font-weight:550;font-size:13px;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.btn:hover{background:var(--bg2);border-color:var(--t4)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn.primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--btn-primary-fg);font-weight:600}
.btn.primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--t2)}
.btn.ghost:hover{background:var(--bg2);color:var(--t1)}
.btn.sm{min-height:30px;padding:4px 10px;font-size:12px}
.btn.link{background:transparent;border:0;color:var(--t3);align-self:center;margin-top:10px;font-weight:500}
.btn.link:hover{color:var(--t1)}
.btn.danger{color:var(--critical)}
.btn.danger-solid{background:var(--critical);border-color:var(--critical);color:#0A0908;font-weight:600}
.btn.danger-solid:hover{background:var(--critical);border-color:var(--critical);filter:brightness(1.08)}
.btn.wide{width:100%;justify-content:center;min-height:44px;font-size:14px}
.ibtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--t2);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.ibtn:hover{background:var(--bg2);color:var(--t1);border-color:var(--line)}
.input,.sel,.search input{height:38px;border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--bg1);color:var(--t1);padding:0 12px;font-size:13px;width:100%;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.input::placeholder,.search input::placeholder{color:var(--t4)}
.input:focus,.sel:focus,.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.input:disabled{opacity:.6}
.textarea{height:auto;padding:12px;line-height:1.6;resize:vertical;min-height:120px}
.field{display:grid;gap:7px;margin-bottom:14px}
.label{font:500 12px/1.4 Inter,system-ui,sans-serif;color:var(--t2)}
.sel-wrap{display:inline-flex}
.sel{width:auto;padding-right:32px;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%239C8C74' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:12px 8px}
.search{position:relative;display:inline-flex;align-items:center;width:300px;max-width:100%}
.search .ic{position:absolute;left:11px;color:var(--t4);pointer-events:none}
.search input{padding-left:34px;padding-right:34px}
.search .kbd{position:absolute;right:9px}
.search.wide{width:100%}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;min-height:100dvh}
.sidebar{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:24px 12px 14px;background:var(--bg0);border-right:1px solid var(--line)}
.brand{display:flex;flex-direction:column;padding:0 12px;margin-bottom:22px;position:relative}
.brand-link{display:inline-block;width:fit-content}
.wordmark{width:96px;height:36px;object-fit:contain;object-position:left}
.brand-eyebrow{margin-top:6px;color:var(--t3)}
.nav-x,.nav-burger,.wordmark-sm,.scrim{display:none}
.nav{display:grid;gap:2px}
.nav-link{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 12px;border-radius:9px;color:var(--t3);font-weight:500;font-size:13.5px;border-left:2px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.nav-link .ic{color:var(--t4);transition:color var(--dur) var(--ease)}
.nav-link:hover{background:var(--bg1);color:var(--t1)}
.nav-link:hover .ic{color:var(--t2)}
.nav-link.active{color:var(--t1);background:var(--bg2);font-weight:600;border-left-color:var(--accent)}
.nav-link.active .ic{color:var(--accent)}
.nav-link .count{margin-left:auto;background:var(--bg3);color:var(--t2);padding:1px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}
.nav-link .count-hot{background:var(--serious);color:#0A0908;font-weight:600}
.sidebar-foot{margin-top:auto}
.identity-wrap{position:relative}
.identity-chip{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"a t" "a r";column-gap:10px;align-items:center;width:100%;text-align:left;padding:9px 10px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.identity-chip:hover{background:var(--bg1);border-color:var(--line)}
.identity-chip .avatar{grid-area:a}
.identity-chip .id-text{grid-area:t;min-width:0;line-height:1.3}
.identity-chip .id-name{display:block;font-weight:600;font-size:13px;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identity-chip .id-mail{display:block;font-size:11px;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identity-chip .id-role{grid-area:r;font-size:11.5px;color:var(--t3);margin-top:1px}
.menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg2);border:1px solid var(--line-strong);border-radius:12px;padding:5px;box-shadow:var(--shadow);animation:riseIn 160ms var(--ease);z-index:30}
.menu-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:transparent;padding:9px 11px;border-radius:8px;font-size:13px;font-weight:500;color:var(--t2);cursor:pointer}
.menu-item:hover{background:var(--bg3);color:var(--t1)}
.main{display:flex;flex-direction:column;min-width:0}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;height:56px;padding:0 var(--page-x);background:color-mix(in srgb,var(--bg0) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar-spacer{flex:1}
.cmdk{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 10px 0 12px;width:320px;max-width:40vw;border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--bg1);color:var(--t3);cursor:text;transition:border-color var(--dur) var(--ease)}
.cmdk:hover{border-color:var(--t4);color:var(--t3)}
.cmdk-text{flex:1;text-align:left;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.topbar-status{display:flex;align-items:center}
.content{padding:var(--page-y) var(--page-x) 48px;max-width:1480px;width:100%;animation:fadeIn 180ms var(--ease)}
.foot{display:flex;justify-content:space-between;gap:12px;padding:14px var(--page-x) 20px;margin-top:auto;font-size:12px;color:var(--t4)}

/* ---------- page ---------- */
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.page-title{font:400 34px/1.12 InstrumentSerif,Georgia,serif;margin:0 0 6px;letter-spacing:.2px}
.page-sub{color:var(--t3);margin:0;font-size:13px;line-height:1.55;max-width:60ch}
.page-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.back{margin-bottom:14px}
h2.card-title{font:600 14px/1.35 Inter,system-ui,sans-serif;margin:0;color:var(--t1)}
.card{background:var(--bg1);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px;margin-bottom:var(--gap);min-width:0;transition:border-color var(--dur) var(--ease)}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.card-sub{margin:3px 0 0;color:var(--t3);font-size:12px}
.card-tools{display:flex;gap:8px;align-items:center;flex-shrink:0}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:start}
.grid-2>.card,.grid-3>.card{margin-bottom:0}
.grid-2,.grid-3{margin-bottom:var(--gap)}
.span-2{grid-column:span 2}

/* ---------- kpis ---------- */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:var(--gap)}
.kpi{position:relative;background:var(--bg1);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px 14px;min-height:104px;display:flex;flex-direction:column;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.kpi-link{cursor:pointer}
.kpi-link:hover{border-color:var(--line-strong)}
.kpi-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-height:28px}
.kpi-val{font:400 34px/1.1 InstrumentSerif,Georgia,serif;margin-top:6px;letter-spacing:.2px}
.kpi-hint{font-size:12px;color:var(--t3);margin-top:6px}
.kpi-live .kpi-val::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);margin:0 0 4px 10px}
.kpi-hot .kpi-val{color:var(--serious)}
.spark{flex-shrink:0;overflow:visible}
.spark-line{fill:none;stroke:var(--t4);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.spark-ring{fill:var(--bg1)}
.spark-dot{fill:var(--accent)}

/* ---------- pills, tags, avatars ---------- */
.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:var(--r-pill);font-size:11px;font-weight:500;padding:3px 10px;white-space:nowrap;color:var(--t2);line-height:1.5}
.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--t4);flex-shrink:0}
.pill-good{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent)}.pill-good .dot{background:var(--good)}
.pill-warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 45%,transparent)}.pill-warning .dot{background:var(--warning)}
.pill-serious{color:var(--serious);border-color:color-mix(in srgb,var(--serious) 45%,transparent)}.pill-serious .dot{background:var(--serious)}
.pill-critical{color:var(--critical);border-color:color-mix(in srgb,var(--critical) 45%,transparent)}.pill-critical .dot{background:var(--critical)}
a.pill:hover{background:var(--bg2)}
.tag{font:10px Mono,ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--t3);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.tag-test{display:inline-block;margin-left:8px;padding:1px 5px;font-size:9px;line-height:1.4;vertical-align:2px;color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,transparent)}
.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:hsl(var(--h,30) 24% calc(var(--l,22) * 1%));color:hsl(var(--h,30) 42% 82%);font-weight:600;font-size:12.5px;letter-spacing:.3px;border:1px solid rgba(255,255,255,.04)}
:root[data-theme="light"] .avatar{background:hsl(var(--h,30) 40% calc(100% - var(--l,22) * 0.5%));color:hsl(var(--h,30) 36% 28%)}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .avatar{background:hsl(var(--h,30) 40% calc(100% - var(--l,22) * 0.5%));color:hsl(var(--h,30) 36% 28%)}}
.avatar-sm{width:30px;height:30px;font-size:11px}
.avatar-lg{width:64px;height:64px;font-size:20px}

/* ---------- tables ---------- */
.table{background:var(--bg1);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:opacity var(--dur) var(--ease)}
.table.is-stale{opacity:.55}
.trow{display:grid;align-items:center;min-height:var(--row-h);padding:8px var(--row-px);border-bottom:1px solid var(--line);gap:12px;transition:background var(--dur) var(--ease)}
.trow:last-child{border-bottom:0}
.thead{min-height:40px;padding:0 var(--row-px);border-bottom:1px solid var(--line-strong);background:transparent}
.thead span{font:10px Mono,ui-monospace,monospace;color:var(--t3);letter-spacing:1.5px;text-transform:uppercase}
.tlink{cursor:pointer}
.tlink:hover{background:var(--bg2)}
.tlink:focus-visible{background:var(--bg2);outline:2px solid var(--focus);outline-offset:-2px;border-radius:0}
.tlink:hover .row-go{color:var(--t1);transform:translateX(2px)}
.tcell{min-width:0;font-size:13px;color:var(--t2)}
.tcell strong{color:var(--t1);font-weight:550}
.row-go{color:var(--t4);transition:color var(--dur) var(--ease),transform var(--dur) var(--ease);display:inline-flex}
.person{display:flex;align-items:center;gap:12px;min-width:0}
.person-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.person-text strong,.person-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-text small{color:var(--t3);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.person-text small.clamp{white-space:normal}
.when{display:flex;flex-direction:column;font:12px Mono,ui-monospace,monospace;color:var(--t2);line-height:1.35;font-variant-numeric:tabular-nums}
.when small{font-size:10.5px;color:var(--t3)}
.table-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;font-size:12px}
.strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:var(--gap)}
.strip-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg1)}
.strip-val{font:600 13px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--t1)}
.strip-label{font-size:12.5px;color:var(--t3)}
.tone-good .strip-val{color:var(--good)}.tone-warning .strip-val{color:var(--warning)}.tone-serious .strip-val{color:var(--serious)}.tone-critical .strip-val{color:var(--critical)}

/* ---------- lists / facts ---------- */
.list{list-style:none;margin:0;padding:0}
.list li+li{border-top:1px solid var(--line)}
.list-row{display:flex;align-items:center;gap:12px;padding:10px 0;min-width:0;border-radius:8px}
a.list-row:hover{background:var(--bg2);margin:0 -8px;padding-left:8px;padding-right:8px}
.list-main{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.35}
.list-main strong{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-main small{color:var(--t3);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}
.list-side small{color:var(--t3);font-size:10.5px}
.cal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:10px;flex-shrink:0;line-height:1}
.cal b{font:400 18px InstrumentSerif,Georgia,serif}
.cal small{font:9px Mono,ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--t3);margin-top:2px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.fact{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.fact strong{font-size:13px}
.kv{margin:0;display:grid;gap:0}
.kv-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.kv-row:last-child{border-bottom:0}
.kv dt{color:var(--t3);margin:0}.kv dd{margin:0;color:var(--t1);overflow-wrap:anywhere}
.note{display:flex;gap:8px;align-items:flex-start;color:var(--t3);font-size:12.5px;line-height:1.55;margin:14px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg1)}
.note .ic{margin-top:2px;flex-shrink:0}
.note-warn{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,transparent)}
.prose{margin:0;line-height:1.7;color:var(--t2);font-size:13.5px}

/* ---------- empty, error, skeleton ---------- */
.empty{padding:40px 24px;text-align:center;color:var(--t3);font-size:13px}
.empty-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg2);color:var(--t3);margin-bottom:12px}
.empty-title{font:600 14px/1.4 Inter,system-ui,sans-serif;color:var(--t1);margin-bottom:4px}
.empty-body{margin:0 auto 14px;max-width:44ch}
.forbid{background:var(--bg1);border:1px solid var(--line);border-radius:var(--r-card)}
.errbox{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid color-mix(in srgb,var(--critical) 45%,transparent);border-radius:12px;background:var(--bg1);color:var(--t2);margin-bottom:var(--gap);font-size:13px}
.errbox .ic{color:var(--critical)}.errbox>div{flex:1}
.sk{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bg2) 25%,var(--bg3) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}
.sk-big{height:28px;margin-top:10px}
.sk-row{display:flex;gap:18px;align-items:center;min-height:var(--row-h);padding:0 var(--row-px);border-bottom:1px solid var(--line)}
.sk-row:last-child{border-bottom:0}
.detail-skel{display:grid;gap:12px;padding:20px 0}

/* ---------- charts ---------- */
.viz{position:relative}
.viz-plot{width:100%}
.viz .viz-table{display:none}
.viz.show-table .viz-plot{display:none}
.viz.show-table .viz-table{display:table}
.chart{width:100%;height:auto;display:block;overflow:visible}
.chart .grid{stroke:var(--line);stroke-width:1}
.chart .axisline{stroke:var(--line-strong);stroke-width:1}
.chart .axis{font:10px Mono,ui-monospace,monospace;fill:var(--t3)}
.chart .bar .hit{fill:transparent}
.chart .bar .fill{fill:var(--accent);opacity:.75;transition:opacity var(--dur) var(--ease)}
.chart .bar.cur .fill{opacity:1}
.chart .bar:hover .fill,.chart .bar:focus .fill{opacity:1}
.chart .bar:hover .hit{fill:var(--accent-soft)}
.chart .bar:focus{outline:none}
.viz-table{width:100%;border-collapse:collapse;font-size:13px}
.viz-table th{font:10px Mono,ui-monospace,monospace;letter-spacing:1.3px;text-transform:uppercase;color:var(--t3);text-align:left;padding:6px 0;border-bottom:1px solid var(--line-strong)}
.viz-table td{padding:7px 0;border-bottom:1px solid var(--line);color:var(--t2)}
.hbars{display:grid;gap:9px}
.hbar{display:grid;grid-template-columns:minmax(118px,1fr) minmax(0,2fr) 64px;align-items:center;gap:12px;border-radius:6px;outline:none}
.hbar:hover .hbar-fill,.hbar:focus .hbar-fill{opacity:1}
.hbar-label{font-size:12.5px;color:var(--t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbar-track{height:10px;border-radius:3px;background:var(--bg3);overflow:hidden}
.hbar-fill{display:block;height:100%;background:var(--accent);opacity:.8;border-radius:0 3px 3px 0;transition:width 300ms var(--ease),opacity var(--dur) var(--ease)}
.hbar-val{font:12px Mono,ui-monospace,monospace;color:var(--t1);text-align:right;font-variant-numeric:tabular-nums}
.hbar-val small{color:var(--t3);margin-left:6px;font-size:10px}
.tip{position:fixed;left:0;top:0;z-index:60;pointer-events:none;display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--bg3);border:1px solid var(--line-strong);border-radius:9px;box-shadow:var(--shadow-sm);font-size:12px;color:var(--t2);min-width:120px}
.tip[hidden]{display:none}
.tip-v{color:var(--t1);font-size:13px}

/* ---------- detail ---------- */
.detail-head{align-items:center}
.detail-id{display:flex;gap:16px;align-items:center}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--gap);align-items:start}
.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.answer{display:flex;flex-direction:column;gap:8px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.answer strong{font-weight:500;font-size:14px}
.media{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.media-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.media-item:last-child{border-bottom:0}
.media-thumb{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9px;background:var(--bg3);color:var(--t4);flex-shrink:0}
.set-msg{font-size:12.5px;min-height:18px;margin:0}
.is-good{color:var(--good)}.is-err{color:var(--critical)}

/* ---------- finance ---------- */
.streams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stream{display:flex;flex-direction:column;gap:8px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;min-height:150px}
.stream-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.stream-foot{margin-top:auto;display:flex;align-items:baseline;gap:8px}
.stream-foot .num{font:400 24px/1 InstrumentSerif,Georgia,serif}

/* ---------- settings ---------- */
.settings .card{height:100%}
.prefs{display:grid;gap:12px}
.pref{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px}
.pref-top{align-items:start}.pref-top>.label{padding-top:2px}
.keys{display:grid;gap:9px;margin:0;max-width:320px}
.keys>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px}
.keys dt{color:var(--t2)}.keys dd{margin:0;color:var(--t3);display:flex;gap:6px;align-items:center}
.mfa-enroll{display:grid;grid-template-columns:184px minmax(0,1fr);gap:20px;align-items:start}
.qr-wrap{background:#fff;border-radius:12px;padding:8px;display:inline-flex}
.qr{display:block;width:168px;height:168px;image-rendering:pixelated}
.steps{margin:0 0 12px;padding-left:18px;color:var(--t2);font-size:13px;line-height:1.7}
.secret{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.secret code{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:4px 8px;letter-spacing:1px}
.inline-form .field{margin-bottom:10px;max-width:220px}
.td-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.td-count{display:flex;flex-direction:column;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.td-count strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.td-confirm{margin-bottom:12px}
@media (max-width:820px){.td-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- auth ---------- */
.auth-gate{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg0)}
.auth-card{width:100%;max-width:400px;background:var(--bg1);border:1px solid var(--line);border-radius:18px;padding:40px 36px 34px;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:riseIn 220ms var(--ease)}
.auth-card form{display:flex;flex-direction:column}
.auth-wordmark{width:104px;height:40px;object-fit:contain;object-position:left;margin-bottom:8px}
.auth-eyebrow{margin-bottom:22px;color:var(--t3)}
.auth-title{font:400 30px/1.15 InstrumentSerif,Georgia,serif;margin:0 0 8px}
.auth-sub{color:var(--t3);line-height:1.6;margin:0 0 22px;font-size:13px}
.auth-card .input{height:44px;font-size:14px}
.auth-msg{font-size:13px;line-height:1.5;margin:0 0 12px}
.auth-foot{margin:18px 0 0;font-size:12px;color:var(--t3);text-align:center;max-width:400px}

/* ---------- command palette ---------- */
.pal-back{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;animation:fadeIn 120ms var(--ease)}
.pal{width:100%;max-width:600px;background:var(--bg1);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;animation:riseIn 160ms var(--ease)}
.pal-input{display:flex;align-items:center;gap:10px;padding:6px 14px;border-bottom:1px solid var(--line)}
.pal-input .ic{color:var(--t4)}
.pal-input input{flex:1;height:44px;border:0;background:transparent;font-size:15px;outline:none}
.pal-list{list-style:none;margin:0;padding:6px;max-height:min(420px,52vh);overflow:auto}
.pal-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:9px;cursor:pointer}
.pal-item.active,.pal-item:hover{background:var(--bg2)}
.pal-ic{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--bg3);color:var(--t2);flex-shrink:0}
.pal-empty{padding:24px;text-align:center;color:var(--t3);font-size:13px}
.pal-foot{display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--t3)}

/* ---------- toasts ---------- */
#toasts{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toast{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;background:var(--bg3);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow-sm);font-size:13px;color:var(--t1);pointer-events:auto;animation:riseIn 180ms var(--ease);max-width:360px}
.toast-good .ic:first-child{color:var(--good)}.toast-critical .ic:first-child{color:var(--critical)}.toast-warning .ic:first-child{color:var(--warning)}
.toast-x{width:28px;height:28px}

/* ---------- responsive ---------- */
@media (max-width:1200px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.detail-grid{grid-template-columns:minmax(0,1fr) 280px}.cmdk{width:240px}}
@media (max-width:980px){:root{--page-x:24px;--sidebar:210px}.grid-2{grid-template-columns:1fr}.streams{grid-template-columns:1fr}.search{width:240px}.mfa-enroll{grid-template-columns:1fr}}
@media (max-width:820px){
  .shell{display:block}
  .sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,300px);z-index:45;transform:translateX(-100%);transition:transform 220ms var(--ease);box-shadow:none}
  .nav-open .sidebar{transform:none;box-shadow:var(--shadow)}
  .nav-x{display:inline-flex;position:absolute;right:0;top:-6px}
  .scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40;opacity:0;pointer-events:none;transition:opacity 220ms var(--ease)}
  .nav-open .scrim{display:block;opacity:1;pointer-events:auto}
  .nav-burger,.wordmark-sm{display:inline-flex}
  .wordmark-sm{width:78px;height:30px}
  .topbar{padding:0 16px}
  .cmdk{width:36px;max-width:36px;padding:0;justify-content:center}
  .cmdk-text,.cmdk .kbd{display:none}
  .topbar-status{display:none}
  :root{--page-x:16px;--page-y:20px}
  .content{padding-bottom:40px}
  .page-head{align-items:stretch;flex-direction:column;gap:14px}
  .page-head:not(.detail-head) .page-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .page-tools>:only-child{grid-column:1/-1;justify-self:start}
  .detail-head .page-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .page-tools .search{grid-column:1/-1;width:100%}
  .page-tools .sel-wrap,.page-tools .sel{width:100%}
  .page-tools .btn{justify-content:center}
  .page-title{font-size:30px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi-val{font-size:28px}
  .grid-3{grid-template-columns:1fr}.span-2{grid-column:auto}
  .thead{display:none}
  .trow{grid-template-columns:1fr 1fr !important;gap:8px 12px;padding:12px var(--row-px);min-height:0}
  .tcell:before{content:attr(data-label);display:block;color:var(--t3);font:9px Mono,ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:3px}
  .tcell:first-child{grid-column:1/-1}
  .tcell:first-child:before,.tcell-go:before,.tcell:empty:before{display:none}
  .tcell-go{display:none}
  .ta-r{text-align:left;justify-self:start}
  .detail-grid{grid-template-columns:1fr}
  .answers{grid-template-columns:1fr}
  .kv-row{grid-template-columns:96px minmax(0,1fr)}
  .foot{flex-direction:column;gap:4px}
  #toasts{left:16px;right:16px;bottom:16px}
  .toast{max-width:none}
  .pal-back{padding:8vh 10px 10px}
}
/* hide Netlify's injected badge if processing is ever re-enabled */
#nl-badge-frame{display:none !important}

/* wordmark is a bone/sand PNG drawn for the dark surface: remap it for light */
:root[data-theme="light"] .wordmark,:root[data-theme="light"] .auth-wordmark{filter:invert(.88) hue-rotate(180deg) saturate(.9)}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .wordmark,:root:not([data-theme="dark"]) .auth-wordmark{filter:invert(.88) hue-rotate(180deg) saturate(.9)}}

/* review fixes: right-aligned numeric cells get air before the next column; row name links */
.tcell.ta-r{padding-right:20px}
@media (max-width:820px){.tcell.ta-r{padding-right:0}}
.row-link{color:inherit}
.row-link:hover{text-decoration:underline;text-decoration-color:var(--t4);text-underline-offset:3px}
.trow.tfill{display:block;padding:0;min-height:0}
.trow.tfill .tcell{padding:0}
.trow.tfill .sk-row{padding-left:var(--row-px);padding-right:var(--row-px)}
@media (max-width:820px){.trow.tfill{padding:0}.trow.tfill .tcell:before{display:none}}