/* Solar Cloud / graphite navigation. Scoped to preserve dashboard and role visibility. */
#appSidebar { width:240px!important; min-width:240px!important; height:100dvh!important; background:#080809!important; border-right:1px solid #262628!important; box-shadow:none!important; transition:width .22s ease,min-width .22s ease,transform .22s ease!important; }
#appSidebar .sidebar-header { height:86px!important; min-height:86px!important; padding:18px 14px!important; justify-content:space-between!important; cursor:default!important; background:transparent!important; border-bottom:1px solid #ffffff0d!important; }
#appSidebar .sidebar-brand-clean { margin:0!important; width:auto!important; gap:9px!important; align-items:center!important; flex-direction:row!important; }
#appSidebar .ursa-polar-mark { position:relative; display:block; width:52px; height:32px; flex:0 0 52px; overflow:hidden; }
#appSidebar .ursa-polar-mark img { position:absolute; width:80px; height:auto; max-width:none; left:-14px; top:-9px; filter:grayscale(1) invert(1) contrast(1.8); mix-blend-mode:screen; }
#appSidebar .ursa-wordmark { display:flex; flex-direction:column; gap:6px; }
#appSidebar .brand-text-ursa { font-size:19px!important; letter-spacing:.16em!important; text-shadow:none!important; }
#appSidebar .brand-text-solar { font-size:8px!important; letter-spacing:.15em!important; color:#929298!important; }
#appSidebar #btnToggleSidebar { position:static!important; transform:none!important; margin:0!important; width:38px!important; height:38px!important; flex:0 0 38px!important; border:1px solid #ffffff1a!important; border-radius:11px!important; background:#ffffff06!important; color:#c7c7cc!important; box-shadow:none!important; }
#appSidebar #btnToggleSidebar:hover { background:#ffffff12!important; color:#fff!important; }
#appSidebar #btnToggleSidebar svg { fill:none; stroke:currentColor; stroke-width:1.6; transition:transform .22s ease; }
#appSidebar .sidebar-nav { padding:12px 12px!important; gap:4px!important; flex:1; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#444448 transparent; }
#appSidebar .sidebar-group-label { padding:20px 12px 7px!important; margin:4px 0 0!important; font-size:9px!important; letter-spacing:.16em!important; font-weight:600!important; color:#808087!important; border:0!important; }
#appSidebar .sidebar-group-label:first-child { padding-top:4px!important; }
#appSidebar .sidebar-nav-item { position:relative!important; min-height:49px!important; padding:12px!important; margin:0!important; gap:15px!important; border-radius:9px!important; color:#dedee2!important; font-size:14px!important; font-weight:400!important; transform:none!important; transition:background .16s ease,color .16s ease!important; }
#appSidebar .sidebar-nav-item:hover { background:#ffffff09!important; color:#fff!important; }
#appSidebar .sidebar-nav-item.active { background:#232326!important; box-shadow:none!important; color:#fff!important; font-weight:650!important; }
#appSidebar .sidebar-nav-item.active::before { content:none; }
#appSidebar .sidebar-item-icon { width:24px!important; height:24px!important; color:#c5c5cd!important; }
#appSidebar .sidebar-item-icon svg { width:24px!important; height:24px!important; stroke-width:1.6!important; transition:transform .18s ease; }
#appSidebar .sidebar-nav-item:hover .sidebar-item-icon svg { transform:scale(1.07); }
#appSidebar .sidebar-nav-item.active .sidebar-item-icon svg { stroke-width:2!important; }
#appSidebar .sidebar-nav-item:hover .sidebar-item-icon,#appSidebar .sidebar-nav-item.active .sidebar-item-icon { color:#f3f3f5!important; }
#appSidebar .sidebar-item-dot { animation:none!important; box-shadow:none!important; width:5px!important; height:5px!important; opacity:.85; }
#appSidebar .sidebar-footer { padding:12px!important; background:#00000014!important; border-top:1px solid #ffffff0d!important; }
#appSidebar .sidebar-user-card { padding:10px 8px!important; gap:9px!important; background:#ffffff04!important; border:1px solid #ffffff0b!important; border-radius:12px!important; }
#appSidebar .sidebar-user-avatar { width:32px!important; height:32px!important; border-radius:50%!important; background:#303034!important; box-shadow:0 0 0 2px #080809,0 0 0 3px #5b5b63!important; color:#dddde2!important; }
#appSidebar .sidebar-user-role { color:#a0a0aa!important; }
#appSidebar .btn-sidebar-logout { color:#a5a5af!important; min-width:30px; min-height:34px; }
#appSidebar :is(button,a):focus-visible { outline:2px solid #dedee6!important; outline-offset:-2px; }
#appSidebar.collapsed { width:72px!important; min-width:72px!important; }
#appSidebar.collapsed .sidebar-header { justify-content:center!important; padding:14px 0!important; height:116px!important; min-height:116px!important; flex-direction:column!important; gap:12px!important; }
#appSidebar.collapsed #btnToggleSidebar svg { transform:rotate(180deg); }
#appSidebar.collapsed .sidebar-brand-clean { display:flex!important; }
#appSidebar.collapsed .ursa-wordmark,#appSidebar.collapsed .sidebar-item-label,#appSidebar.collapsed .sidebar-user-info { display:none!important; }
#appSidebar.collapsed .sidebar-nav { padding:12px 10px!important; }
#appSidebar.collapsed .sidebar-nav-item { justify-content:center!important; padding:10px 0!important; }
#appSidebar.collapsed .sidebar-group-label { font-size:0!important; height:1px; min-height:1px; padding:0!important; margin:10px 12px!important; border-top:1px solid #ffffff12!important; }
#appSidebar.collapsed .sidebar-user-card { flex-direction:column!important; padding:8px 0!important; gap:8px!important; }
#appSidebar.collapsed .sidebar-footer { padding:10px!important; }
#sidebarBackdrop { background:#0009; backdrop-filter:blur(4px); }
#appSidebar #btnToggleSidebar.ursa-brand-toggle { width:100%!important; height:52px!important; flex:0 1 auto!important; min-width:52px!important; padding:8px 0!important; border:0!important; border-radius:10px!important; background:transparent!important; justify-content:flex-start!important; cursor:pointer; text-align:left; }
#appSidebar #btnToggleSidebar.ursa-brand-toggle:hover { background:#ffffff08!important; }
#appSidebar #btnToggleSidebar.ursa-brand-toggle:active { opacity:.75; }
#appSidebar.collapsed .sidebar-header { height:86px!important; min-height:86px!important; padding:14px 8px!important; gap:0!important; }
#appSidebar.collapsed #btnToggleSidebar.ursa-brand-toggle { justify-content:center!important; }
#appSidebar [style*="display: none"],#appSidebar [style*="display:none"],#appSidebar [hidden] { display:none!important; }
@media(max-width:768px) {
  #appSidebar,#appSidebar.collapsed { width:260px!important; min-width:260px!important; max-width:86vw!important; }
  #appSidebar .sidebar-nav-item { min-height:46px!important; }
  #appSidebar #btnToggleSidebar { min-height:44px!important; min-width:44px!important; }
  #appSidebar #btnToggleSidebar svg { transform:rotate(0)!important; }
  #appSidebar .sidebar-footer { padding-bottom:max(12px,env(safe-area-inset-bottom))!important; }
}
@media(prefers-reduced-motion:reduce) {
  #appSidebar,#appSidebar *,#sidebarBackdrop { transition:none!important; animation:none!important; }
}