/* LedExpert Workspace iOS drawer-scroll isolation, 2026-10-17.
   Only the navigation scrolls; brand and user actions never overlap it. */
@media (max-width: 768px) {
  html.wg-workspace-drawer-open {
    overscroll-behavior: none !important;
    overflow: hidden !important;
  }
  body.wg-workspace-body-locked {
    position: fixed !important;
    inset: var(--wg-workspace-scroll-lock-y, 0px) 0 auto 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }
  #app .sidebar {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    height: 100vh !important;
    height: 100svh !important; /* stable when Safari bottom toolbar animates */
    max-height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    padding-top: max(14px,env(safe-area-inset-top)) !important;
    padding-bottom: max(12px,env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    isolation: isolate;
  }
  #app .sidebar .brand {
    flex: 0 0 auto !important;
    min-height: 0;
    margin-bottom: 6px !important;
  }
  #app .sidebar .nav {
    display: flex !important;
    flex-flow: column nowrap !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain !important;
    overscroll-behavior-x: none;
    touch-action: pan-y;
    scroll-behavior: auto;
    scroll-padding-block: 12px 18px;
    padding-block: 8px 18px !important;
    scrollbar-width: thin;
  }
  #app .sidebar .nav > * {
    flex-shrink: 0 !important;
  }
  #app .sidebar .sidebar-foot {
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    min-height: 0;
    z-index: 2;
    margin-top: 0 !important;
    padding: 10px 0 0 !important;
    background: #101e2d !important;
    border-top: 1px solid rgba(196,222,241,.16) !important;
  }
  #app .sidebar .sidebar-foot .user-mini {
    margin: 0 !important;
    max-width: 100%;
  }
  body.mobile-menu-open #app .main {
    pointer-events: none;
  }
  body.mobile-menu-open .mobile-scrim {
    overscroll-behavior: none;
    touch-action: none;
  }
}
@media (max-width: 768px) and (max-height: 520px) {
  #app .sidebar {
    padding-top: max(5px,env(safe-area-inset-top)) !important;
    padding-bottom: max(6px,env(safe-area-inset-bottom)) !important;
  }
  #app .sidebar .brand {padding-block: 3px 8px !important}
  #app .sidebar .sidebar-foot {padding-top: 5px !important}
}
@media (prefers-reduced-motion: reduce) {
  #app .sidebar {transition: none !important}
}