/* VIIMsignal 2026.09 operating UI refresh */
:root{--workspace-rail-width:60px}
body{font-size:13px}
.app.workspace-enabled,.app.workspace-enabled.ax-panel-open{grid-template-columns:60px 212px minmax(0,1fr)}
.workspace-rail{padding:12px 7px;background:#fff;color:#344054;border-right:1px solid #e4e7ec}
.workspace-top,.workspace-bottom{gap:8px}
.workspace-item{width:42px;height:42px;padding:6px;border-radius:10px;background:#f2f4f7}
.workspace-item>img{width:42px;height:42px;border-radius:10px}
.workspace-item i{display:none!important}
.workspace-default-mark{stroke:#667085}.workspace-item.active{background:linear-gradient(145deg,#8f8cff,#6067f2);box-shadow:0 8px 18px rgba(80,84,220,.2)}.workspace-item.active .workspace-default-mark{stroke:#fff}
.workspace-control,.workspace-account{width:40px;height:40px;border-radius:10px;background:#f2f4f7;color:#344054}
.workspace-account{border-radius:50%;background:#eef2ff;color:#111827}
.workspace-bottom .workspace-divider{margin:2px 0 1px}
.workspace-divider{background:#e4e7ec}.workspace-theme,.workspace-notifications{font-size:17px;background:transparent}
.sidebar{padding:25px 13px 15px;background:#fff;color:#111827;border-right:1px solid #e4e7ec}
.brand{padding:0 10px 20px}.brand strong{font-size:20px}.brand small{font-size:9px;color:#8fb0ff}
.nav-section{padding:9px 10px 5px;font-size:9px;color:#8492a9}
.nav{gap:2px}.nav button{min-height:34px;padding:8px 10px;border-radius:9px;font-size:12px;color:#344054}
.nav button:hover{background:#f5f7fb}.nav button.active{background:#f0efff;color:#4f5ce8}.sidebar-foot{padding:11px 10px;color:#667085;font-size:9px}.sync{color:#5364e8}
.topbar{height:64px;padding:0 28px}.select,.btn{height:34px;font-size:10px}
.content{padding:22px 28px 48px}.page-head{margin-bottom:18px}.page-head h1{font-size:26px;margin-bottom:6px}.page-head p{font-size:11px}
.card{border-radius:11px}.kpis{gap:10px;margin-bottom:14px}.kpi{min-height:96px;padding:14px}.kpi .label{font-size:10px}.kpi .value{font-size:22px;margin:7px 0 3px}
.grid{gap:13px}.panel{padding:17px}.panel h2{font-size:15px;margin-bottom:15px}.table th{font-size:9px;padding:9px}.table td{font-size:10px;padding:10px 9px}

body[data-theme="navy"]{--canvas:#f5f7fb;--surface:#fff;--ink:#111827;--text:#111827;--muted:#667085;--line:#dce3ee;--viim-page:#f5f7fb;--viim-surface:#fff;--viim-text:#111827;--viim-body-text:#344054;--viim-muted:#667085;--viim-border:#dce3ee;background:#f5f7fb;color:#111827}
body[data-theme="navy"] .workspace-rail,body[data-theme="navy"] .sidebar{background:#101827;color:#edf2fb;border-color:#26344a}
body[data-theme="navy"] .workspace-item,body[data-theme="navy"] .workspace-control{background:#192538;color:#c5cfdd}
body[data-theme="navy"] .workspace-default-mark{stroke:#aab7ca}body[data-theme="navy"] .workspace-item.active{background:#315fd5}body[data-theme="navy"] .workspace-item.active .workspace-default-mark{stroke:#fff}
body[data-theme="navy"] .workspace-divider{background:#2b3a51}body[data-theme="navy"] .nav button{color:#dce3ee}body[data-theme="navy"] .nav button:hover{background:#192538}body[data-theme="navy"] .nav button.active{background:#1b2b48;color:#8fb0ff}body[data-theme="navy"] .sidebar-foot{color:#93a2ba}
body[data-theme="navy"] .topbar{background:rgba(245,247,251,.94)}

body[data-view="login"]{background:#f5f7fb!important;color:#111827}
body[data-view="login"] .login-page{background:#f5f7fb;color:#111827}
body[data-view="login"] .login-visual{color:#111827;background:radial-gradient(circle at 76% 20%,rgba(49,95,213,.09),transparent 30%),radial-gradient(circle at 18% 84%,rgba(102,119,173,.07),transparent 34%),#fff;border-right:1px solid #dce3ee}
body[data-view="login"] .login-visual:before,body[data-view="login"] .login-visual:after{border-color:rgba(49,95,213,.1)}
body[data-view="login"] .login-brand small,body[data-view="login"] .login-promise>span{color:#315fd5}
body[data-view="login"] .login-promise p{color:#667085}
body[data-view="login"] .login-signals>div{border-color:#dce3ee;background:#f8faff}
body[data-view="login"] .login-signals small,body[data-view="login"] .login-signals em,body[data-view="login"] .login-visual footer{color:#667085}
body[data-view="login"] .login-signals em{color:#315fd5}
body[data-view="login"] .login-panel{background:#f5f7fb}
body[data-view="login"] .login-box{border-color:#dce3ee;box-shadow:0 24px 70px rgba(16,24,39,.08)}
body[data-view="login"] .login-submit{background:#315fd5}body[data-view="login"] .login-submit:hover{background:#284fb4}
@media(max-width:1000px){.app.workspace-enabled,.app.workspace-enabled.ax-panel-open{grid-template-columns:1fr}}