/* NEXAR Experience 4.0 — phase 03 operational shell.
   Restricted to .nx4-workspace; does not modify CRUD, RBAC or API transport. */
.nx4-workspace{
 --nx4-nav-bg:#0D1C35;--nx4-nav-muted:#98AFCF;
 background:var(--nx-bg);font-family:var(--nx4-font);
}
.nx4-workspace .sidebar{
 flex:0 0 253px;width:253px;position:sticky;top:0;height:100dvh;
 padding:16px 12px 13px;
 background:radial-gradient(ellipse 92% 29% at 25% -11%,#355DA55A,transparent),
 linear-gradient(168deg,#101F39,#0B172D 90%);
 border-inline-end:1px solid #779AC72E;
 color:#E7EFFD;box-shadow:inset -1px 0 0 #FFFFFF08;
 overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#FFFFFF21 transparent;
 transition:width .2s var(--nx4-ease),flex-basis .2s var(--nx4-ease);
}
.nx4-workspace .sidebar-head{padding:3px 5px 16px;border-bottom:1px solid #B0C8F51F}
.nx4-sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}
.nx4-sidebar-brand .brand{display:flex;gap:8px;min-width:0}
.nx4-sidebar-brand .brand-icon{width:35px;height:35px;flex:none}
.nx4-sidebar-brand .brand strong{color:#F7FBFF;font-size:16px;letter-spacing:.14em;font-weight:900}
.nx4-sidebar-brand .brand small{color:#9CB4D7;font-size:8px}
.nx4-sidebar-collapse{flex:0 0 auto;width:31px;height:31px;background:#FFFFFF0A;border:1px solid #FFFFFF25;border-radius:9px;color:#BED2F3;display:grid;place-items:center;transition:background .18s}
.nx4-sidebar-collapse svg{height:16px;width:16px}
.nx4-sidebar-collapse:hover{background:#FFFFFF21;color:white}
.nx4-sidebar-collapse:focus-visible{outline:2px solid #7DCFFF;outline-offset:2px}
.nx4-workspace .sidebar-module{
 display:flex;align-items:center;gap:10px;min-width:0;
 margin-top:17px;padding:11px 9px;
 background:color-mix(in srgb,var(--app-accent) 13%,#0F203D);
 border:1px solid color-mix(in srgb,var(--app-accent) 38%,#4A65953B);
 border-radius:12px;
}
.nx4-workspace .sidebar-module .app-icon{margin:0;width:39px;height:39px;flex:none;border-radius:10px;color:#EAF4FF;background:color-mix(in srgb,var(--app-accent) 50%,#172F59);border:1px solid color-mix(in srgb,var(--app-accent) 52%,#FFFFFF3D)}
.nx4-workspace .sidebar-module .app-icon svg{width:21px;height:21px;color:#FFFFFF}
.nx4-workspace .sidebar-module strong{font-size:11px;font-weight:900;color:#FFFFFF;display:block;line-height:1.45}
.nx4-workspace .sidebar-module small{font-size:9px;line-height:1.6;color:#ACC0DF}
.nx4-workspace .sidebar-menu{margin-top:17px;gap:4px}
.nx4-workspace .sidebar-caption{font-size:9px;letter-spacing:.05em;font-weight:800;color:#7893BD;padding:10px 12px 5px}
.nx4-workspace .sidebar-caption-split{margin-top:10px;border-top:1px solid #FFFFFF13;padding-top:18px}
.nx4-workspace .sidebar-link{
 font-size:11px;font-weight:700;line-height:1.55;gap:10px;
 color:#B3C5DF;min-height:41px;padding:9px 11px;border-radius:9px;box-shadow:none;border:1px solid transparent;
 transition:background .16s ease,color .16s ease;
}
.nx4-workspace .sidebar-link svg{width:18px;height:18px;flex:none}
.nx4-workspace .sidebar-link:hover{color:#F8FCFF;background:#FFFFFF11}
.nx4-workspace .sidebar-link.active{
 color:#FFFFFF;font-weight:800;
 background:color-mix(in srgb,var(--app-accent) 26%,#1D2E51);
 border-color:color-mix(in srgb,var(--app-accent) 40%,#576C9329);
 box-shadow:inset -3px 0 0 var(--app-accent);
}
.nx4-workspace .sidebar-link.active svg{color:#FFFFFF}
.nx4-workspace .sidebar-bottom{margin-top:auto;padding:13px 2px 2px;border-top:1px solid #FFFFFF1B}
.nx4-workspace .sidebar-company{padding:9px 7px;background:#FFFFFF06;border:1px solid #FFFFFF12;border-radius:10px;min-width:0}
.nx4-workspace .sidebar-company strong{color:#F1F7FF;font-size:10px}
.nx4-workspace .sidebar-company small{color:#9FB2D1;font-size:9px}
.nx4-workspace .sidebar-return{margin-top:8px}
.nx4-workspace .workspace-body{min-width:0;flex:1;background:var(--nx-bg)}
.nx4-workspace .topbar{
 background:color-mix(in srgb,var(--nx4-panel) 97%,transparent);
 border-bottom:1px solid var(--nx4-line-light);
 min-height:68px;padding:8px clamp(13px,2.3vw,30px);
 box-shadow:0 2px 10px #13244507;
 backdrop-filter:blur(11px);
}
.nx4-workspace .topbar .brand strong{font-weight:900;font-size:17px;color:var(--nx4-text)}
.nx4-workspace .topbar .brand small{font-size:8px;letter-spacing:.04em;color:var(--nx4-muted)}
.nx4-workspace .topbar .brand-icon{width:34px;height:34px}
.nx4-workspace .topbar-title{padding-inline-start:11px;border-inline-start:1px solid var(--nx4-line-light)}
.nx4-workspace .topbar-title strong{font-size:12px;font-weight:900;color:var(--nx4-text)}
.nx4-workspace .topbar-title small{font-size:10px;color:var(--nx4-muted)}
.nx4-workspace .topbar .company-pill{border-color:var(--nx4-line-light);background:var(--nx4-paper);border-radius:10px;font-size:10px;font-weight:700}
.nx4-workspace .topbar .icon-btn{border-radius:10px;background:transparent}
.nx4-workspace .topbar .icon-btn:hover{background:color-mix(in srgb,var(--app-accent) 7%,var(--nx4-panel))}
.nx4-workspace .topbar .avatar{background:color-mix(in srgb,var(--app-accent) 10%,var(--nx4-panel));color:var(--app-accent);border-radius:10px}
.nx4-workspace main{max-width:1480px;margin:auto;padding:clamp(16px,2.6vw,29px)}
.nx4-workspace .workspace-title{
 position:relative;display:flex;align-items:center;justify-content:space-between;
 flex-wrap:wrap;gap:16px;padding:0 0 20px;margin-bottom:17px;
 border-bottom:1px solid var(--nx4-line-light);
}
.nx4-workspace .workspace-title-details{display:flex;align-items:center;gap:12px;min-width:0}
.nx4-workspace .workspace-title-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 11%,var(--nx4-panel));border:1px solid color-mix(in srgb,var(--app-accent) 23%,var(--nx4-line-light))}
.nx4-workspace .workspace-title-icon svg{height:23px;width:23px}
.nx4-workspace .workspace-title .eyebrow{font-size:9px;font-weight:800;color:var(--app-accent);letter-spacing:.035em}
.nx4-workspace .workspace-title h1{font:900 clamp(20px,2.2vw,27px)/1.45 var(--nx4-font);margin:3px 0 2px;color:var(--nx4-text)}
.nx4-workspace .workspace-title p{font-size:11px;line-height:1.6;color:var(--nx4-muted);margin:0}
.nx4-workspace .workspace-actions{gap:8px;align-items:center}
.nx4-workspace .workspace-live{font-size:10px;color:var(--nx4-muted)}
.nx4-workspace .workspace-actions .button:not(.ghost):not(.danger){background:var(--app-accent);border-color:color-mix(in srgb,var(--app-accent) 90%,#1F2E4A);color:white;border-radius:10px;font-weight:800}
.nx4-workspace .workspace-actions .icon-btn{border:1px solid var(--nx4-line-light);border-radius:10px;background:var(--nx4-panel)}
.nx4-workspace .workspace-actions .icon-btn:hover{color:var(--app-accent);border-color:color-mix(in srgb,var(--app-accent) 28%,var(--nx4-line-light))}
.nx4-workspace .panel,.nx4-workspace .table-panel{border-color:var(--nx4-line-light);box-shadow:var(--nx4-elevate);border-radius:14px}
.nx4-workspace .metric{border-radius:13px;border-color:var(--nx4-line-light);box-shadow:var(--nx4-elevate)}
.nx4-workspace .metric strong{font-weight:900}
.nx4-workspace .sidebar-link:focus-visible,.nx4-workspace .topbar button:focus-visible{outline:2px solid color-mix(in srgb,var(--app-accent) 70%,white);outline-offset:2px}
/* Compact desktop navigation; hidden labels remain available via aria-label/title. */
@media(min-width:901px){
 .nx4-workspace.nx4-sidebar-compact .sidebar{flex-basis:76px;width:76px;padding-inline:10px}
 .nx4-workspace.nx4-sidebar-compact .sidebar-head{padding-inline:0}
 .nx4-workspace.nx4-sidebar-compact .nx4-sidebar-brand{flex-direction:column;gap:10px}
 .nx4-workspace.nx4-sidebar-compact .nx4-sidebar-brand .brand{justify-content:center}
 .nx4-workspace.nx4-sidebar-compact .nx4-sidebar-brand .brand>span:last-child{display:none}
 .nx4-workspace.nx4-sidebar-compact .nx4-sidebar-collapse{width:35px}
 .nx4-workspace.nx4-sidebar-compact .sidebar-module{justify-content:center;padding:7px;margin-top:14px}
 .nx4-workspace.nx4-sidebar-compact .sidebar-module>span:last-child{display:none}
 .nx4-workspace.nx4-sidebar-compact .sidebar-menu{align-items:center}
 .nx4-workspace.nx4-sidebar-compact .sidebar-caption{font-size:0;height:12px;overflow:hidden;width:100%;padding:0}
 .nx4-workspace.nx4-sidebar-compact .sidebar-caption-split{margin-top:12px;height:13px}
 .nx4-workspace.nx4-sidebar-compact .sidebar-link{width:45px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0}
 .nx4-workspace.nx4-sidebar-compact .sidebar-link>span{display:none}
 .nx4-workspace.nx4-sidebar-compact .sidebar-bottom{padding:12px 0 2px}
 .nx4-workspace.nx4-sidebar-compact .sidebar-company{justify-content:center;padding:8px}
 .nx4-workspace.nx4-sidebar-compact .sidebar-company>span:last-child{display:none}
 .nx4-workspace.nx4-sidebar-compact .sidebar-return{margin-inline:auto}
}
@media(max-width:900px){
 .nx4-workspace .sidebar{position:fixed;right:0;top:0;height:100dvh;width:253px;flex:0 0 253px;transform:translateX(105%);z-index:31;transition:transform .22s var(--nx4-ease)}
 .nx4-workspace.mobile-open .sidebar{transform:translateX(0)}
 .nx4-workspace .nx4-sidebar-collapse{display:none}
 .nx4-workspace .topbar .brand{display:none}
 .nx4-workspace .topbar-title{border:0;padding:0}
 .nx4-workspace main{padding:15px}
}
@media(max-width:610px){
 .nx4-workspace .workspace-title{gap:12px;padding-bottom:15px;margin-bottom:13px}
 .nx4-workspace .workspace-title-icon{height:39px;width:39px}
 .nx4-workspace .workspace-title h1{font-size:20px}
 .nx4-workspace .workspace-title p{font-size:10px}
 .nx4-workspace .workspace-actions{width:100%;justify-content:flex-start}
 .nx4-workspace .workspace-live{display:none}
 .nx4-workspace .workspace-actions .button{flex:1;justify-content:center}
 .nx4-workspace .topbar{padding:7px 11px;min-height:60px}
 .nx4-workspace .topbar .company-pill{max-width:175px}
 .nx4-workspace .topbar .company-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
 .nx4-workspace .sidebar,.nx4-workspace .sidebar-link{transition:none!important}
}