/* TOASI shared interface · Neutral edition 2026-10-28. Loaded after page styles. */
:root,:root[data-theme="light"]{
 color-scheme:light;--ui-page:#fafafa;--ui-surface:#fff;--ui-soft:#f4f4f5;--ui-hover:#ebebed;--ui-text:#202023;--ui-muted:#67676d;--ui-dim:#74747b;--ui-border:#e4e4e7;--ui-accent:#303034;--ui-tint:#f3f3f4;--ui-hero:#f5f5f6;--ui-shadow:none;
 --good:#287658;--critical:#b94450;--warning:#9b712f;--serious:#b94450;--up:#ba4e50;--down:#287658;--amber:#96702c;--series-blue:#555b66;--series-orange:#a67c43;--series-aqua:#7f949e;--ok-ink:#287658;--p90:#a67c43;
 --attention:#f8f0df;--attention-ink:#8b6528;--attention-border:#e9d8b2;--accent-amber-fg:#986923;--accent-emerald-fg:#287658;--accent-rose-fg:#b94450;--warn-bg:#f8f0df;--warn-border:#e9d8b2;--warn-fg:#8b6528;
}
:root[data-theme="dark"]{
 color-scheme:dark;--ui-page:#111113;--ui-surface:#19191c;--ui-soft:#232326;--ui-hover:#2c2c30;--ui-text:#f1f1f3;--ui-muted:#b3b3bb;--ui-dim:#96969f;--ui-border:#333338;--ui-accent:#e6e6ea;--ui-tint:#252528;--ui-hero:#202023;--ui-shadow:none;
 --good:#88c7a2;--critical:#ed9498;--warning:#d6b87a;--serious:#ed9498;--up:#ed9498;--down:#88c7a2;--amber:#d6b87a;--series-blue:#c1c5cf;--series-orange:#d2af77;--series-aqua:#91aebc;--ok-ink:#88c7a2;--p90:#d2af77;
 --attention:#3a3324;--attention-ink:#e1c48b;--attention-border:#5b4d32;--accent-amber-fg:#dfbc80;--accent-emerald-fg:#88c7a2;--accent-rose-fg:#ed9498;--warn-bg:#3a3324;--warn-border:#5b4d32;--warn-fg:#e1c48b;
}
:root,:root[data-theme="light"],:root[data-theme="dark"]{
 --page:var(--ui-page);--bg:var(--ui-page);--bg-side:var(--ui-surface);--bg-hover:var(--ui-soft);--bg-active:var(--ui-tint);--surface:var(--ui-surface);--surface-1:var(--ui-surface);--surface-0:var(--ui-page);--surface-2:var(--ui-soft);--surface-3:var(--ui-hover);--surface-card:var(--ui-surface);--surface-card-hover:var(--ui-soft);--surface-elevated:var(--ui-surface);
 --text:var(--ui-text);--muted:var(--ui-muted);--dim:var(--ui-dim);--border:var(--ui-border);--grid:var(--ui-border);--ink-1:var(--ui-text);--ink-2:var(--ui-muted);--ink-3:var(--ui-dim);--accent:var(--ui-accent);--accent-bg:var(--ui-tint);--accent-soft:var(--ui-tint);--wash:var(--ui-tint);--soft:var(--ui-soft);--hover:var(--ui-hover);--shadow:var(--ui-shadow);--hero:var(--ui-hero);--hero-ink:var(--ui-text);
 --bg-0:var(--ui-page);--bg-1:var(--ui-surface);--bg-2:var(--ui-soft);--page-bg-solid:var(--ui-page);--sidebar-bg:var(--ui-surface);--sidebar-border:var(--ui-border);--text-0:var(--ui-text);--text-1:var(--ui-text);--text-2:var(--ui-muted);--text-2-on-page:var(--ui-muted);--text-soft-strong:var(--ui-text);--text-page-title:var(--ui-text);--border-soft:var(--ui-border);--border-strong:var(--ui-border);--border-emphasis:var(--ui-accent);--brand-teal:var(--ui-accent);--theme-accent:var(--ui-accent);--theme-accent-fg:var(--ui-accent);--link:var(--ui-accent);--code-bg:var(--ui-soft);--brand-teal-rgb:128,128,132;
 --ui-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-body:var(--ui-font);--radius:12px;--radius-lg:16px;--radius-sm:8px;
}
html{scroll-padding-top:90px}body[data-toasi-page]{margin:0;max-width:none;padding:0;background:var(--ui-page);color:var(--ui-text);font-family:var(--ui-font);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}body[data-toasi-page] *{box-sizing:border-box}button,input,select,textarea{font:inherit}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,input,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:4px}[hidden]{display:none!important}
body[data-toasi-page] #hdr{display:flex;align-items:center;gap:34px;height:72px;min-height:72px;padding:0 max(28px,calc((100vw - 1320px)/2 + 28px));margin:0;position:sticky;top:0;z-index:50;flex-shrink:0;background:var(--ui-surface);border:0;border-bottom:1px solid var(--ui-border);box-shadow:none;backdrop-filter:none}
#hdr .brand{display:flex;align-items:center;gap:11px;margin:0;padding:0;color:var(--ui-text);font:750 18px/1 var(--ui-font);letter-spacing:.1em;text-decoration:none;white-space:nowrap;flex:none}#hdr .brand-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--ui-text);color:var(--ui-surface);border-radius:9px}#hdr .brand-icon svg{width:21px;height:21px}
#hdr .site-nav{display:flex;align-items:stretch;align-self:stretch;gap:25px;margin:0;padding:0;min-width:0;background:none;border:0}#hdr .site-nav a{position:relative;display:flex;align-items:center;margin:0;padding:0;color:var(--ui-muted);background:transparent;border:0;border-radius:0;text-decoration:none;font:500 13px/1.4 var(--ui-font);white-space:nowrap}#hdr .site-nav a:hover,#hdr .site-nav a[aria-current=page]{color:var(--ui-text)}#hdr .site-nav a[aria-current=page]{font-weight:650}#hdr .site-nav a[aria-current=page]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ui-accent)}#hdr .hdr-right{display:flex;align-items:center;margin-left:auto;flex:none;gap:12px}
#hdr .theme-switch[role=radiogroup]{display:flex;align-items:center;flex:none;gap:1px;width:156px;height:40px;max-width:none;padding:4px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-page)}#hdr .theme-switch[role=radiogroup] button{appearance:none;display:grid;place-items:center;flex:1;min-width:0;width:auto;height:30px;min-height:30px;padding:0;margin:0;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ui-muted);box-shadow:none;cursor:pointer;transition:background .15s,color .15s}#hdr .theme-switch[role=radiogroup] button:hover{background:var(--ui-soft);color:var(--ui-text)}#hdr .theme-switch[role=radiogroup] button[aria-checked=true]{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text);box-shadow:0 1px 3px #0000000b}#hdr .theme-switch[role=radiogroup] svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body[data-toasi-page] main.dashboard,body[data-toasi-page] .workspace,body[data-toasi-page=reset] .app-main{max-width:1320px;margin:0 auto;padding:34px 28px 48px;min-width:0}body[data-toasi-page] .page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 28px}body[data-toasi-page] .page-heading h1,body[data-toasi-page=stock] .page-intro h1,body[data-toasi-page=reset] .page-title{margin:8px 0 10px;font-size:30px;line-height:1.35;font-weight:650;letter-spacing:-.04em;color:var(--ui-text)}body[data-toasi-page] .eyebrow,body[data-toasi-page] .section-kicker{font-size:10px;letter-spacing:.16em;font-weight:600;color:var(--ui-dim)}body[data-toasi-page] .page-intro,body[data-toasi-page] .page-subtitle{color:var(--ui-muted)}body[data-toasi-page] .heading-right{color:var(--ui-muted)}
body[data-toasi-page] :is(.panel,.card,.lens-panel,.lens-pair,.lens-map article,.v3-today,.v3-card,.health-card){border-color:var(--ui-border);border-radius:12px;background:var(--ui-surface);box-shadow:none}body[data-toasi-page] :is(.panel h2,.section-heading h2,.v3-heading h2){font-size:18px;font-weight:600;letter-spacing:-.02em}body[data-toasi-page] table{font-variant-numeric:tabular-nums}body[data-toasi-page] th{color:var(--ui-muted);background:var(--ui-soft);font-weight:500}body[data-toasi-page] td,body[data-toasi-page] th{border-color:var(--ui-border)}body[data-toasi-page] :is(.tag,.date-chip,.mini-chip,.count){border-color:var(--ui-border)}body[data-toasi-page] :is(input,select){accent-color:var(--ui-accent)}
body[data-toasi-page] :is(.workspace-nav,.view-nav){display:flex;gap:22px;overflow-x:auto;scrollbar-width:thin;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;background:transparent;padding:0;margin:0 0 24px;box-shadow:none}body[data-toasi-page] :is(.workspace-nav,.view-nav) button{position:relative;flex:none;white-space:nowrap;font:500 13px/1.6 var(--ui-font);background:transparent;color:var(--ui-muted);border:0;border-radius:0;padding:12px 0 14px;box-shadow:none}body[data-toasi-page] :is(.workspace-nav,.view-nav) button[aria-pressed=true]{color:var(--ui-text);font-weight:650;background:transparent}body[data-toasi-page] :is(.workspace-nav,.view-nav) button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ui-accent)}
/* Home: an uncluttered index, the same surfaces as the workspaces. */
body[data-toasi-page=home] .home{max-width:1320px;margin:0 auto;padding:64px 28px 40px}body[data-toasi-page=home] .home h1{font-size:42px;line-height:1.3;font-weight:600;letter-spacing:-.045em;margin:18px 0}body[data-toasi-page=home] .workspace-link{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px;min-height:220px;box-shadow:none;transition:border-color .18s,background .18s}body[data-toasi-page=home] .workspace-link:hover{border-color:var(--ui-accent);background:var(--ui-surface);transform:none;box-shadow:none}body[data-toasi-page=home] .workspace-link h2{font-size:23px;font-weight:600}body[data-toasi-page=home] .workspace-link p{color:var(--ui-muted)}
/* AI keeps its archive pane and a generous reading column. */
body[data-toasi-page=ai] #sidebar{width:270px;flex:0 0 270px;background:var(--ui-page);border-color:var(--ui-border)}body[data-toasi-page=ai] #cwrap{background:var(--ui-surface)}body[data-toasi-page=ai] #content{max-width:1050px;padding:38px 48px 70px}body[data-toasi-page=ai] .side-intro h1{font-size:26px;font-weight:650;letter-spacing:-.035em}body[data-toasi-page=ai] .md{font-size:15px;line-height:1.9}body[data-toasi-page=ai] .md h1{font-size:30px;font-weight:650;letter-spacing:-.035em}body[data-toasi-page=ai] .md h2{font-size:22px;font-weight:600}body[data-toasi-page=ai] .md th{background:var(--ui-soft)}body[data-toasi-page=ai] .md td{background:var(--ui-surface)}body[data-toasi-page=ai] .md blockquote{background:var(--ui-tint);border-color:var(--ui-accent)}
/* Dense operational views use the same visual hierarchy, retaining their grid. */
body[data-toasi-page=status] .overview-strip{background:var(--ui-tint);border-color:var(--ui-border);border-radius:12px}body[data-toasi-page=status] .card .value{font-size:30px;font-weight:600}body[data-toasi-page=status] .panel{border-radius:12px}body[data-toasi-page=status] .spark{background:var(--ui-surface)}body[data-toasi-page=status] .host-meta .tag{background:var(--ui-soft);color:var(--ui-muted)}
body[data-toasi-page=stock] .overview-strip>.loading{grid-column:1/-1;min-height:100px;padding:24px}
body[data-toasi-page=sales] .page-badge{display:none}body[data-toasi-page=sales] .lens-entry{background:transparent;border:1px solid var(--ui-border);padding:13px 17px;color:var(--ui-muted)}body[data-toasi-page=sales] .lens-entry button{color:var(--ui-accent)}body[data-toasi-page=sales] .v3-today{padding:24px}body[data-toasi-page=sales] .card.hero:before{display:none}body[data-toasi-page=sales] .card.hero{border-top:1px solid var(--ui-border)}body[data-toasi-page=sales] .hero-ic{background:var(--ui-soft);color:var(--ui-muted)}body[data-toasi-page=sales] .lens-hero{background:var(--ui-hero);border-color:var(--ui-border)}body[data-toasi-page=sales] .lens-heading h2{font-size:28px}body[data-toasi-page=sales] .lens-tabs button[aria-pressed=true]{background:var(--ui-tint);border-color:var(--ui-border);color:var(--ui-accent)}
/* Reset monitoring: top navigation replaces the former fixed rail. */
body[data-toasi-page=reset] .app-main{margin-left:auto}body[data-toasi-page=reset] .cr-page{max-width:none;margin:0}body[data-toasi-page=reset] .cr-page-heading{margin:0 0 26px;padding:0}body[data-toasi-page=reset] .cr-hero{background:var(--ui-hero);border:1px solid var(--ui-border);border-radius:14px;box-shadow:none}body[data-toasi-page=reset] .cr-hero-summary{background:none}body[data-toasi-page=reset] .cr-hero h2{color:var(--ui-text)}body[data-toasi-page=reset] .cr-hero-source{background:var(--ui-surface);border-color:var(--ui-border)}body[data-toasi-page=reset] .cr-stats{background:var(--ui-surface);border-color:var(--ui-border);border-radius:12px}body[data-toasi-page=reset] .cr-calendar-surface{border:1px solid var(--ui-border);border-radius:12px;box-shadow:none}body[data-toasi-page=reset] .cr-day-detail{background:var(--ui-page);border-color:var(--ui-border)}body[data-toasi-page=reset] .cr-method{border-color:var(--ui-border)}
body[data-toasi-page=login] .login-layout{max-width:1120px;min-height:calc(100dvh - 72px)}body[data-toasi-page=login] .login-card{box-shadow:var(--ui-shadow);border-radius:14px}body[data-toasi-page=login] .login-card .submit{color:var(--ui-page);background:var(--ui-text)}
/* Generated legacy report: styling is injected by its serving route so daily refreshes persist. */
body[data-toasi-page=workbench] .wrap{max-width:1320px;padding:34px 28px 48px}body[data-toasi-page=workbench] h1{font-size:30px;font-weight:650;margin:6px 0 12px}body[data-toasi-page=workbench] .sub{color:var(--ui-muted);margin-bottom:28px}body[data-toasi-page=workbench] .grid{gap:16px}body[data-toasi-page=workbench] .card{padding:23px;border:1px solid var(--ui-border)}body[data-toasi-page=workbench] .card .k,body[data-toasi-page=workbench] .card .u{color:var(--ui-muted)}body[data-toasi-page=workbench] .card .v{font-size:30px;font-weight:600}body[data-toasi-page=workbench] .foot{background:var(--ui-surface);color:var(--ui-muted);border:1px solid var(--ui-border);padding:24px;overflow:auto;box-shadow:none}body[data-toasi-page=workbench] .foot b{color:var(--ui-text)}body[data-toasi-page=workbench] td{border-color:var(--ui-border)!important}body[data-toasi-page=workbench] .badge{font-weight:450;font-size:11px;margin-top:14px;border-radius:5px}body[data-toasi-page=workbench] .wait{background:var(--attention);color:var(--attention-ink)}
@media(max-width:1100px){body[data-toasi-page] #hdr{gap:24px;padding:0 24px}#hdr .site-nav{gap:18px}#hdr .theme-switch[role=radiogroup]{width:138px}body[data-toasi-page=ai] #sidebar{width:240px;flex-basis:240px}body[data-toasi-page=ai] #content{padding:30px}}
@media(max-width:900px){body[data-toasi-page] #hdr{height:auto;min-height:108px;padding:13px 20px 0;gap:10px 20px;flex-wrap:wrap}#hdr .brand{font-size:17px}#hdr .hdr-right{order:1}#hdr .site-nav{order:2;width:100%;height:39px;gap:25px;overflow-x:auto;scrollbar-width:none}#hdr .site-nav::-webkit-scrollbar{display:none}#hdr .site-nav a{font-size:13px;padding-bottom:2px}#hdr .theme-switch[role=radiogroup]{width:150px;height:38px}#hdr .theme-switch[role=radiogroup] button{height:28px;min-height:28px}body[data-toasi-page] main.dashboard,body[data-toasi-page] .workspace,body[data-toasi-page=reset] .app-main{padding:26px 20px 38px}html{scroll-padding-top:125px}}
@media(max-width:700px){body[data-toasi-page] .page-heading{gap:16px;margin-bottom:22px}body[data-toasi-page] .page-heading h1,body[data-toasi-page=stock] .page-intro h1,body[data-toasi-page=reset] .page-title{font-size:26px}body[data-toasi-page=home] .home{padding:36px 20px}body[data-toasi-page=home] .home h1{font-size:32px}body[data-toasi-page=home] .workspace-link{min-height:200px}body[data-toasi-page=ai] #sidebar{width:100%;flex:0 0 auto}body[data-toasi-page=ai] #content{padding:25px 20px 40px}body[data-toasi-page=ai] .md h1{font-size:26px}body[data-toasi-page=sales] .v3-today{padding:18px}body[data-toasi-page=workbench] .wrap{padding:26px 20px}body[data-toasi-page=workbench] .foot{padding:16px}body[data-toasi-page] :is(.workspace-nav,.view-nav){gap:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}