/**
 * InSEC+ Scrollbar Design System
 * Einheitlich für alle scrollbaren Bereiche (Seiten, Listen, Tabellen, Dropdowns, Modals, …)
 *
 * Desktop (pointer: fine): Custom Scrollbars via WebKit + Firefox
 * Touch / Mobile (pointer: coarse): Native Scrollbarkeit unverändert
 */

/* —— Kompakte Variante (Dropdowns, Popover, enge Panels) —— */
.insec-scrollbar-compact,
.insec-dd-menu,
.insec-dd-options,
.dropdown-menu,
.option-list,
.topbar-location-options,
.topbar-notify-list,
.acp-role-flyout,
.rte-mention-menu,
.rte-dropdown-panel,
.rte-color-picker-popover,
.modal-dialog,
.category-tooltip-float,
#insec-category-tooltip-float {
  --insec-scrollbar-size: var(--insec-scrollbar-size-compact);
}

@media (pointer: fine) {
  /* Firefox */
  html,
  body,
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--insec-scrollbar-thumb) var(--insec-scrollbar-track);
  }

  /* WebKit (Chrome, Edge, Safari) */
  html::-webkit-scrollbar,
  body::-webkit-scrollbar,
  *::-webkit-scrollbar {
    width: var(--insec-scrollbar-size);
    height: var(--insec-scrollbar-size);
  }

  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track,
  *::-webkit-scrollbar-track {
    background: var(--insec-scrollbar-track);
    border-radius: var(--insec-scrollbar-radius);
  }

  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb,
  *::-webkit-scrollbar-thumb {
    background-color: var(--insec-scrollbar-thumb);
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: var(--insec-scrollbar-radius);
    transition: background-color var(--insec-scrollbar-transition);
  }

  html::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover,
  *::-webkit-scrollbar-thumb:hover {
    background-color: var(--insec-scrollbar-thumb-hover);
  }

  html::-webkit-scrollbar-thumb:active,
  body::-webkit-scrollbar-thumb:active,
  *::-webkit-scrollbar-thumb:active {
    background-color: var(--insec-scrollbar-thumb-active);
  }

  html::-webkit-scrollbar-corner,
  body::-webkit-scrollbar-corner,
  *::-webkit-scrollbar-corner {
    background: transparent;
  }

  /* Keine sichtbare Scrollbar wo overflow bewusst versteckt ist */
  .hidden::-webkit-scrollbar,
  [hidden]::-webkit-scrollbar,
  [aria-hidden="true"]::-webkit-scrollbar {
    display: none;
  }
}

/* Overlay-Root: Scrollbars nur innerhalb der Menü-Inhalte, nicht am Viewport-Layer */
.insec-overlay-root {
  scrollbar-width: none;
}

.insec-overlay-root::-webkit-scrollbar {
  display: none;
}