/* OPTARIS scrollbars — one treatment on every console page.
 *
 * The page itself scrolls with no visible bar (as optaris.co.uk does).
 * Panels that genuinely scroll (menus on small screens, logs, lists) get a
 * slim, quiet thumb on a transparent track: no white gutter, brighter on
 * hover, amber while dragged. Elements that set scrollbar-width: none keep
 * it (class selectors outrank `body *`).
 */
html { scrollbar-width: none; }
html::-webkit-scrollbar,
body::-webkit-scrollbar { width: 0; height: 0; display: none; }

body * { scrollbar-width: thin; scrollbar-color: rgba(240, 244, 249, 0.14) transparent; }
body *:hover { scrollbar-color: rgba(240, 244, 249, 0.28) transparent; }

/* Safari (and Chromium without scrollbar-color) */
body *::-webkit-scrollbar { width: 8px; height: 8px; background: transparent; }
body *::-webkit-scrollbar-track,
body *::-webkit-scrollbar-corner { background: transparent; }
body *::-webkit-scrollbar-thumb {
  background-color: rgba(240, 244, 249, 0.14);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}
body *:hover::-webkit-scrollbar-thumb { background-color: rgba(240, 244, 249, 0.28); }
body *::-webkit-scrollbar-thumb:active { background-color: rgba(245, 166, 35, 0.6); }