/* RastaYar production parity hotfix: keep long sidebars fully scrollable */
.sidebar {
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  padding-bottom: max(22px, env(safe-area-inset-bottom));
}
.sidebar nav {
  /* Keep the account/footer controls reachable while the navigation itself
     becomes the bounded scroll region for dense or future-expanded menus. */
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}
.sidebar-footer {
  flex: 0 0 auto;
}
@media (max-width: 820px) {
  /* Keep the drawer below the sticky 91px topbar so the same hamburger button
     remains reachable after opening. This prevents the drawer from trapping
     pointer events over its own close toggle on narrow screens. */
  .sidebar {
    top: 91px;
    bottom: auto;
    height: calc(100vh - 91px);
    height: calc(100dvh - 91px);
    max-height: calc(100dvh - 91px);
  }
}