/* Keep the native gutter stable so icons do not shift when the thumb appears.
   Pointer focus must not leave the scrollbar visible after the menu closes. */
.desktop-sidebar-panel .soft-scrollbar,
html.dark .desktop-sidebar-panel .soft-scrollbar {
  --scroll-thumb: transparent;
  --scroll-thumb-hover: transparent;
}

.desktop-sidebar-panel:hover .soft-scrollbar,
.desktop-sidebar-panel:has(:focus-visible) .soft-scrollbar {
  --scroll-thumb: rgba(92, 110, 116, .44);
  --scroll-thumb-hover: rgba(92, 110, 116, .44);
}

html.dark .desktop-sidebar-panel:hover .soft-scrollbar,
html.dark .desktop-sidebar-panel:has(:focus-visible) .soft-scrollbar {
  --scroll-thumb: rgba(173, 191, 199, .45);
  --scroll-thumb-hover: rgba(173, 191, 199, .45);
}

/* Touch devices have no hover; retain a discoverable native scroll control. */
@media (hover: none), (forced-colors: active) {
  .desktop-sidebar-panel .soft-scrollbar,
  html.dark .desktop-sidebar-panel .soft-scrollbar {
    --scroll-thumb: rgba(92, 110, 116, .44);
    --scroll-thumb-hover: rgba(92, 110, 116, .44);
  }
}