/* ALL INTENT / 全意: shared brand finishing layer. Keep semantic status colors. */
:root{--brand:#16316b;--brand-hover:#102451;--brand-soft:#edf3fb;--brand-tint:#f5f8fd;--brand-border:#dbe4f0;--brand-accent:#3277b3;--purple:var(--brand);--purple-soft:var(--brand-soft);--ink:#24344e;--muted:#62728b;--line:#dbe4f0;--bg:#f5f7fb;--shadow:0 4px 20px #16316b05}
body{background:var(--bg)}
#sidebar{background:#fff;border-color:var(--line)}
.brand{padding:0 7px 25px;gap:10px;align-items:center}
.brand-mark{display:block;flex:0 0 46px;width:46px;height:auto;aspect-ratio:770/738;padding:0;object-fit:contain;letter-spacing:normal;border-radius:8px;background:#14285f;box-shadow:none}
.brand-word{color:var(--brand);font-size:24px;letter-spacing:.6px;white-space:nowrap}
.brand small{color:#62728b;letter-spacing:.75px;font-size:9px}
.brand-avatar{height:auto;aspect-ratio:770/738;object-fit:contain;border-radius:8px;background:#14285f}
.brand-footer{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.brand-footer img{object-fit:contain;height:auto;border-radius:4px;flex-shrink:0}
.nav-item{color:#53657e}.nav-item svg{color:#7c8fa8}
.nav-item:hover{background:#f3f6fb;color:var(--brand)}
.nav-item.active{background:var(--brand-soft);color:var(--brand);box-shadow:inset 3px 0 var(--brand);font-weight:650}
.nav-item.active svg{color:var(--brand)}
.nav-item .nav-count{background:#dce7f7;color:#234779}
.nav-group,.nav-subgroup{color:#7a8ba4}.nav-subgroup{border-color:#dbe4f0}
.btn.primary{background:var(--brand);border-color:var(--brand);box-shadow:0 3px 9px #16316b14;color:#fff}
.btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.btn.quiet,.text-link{color:var(--brand)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#759cd0}
input[type=checkbox],input[type=radio]{accent-color:var(--brand)}
.badge.purple{background:var(--brand-soft);color:#244c85}
.callout.purple{background:#f0f5fc;border-color:#dbe5f4;color:#4a6285}
.eyebrow{color:#6b82a3}.page-head h1{color:#1b2e4f}
.page-head p,.panel-head p,.metric-label,.metric-caption,.table-note,.chart-footer{color:#62728b}
.tabs button{color:#63748e}.tabs button.active{color:var(--brand)}
.demo-pill{background:#f1f5fb;border-color:#dbe4f0;color:#506b91}
.welcome-banner{border-color:#dbe4f0;background:linear-gradient(115deg,#eaf1fb,#f7faff)}
.welcome-banner h2{color:#244878}.welcome-banner p{color:#627796}
.welcome-symbol{background:#dfeaf8;color:#234b84}
.sidebar-note{background:#f4f7fc;border-color:#dbe4f0}
.sidebar-note strong{color:#274979}.sidebar-note p{color:#6b7e99}
.legend-dot{background:#16316b}.legend-dot.gray{background:#88a3be}
#toast{background:#16316b;box-shadow:0 5px 30px #16316b1c}
#footer{color:#6e809a}
@media(max-width:1000px) and (min-width:761px){.brand{padding-left:2px;padding-right:0;gap:8px}.brand-mark{width:39px;flex-basis:39px}.brand-word{font-size:21px}.brand small{font-size:8px;letter-spacing:0}}
@media(max-width:760px){.brand{gap:11px}.brand-mark{width:46px;flex-basis:46px}.brand-word{font-size:24px}}