/**
 * Thin scrollbars — Firefox + WebKit, light and dark (html.dark).
 * Matches slate/neutral surfaces used in kiosk scorer and admin shell.
 */

html {
  scrollbar-width: thin;
  scrollbar-color: rgb(148 163 184 / 0.75) rgb(248 250 252 / 0.5);
}

html.dark {
  scrollbar-color: rgb(82 82 91 / 0.85) rgb(23 23 23 / 0.35);
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgb(148 163 184 / 0.75) rgb(248 250 252 / 0.4);
}

html.dark * {
  scrollbar-color: rgb(82 82 91 / 0.85) rgb(23 23 23 / 0.35);
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: rgb(248 250 252 / 0.45);
}

*::-webkit-scrollbar-thumb {
  background-color: rgb(148 163 184 / 0.55);
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: rgb(100 116 139 / 0.75);
}

html.dark *::-webkit-scrollbar-track {
  background: rgb(23 23 23 / 0.35);
}

html.dark *::-webkit-scrollbar-thumb {
  background-color: rgb(82 82 91 / 0.8);
}

html.dark *::-webkit-scrollbar-thumb:hover {
  background-color: rgb(113 113 122 / 0.95);
}