/* Custom scrollbar (demo-only extra). Native, visible, draggable scrollbars with brand styling.
   Chromium/Safari: ::-webkit-scrollbar. Firefox: scrollbar-width/scrollbar-color. Touch overlay scrollbars stay native. */
:root {
  --sb-track: #EDF1F5;
  --sb-thumb: #7F93A7;        /* 3.1:1 against the track */
  --sb-thumb-hover: #0E5A8A;
  --sb-thumb-active: #0B4A72;
}
html { scrollbar-gutter: stable; }
@supports (scrollbar-color: auto) {
  html, .scroll-thin, .dropdown-list, .chat-messages, .mobile-menu-panel, .report-list { scrollbar-width: thin; scrollbar-color: var(--sb-thumb) var(--sb-track); }
  .scroll-dark { scrollbar-color: #6E8296 #1B3248; }
}
@media (hover: hover) and (pointer: fine) {
  html::-webkit-scrollbar { width: 12px; height: 12px; }
  .scroll-thin::-webkit-scrollbar, .dropdown-list::-webkit-scrollbar, .chat-messages::-webkit-scrollbar, .mobile-menu-panel::-webkit-scrollbar, .report-list::-webkit-scrollbar { width: 8px; height: 8px; }
  html::-webkit-scrollbar-track, .scroll-thin::-webkit-scrollbar-track, .dropdown-list::-webkit-scrollbar-track, .chat-messages::-webkit-scrollbar-track, .mobile-menu-panel::-webkit-scrollbar-track, .report-list::-webkit-scrollbar-track { background: var(--sb-track); }
  html::-webkit-scrollbar-thumb, .scroll-thin::-webkit-scrollbar-thumb, .dropdown-list::-webkit-scrollbar-thumb, .chat-messages::-webkit-scrollbar-thumb, .mobile-menu-panel::-webkit-scrollbar-thumb, .report-list::-webkit-scrollbar-thumb {
    background: var(--sb-thumb); border-radius: 999px; border: 3px solid var(--sb-track); min-height: 40px;
  }
  .scroll-thin::-webkit-scrollbar-thumb, .dropdown-list::-webkit-scrollbar-thumb, .chat-messages::-webkit-scrollbar-thumb, .mobile-menu-panel::-webkit-scrollbar-thumb, .report-list::-webkit-scrollbar-thumb { border-width: 2px; }
  html::-webkit-scrollbar-thumb:hover, .scroll-thin::-webkit-scrollbar-thumb:hover, .dropdown-list::-webkit-scrollbar-thumb:hover, .chat-messages::-webkit-scrollbar-thumb:hover, .mobile-menu-panel::-webkit-scrollbar-thumb:hover, .report-list::-webkit-scrollbar-thumb:hover { background: var(--sb-thumb-hover); }
  html::-webkit-scrollbar-thumb:active, .scroll-thin::-webkit-scrollbar-thumb:active, .dropdown-list::-webkit-scrollbar-thumb:active, .chat-messages::-webkit-scrollbar-thumb:active { background: var(--sb-thumb-active); }
  html::-webkit-scrollbar-corner { background: var(--sb-track); }
  .scroll-dark::-webkit-scrollbar-track { background: #1B3248; }
  .scroll-dark::-webkit-scrollbar-thumb { background: #6E8296; border-color: #1B3248; }
}