@layer DarkFlow-navigation;
@layer DarkFlow-navigation {
  .side-links, .mobile-menu-links { gap: 20px !important; }
  .side-nav-group { display: flex !important; flex-direction: column !important; gap: 3px !important; min-width: 0; }
  .side-nav-group-label { display: block !important; padding: 0 12px 6px !important; margin: 0 !important; color: #9398a3 !important; font: 650 10px/1.4 system-ui !important; letter-spacing: 0 !important; text-transform: uppercase; }
  .side-nav-group a { margin: 0 !important; min-width: 0 !important; }
  .side-links::before { display: none !important; }
  @media(min-width:901px) {
    .side-nav .side-links { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-width: thin; padding: 0 2px !important; }
    .side-nav .side-status { flex: 0 0 auto !important; margin-top: 16px !important; }
    .side-nav .side-nav-group a { min-height: 38px !important; height: auto !important; padding-top: 8px !important; padding-bottom: 8px !important; }
    body.sidebar-collapsed .main-shell { margin-left: 78px !important; }
    body.sidebar-collapsed .side-nav-group-label { display: none !important; }
    body.sidebar-collapsed .side-nav-group { padding-top: 8px; border-top: 1px solid #2b2d33; }
    body.sidebar-collapsed .side-nav-group:first-child { padding-top: 0; border-top: 0; }
    body.sidebar-collapsed .side-links { gap: 8px !important; }
  }
  @media(max-width:900px) {
    .mobile-menu-links { display: flex !important; flex-direction: column !important; align-items: stretch !important; overflow-y: auto !important; min-height: 0 !important; gap: 20px !important; }
    .mobile-menu-links .side-nav-group { flex: 0 0 auto; }
    .mobile-menu-links .side-nav-group-label { font-size: 11px !important; }
    .mobile-menu-links .side-nav-group a { min-height: 44px !important; padding: 10px 12px !important; }
  }
}