/* Shared native scrolling: no JS scroll replacement or changes to overflow. */
:root {
  --pm-scrollbar-thumb: #7e8fa3;
  --pm-scrollbar-hover: #526b88;
}
:root.pm-backoffice-theme-dark {
  --pm-scrollbar-thumb: #61758d;
  --pm-scrollbar-hover: #9bb0c8;
}
:where(:root, :root *) { scrollbar-width: thin; }
:root, :root * {
  /* Keep the same palette in page-specific scroll areas and portalled dialogs. */
  scrollbar-color: var(--pm-scrollbar-thumb) transparent !important;
}
/* Older Safari/WebKit fallback; modern browsers use the standard properties. */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb {
  min-height: 32px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--pm-scrollbar-thumb);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--pm-scrollbar-hover); }
::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
/* Preserve operating-system accessibility colors and full-sized controls. */
@media (forced-colors: active) {
  :root, :root * { scrollbar-width: auto !important; scrollbar-color: auto !important; }
  ::-webkit-scrollbar { width: auto; height: auto; }
  ::-webkit-scrollbar-thumb { background: CanvasText; border: 0; }
  ::-webkit-scrollbar-track { background: Canvas; }
  ::-webkit-scrollbar-button { display: block; width: auto; height: auto; }
}