/* ALWAYS-VISIBLE SCROLLBARS, app-wide (Brad 2026-10-05).
   Chrome / Edge on Windows 11 draw AUTO-HIDE OVERLAY scrollbars by default: invisible until hovered, sitting on top
   of the content, and next to impossible to grab with a trackpad, touch, or a mouse without a wheel. The activity
   drawer's list could only be scrolled with a wheel. An explicitly STYLED ::-webkit-scrollbar is always drawn as a
   classic scrollbar in Chromium — it takes its own width and never auto-hides — so every page and every scrolling
   panel gets one here. Thin, but wide enough to drag; firm contrast (the standing "too light" correction).

   NOTE: do not add scrollbar-width / scrollbar-color for Chromium — in Chrome 121+ setting either one DISABLES the
   ::-webkit-scrollbar styling below and hands the scrollbar back to the platform (overlay again). They are given to
   Firefox only, which has no ::-webkit-scrollbar. */
html{scrollbar-gutter:stable;}                 /* the page's scrollbar space is always reserved: no width jump */

::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-track{background:#e3e9ef;}
::-webkit-scrollbar-thumb{background:#7d93aa;border-radius:6px;border:2px solid #e3e9ef;min-height:32px;}
::-webkit-scrollbar-thumb:hover{background:#4f6782;}
::-webkit-scrollbar-thumb:active{background:#234a6e;}
::-webkit-scrollbar-corner{background:#e3e9ef;}

@supports not selector(::-webkit-scrollbar){
  *{scrollbar-width:thin;scrollbar-color:#7d93aa #e3e9ef;}
}

/* A drawer / slide-out panel open: the page behind it does not scroll (its position is restored on close). */
html.scroll-locked{overflow:hidden;}