/* ============================================================
 * A.R.M.S v206.10.7.7
 * Sidebar native-scroll root reset.
 *
 * Important:
 * - Does not set position/display/height on the sidebar.
 * - Does not touch the main page/header layout.
 * - Does not use transforms, fake thumbs, wheel interception,
 *   MutationObserver or recurring repair loops.
 * ========================================================== */

html,
body {
  overscroll-behavior: auto !important;
}

/* The existing canonical layout remains the owner of geometry. */
#sideMenu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  overflow-anchor: auto !important;
  scrollbar-gutter: stable !important;
  scroll-behavior: auto !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Remove only known third-party/fake scrollbar surfaces. */
#sideMenu .simplebar-track,
#sideMenu .simplebar-scrollbar,
#sideMenu .os-scrollbar,
#sideMenu .ps__rail-y,
#sideMenu .ps__thumb-y,
#sideMenu [data-scrollbar-track],
#sideMenu [data-scrollbar-thumb],
#sideMenu [class*="fake-scrollbar"],
#sideMenu [class*="custom-scrollbar"] {
  display: none !important;
}

/* Browser-native scrollbar. */
#sideMenu::-webkit-scrollbar {
  width: 12px;
}

#sideMenu::-webkit-scrollbar-track {
  background: rgba(2, 12, 27, .92);
}

#sideMenu::-webkit-scrollbar-thumb {
  min-height: 48px;
  border: 3px solid rgba(2, 12, 27, .92);
  border-radius: 999px;
  background: rgba(56, 189, 248, .58);
}

#sideMenu::-webkit-scrollbar-thumb:hover {
  background: rgba(56, 189, 248, .82);
}

#sideMenu {
  scrollbar-width: auto;
  scrollbar-color:
    rgba(56, 189, 248, .68)
    rgba(2, 12, 27, .92);
}

@media (max-width: 920px) {
  #sideMenu {
    padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
  }

  #sideMenu::-webkit-scrollbar {
    width: 10px;
  }
}