/* ═══ FDC Global Scrollbars — Site Monitoring canonical (slim 4px pill) ═══
   Link on every app / monitor / intranet page. Uses theme tokens when present;
   falls back to --fdc-scroll-* for pages without --border-hi / --t3. */

:root {
  --fdc-scroll-thumb: #2a3f60;
  --fdc-scroll-thumb-hover: #3d4f72;
}

[data-theme="light"],
body.light-mode {
  --fdc-scroll-thumb: #bccce0;
  --fdc-scroll-thumb-hover: #9aaac8;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--border-hi, var(--fdc-scroll-thumb));
  border-radius: 99px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--t3, var(--fdc-scroll-thumb-hover));
}