/* Final navigation layout owns width/breakpoints; old page styles remain intact. */
#workspace-shell.sn-shell{display:flex;align-items:stretch;--sn-width:240px}
#workspace-shell.sn-shell.sidebar-collapsed{--sn-width:68px}
#workspace-shell.sn-shell .workspace-sidebar{width:var(--sn-width);flex:0 0 var(--sn-width);max-width:var(--sn-width);box-sizing:border-box;transition:width .18s,flex-basis .18s;position:sticky;inset:auto;top:61px;height:calc(100dvh - 61px);transform:none;visibility:visible;box-shadow:none;align-self:flex-start;z-index:90}
#workspace-shell.sn-shell .workspace-content{flex:1 1 0;width:0;min-width:0;max-width:none;margin:0;padding:0}
#workspace-shell.sn-shell #main{width:100%;max-width:none;margin:0;padding:20px;box-sizing:border-box}
#workspace-shell.sn-shell .workspace-side-scrim{display:none}
#workspace-shell.sn-shell .workspace-side-head{height:54px;min-height:54px;padding:8px 12px;gap:4px}
#workspace-shell.sn-shell .workspace-side-head button{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:38px;color:var(--sec)}
#workspace-shell.sn-shell .workspace-side-nav{padding:8px;overflow-x:hidden;overflow-y:auto}
#workspace-shell.sn-shell .workspace-side-nav>.workspace-side-group{border:0;margin:4px 0;padding:0}
#workspace-shell.sn-shell .workspace-side-nav>button,#workspace-shell.sn-shell .workspace-side-group-toggle{min-height:42px;font-size:13px;font-weight:700!important;padding:9px 10px;gap:10px;border-radius:9px;white-space:normal;line-height:1.5}
#workspace-shell.sn-shell .workspace-side-group-body{padding-inline:21px 0;display:grid;gap:2px;margin:5px 0 9px;border-inline-start:1px solid var(--bdr);margin-inline-start:20px}
#workspace-shell.sn-shell .workspace-side-group.folded>.workspace-side-group-body{display:none}
#workspace-shell.sn-shell .workspace-side-group-body button{font-size:12px;font-weight:400;line-height:1.6;min-height:34px;padding:7px 9px;color:var(--sec);border-radius:6px;white-space:normal;overflow-wrap:anywhere}
#workspace-shell.sn-shell .workspace-side-group-body button i{display:none}
#workspace-shell.sn-shell .workspace-side-nav button.active,.sn-flyout button.active{background:color-mix(in srgb,var(--blue) 13%,transparent);color:var(--bluel);box-shadow:inset -3px 0 var(--blue)}
#workspace-shell.sn-shell .workspace-side-group-toggle{background:transparent;box-shadow:none;color:var(--pri)!important}
#workspace-shell.sn-shell .workspace-side-nav button:focus-visible,.sn-flyout button:focus-visible{outline:2px solid var(--bluel);outline-offset:-2px}
#workspace-shell.sn-shell .workspace-sidebar svg,.sn-flyout svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#workspace-shell.sn-shell .workspace-side-footer{padding:8px;border-top:1px solid var(--bdr)}
#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-brand,#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-group-body,#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-label{display:none!important}
@media(min-width:768px){#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-nav>.workspace-side-group>:not(.workspace-side-group-toggle){display:none!important}}
#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-nav button span,#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-footer button span,#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-group-toggle b{display:none!important}
#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-nav>button,#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-group-toggle,#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-footer button{justify-content:center;padding:10px 0;min-height:44px}
#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-head{display:none}
#workspace-shell.sn-shell.sidebar-collapsed .sn-has-active>.workspace-side-group-toggle{background:color-mix(in srgb,var(--blue) 13%,transparent);box-shadow:inset -3px 0 var(--blue);color:var(--bluel)!important}
.sn-flyout{position:fixed;z-index:160;background:var(--s1);color:var(--pri);border:1px solid var(--bdr);border-radius:12px;box-shadow:0 12px 35px #0003;max-height:calc(100dvh - 24px);overflow:auto;padding:8px;box-sizing:border-box}
#workspace-shell.sn-shell .workspace-side-nav button,.sn-flyout button{position:relative}
#workspace-shell.sn-shell .workspace-side-nav button.active::before,#workspace-shell.sn-shell.sidebar-collapsed .sn-has-active>.workspace-side-group-toggle::before,.sn-flyout button.active::before{content:"";position:absolute;inset-inline-start:0;top:20%;height:60%;width:4px;border-radius:4px;background:var(--bluel);pointer-events:none}
.sn-flyout header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 10px;border-bottom:1px solid var(--bdr);margin-bottom:6px;font-size:13px}
.sn-flyout button{display:flex;align-items:center;width:100%;font:400 12px 'Cairo',Tahoma,Arial,sans-serif;color:var(--sec);text-align:right;min-height:36px;border:0;border-radius:6px;background:transparent;cursor:pointer;padding:8px 10px;white-space:normal}
.sn-flyout header button{width:36px;justify-content:center;font-size:20px}.sn-flyout button:hover{background:var(--s2);color:var(--pri)}.sn-flyout button i{display:none}.sn-flyout summary{padding:10px;cursor:pointer;font-size:12px}
@media(min-width:768px){#workspace-shell.sn-shell.sidebar-collapsed .workspace-side-group-toggle b{display:none!important}#workspace-shell.sn-shell .workspace-side-nav>.workspace-side-group>button span{display:block}.sn-shell .workspace-content{visibility:visible}}
@media(max-width:767px){
 body.ux-menu-open #topbar{z-index:190}
 #workspace-shell.sn-shell .workspace-sidebar{padding-top:var(--sn-topbar-height,61px)}
 #workspace-shell.sn-shell .workspace-side-head{display:none}
 #workspace-shell.sn-shell{display:block}
 #workspace-shell.sn-shell .workspace-sidebar{position:fixed;inset:0 0 0 auto;top:0;height:100dvh;width:86vw;max-width:86vw;flex-basis:auto;z-index:180;transform:translateX(105%);visibility:hidden;transition:transform .18s,visibility .18s;box-shadow:-10px 0 30px #0003}
 #workspace-shell.sn-shell.sidebar-open .workspace-sidebar{transform:translateX(0);visibility:visible}
 #workspace-shell.sn-shell.sidebar-open .workspace-side-scrim{display:block;position:fixed;inset:0;background:#0007;z-index:170;border:0}
 #workspace-shell.sn-shell .workspace-content{width:100%;margin:0;min-width:0}
 #workspace-shell.sn-shell #main{padding:12px}
 #workspace-shell.sn-shell .workspace-side-head{height:56px;min-height:56px}
 #workspace-shell.sn-shell .workspace-side-group-body button{min-height:44px}
 #workspace-shell.sn-shell .workspace-side-nav>button,#workspace-shell.sn-shell .workspace-side-group-toggle{min-height:46px}
 .sn-flyout{display:none}
}
@media(prefers-reduced-motion:reduce){#workspace-shell.sn-shell .workspace-sidebar{transition:none}}