/* Keep page, filter-panel and table scrollbars in the same palette. */
:root { color-scheme: dark; --scroll-thumb: #3c4149; --scroll-hover: #626b78; }
:root:has(body.light) { color-scheme: light; --scroll-thumb: #b5bec9; --scroll-hover: #8793a2; }
* { scrollbar-width: thin; scrollbar-color: var(--scroll-thumb) transparent; }
@supports selector(::-webkit-scrollbar) {
  html, body, :root body * { scrollbar-width: auto; scrollbar-color: auto; }
  html::-webkit-scrollbar, body::-webkit-scrollbar, :root body *::-webkit-scrollbar { width: 8px; height: 8px; }
  html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, :root body *::-webkit-scrollbar-track { background: transparent; }
  html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, :root body *::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb); border: 2px solid transparent; background-clip: padding-box; border-radius: 999px;
  }
  html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, :root body *::-webkit-scrollbar-thumb:hover { background-color: var(--scroll-hover); }
  html::-webkit-scrollbar-button, body::-webkit-scrollbar-button, :root body *::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
  html::-webkit-scrollbar-corner, body::-webkit-scrollbar-corner, :root body *::-webkit-scrollbar-corner { background: transparent; }
}