/* Preserve the approved Studio geometry, with a deeper, softened organizational blue. */
:root[data-dashboard-style="studio"]{
  --dash-rail:#173247;--sidebar:#173247;--studio-rail-ink:#e2eef8;--studio-rail-muted:#9cb5c9;--studio-rail-line:#304b61;
  --accent:#245d83;--dash-hover:#e9f0f6;--seq-2:#25bec6;--seq-3:#c5cad0;--seq-4:#3c60ac;
  --nonfac:#3c60ac;--fac:#f9af1c;--violet:#6479b2;--teal:#25bec6;
}
:root[data-dashboard-style="studio"] #app .nav a.on{background:#245d83;color:#fff;box-shadow:0 7px 14px -8px #0b254c60}
:root[data-dashboard-style="studio"] #app .nav a:hover:not(.on){background:#25465e;color:#fff}
:root[data-dashboard-style="studio"] #app .rail .side-reset{background:#203f57}
:root[data-dashboard-style="studio"] #app .who .av{color:#245d83;background:#edf3f8;border-radius:50%;display:grid;place-items:center}
.org-icon{display:block;width:21px;height:21px;flex:none}
#app .ico .org-icon{width:17px;height:17px}#app .who .av .org-icon{width:24px;height:24px}
#app .searchbox .si{display:flex;align-items:center;justify-content:center}
#app .searchbox .si .org-icon{width:17px;height:17px}
#app #home-kpis .kpi{position:relative}
.org-kpi-icon{position:absolute;inset-inline-end:17px;top:19px;color:#527ab1;background:#edf3fa;padding:7px;border-radius:9px;pointer-events:none}
.kpi:nth-child(2) .org-kpi-icon{color:#16838b;background:#e9f7f8}.kpi:nth-child(3) .org-kpi-icon{color:#bf3568;background:#fff0f5}
.org-kpi-icon .org-icon{width:18px;height:18px}
:root[data-dashboard-style="studio"] #app .kpi.hi .kv{color:var(--ink)}
:root[data-dashboard-style="studio"] #app .alert-card.warn .ac-n{color:var(--warn)}
#app .org-unknown .hb-seg{background:#c5cad0!important}
#app .hbar .hb-seg.a,#app #chart-young .col .cb{background:var(--org-bar,var(--seq-4))}
#chart-home-adopt .col:last-child .cb,#chart-adoption .col:last-child .cb{background:#25bec6}
/* Very pale blue keeps the current photo and form composition familiar. */
#login .quick-aside{background:#f0f5fa}
#login .quick-aside::before{border-color:#d7e4ee;box-shadow:0 0 0 50px #e7eff540}
#login .quick-aside::after{border-color:#d7e4ee}
#login .submit{background:#245d83;box-shadow:0 10px 20px #245d8325}
#login .submit:hover{background:#1c4b6c}
#login .field input:focus{outline-color:#245d8330;border-color:#245d83}
#login .gallery-caption h2{color:#41647f}#login .location-label svg{stroke:#527c9b}
#login .line-trace{stroke:#3c60ac}#login .stat-trend circle{stroke:#eb1a6b}
#login #sample-growth-fill stop{stop-color:#25bec6}
#login .stat-donut{background:conic-gradient(#3c60ac 0% 44%,#fff 44% 46%,#25bec6 46% 77%,#fff 77% 79%,#f9af1c 79% 98%,#fff 98%)}
#login .stat-legend span:nth-child(1) i{background:#3c60ac}#login .stat-legend span:nth-child(2) i{background:#25bec6}#login .stat-legend span:nth-child(3) i{background:#f9af1c}
#login .stat-bars i{background:#c5cad0}#login .stat-bars i:nth-child(2n){background:#7396b5}#login .stat-bars i:nth-child(3){background:#25bec6}#login .stat-bars i:last-child{background:#3c60ac}
:root[data-dashboard-style="studio"][data-theme="dark"]{--accent:#82bbdc;--dash-hover:#27495e;--seq-4:#83a2e2;--seq-3:#7396b5;--seq-2:#43c8ce;--fac:#f9bb47;--nonfac:#83a2e2;--dash-rail:#142e43;--sidebar:#142e43;--studio-rail-muted:#a5b9cc}
:root[data-theme="dark"] #app .who .av{background:#263f56;color:#b4d9f0}
:root[data-theme="dark"] .org-kpi-icon{background:#2a405d;color:#c4d5ef}
:root[data-theme="dark"] .kpi:nth-child(2) .org-kpi-icon{background:#254a50;color:#88dbe0}
:root[data-theme="dark"] .kpi:nth-child(3) .org-kpi-icon{background:#4b3447;color:#f6abc8}
@media(prefers-color-scheme:dark){:root[data-dashboard-style="studio"]:not([data-theme]){--accent:#82bbdc;--dash-hover:#27495e;--seq-4:#83a2e2;--seq-3:#7396b5;--seq-2:#43c8ce;--fac:#f9bb47;--nonfac:#83a2e2;--dash-rail:#142e43;--sidebar:#142e43;--studio-rail-muted:#a5b9cc}}
@media(max-width:640px){.org-kpi-icon{top:16px;inset-inline-end:12px;padding:5px}.org-kpi-icon .org-icon{width:16px;height:16px}#app .who .av .org-icon{width:21px;height:21px}#app #chart-home-adopt .cols{gap:4px}#app #chart-home-adopt .col{min-width:0;padding-inline:0}}

/* The sidebar title stays on the logo's centreline; the live clock has stable digits. */
:root[data-dashboard-style="studio"] #app .side-brand{align-items:center}
:root[data-dashboard-style="studio"] #app .side-brand>div{min-width:0;display:flex;align-items:center}
:root[data-dashboard-style="studio"] #app .side-brand .sb-t{margin:0;line-height:1.65}
#app [data-sidebar-clock]{display:grid;gap:3px;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.7}
#app [data-sidebar-clock] time{display:block}
#app [data-sidebar-clock] b{font-size:12px;letter-spacing:.3px}
@media(max-width:640px){#app [data-sidebar-clock]{font-size:9px}#app [data-sidebar-clock] b{font-size:11px}}