/* One scrollbar look for every page (loaded first in HtmlPageService's lib, and by the pages that do not use lib).
   Thin, rounded, neutral grey that darkens on hover; the track stays transparent. Firefox and Chrome 121+ use the
   standard scrollbar-width / scrollbar-color, older WebKit the ::-webkit-scrollbar rules. Display screens (signage,
   room panel, flight board, welcome board) keep their own. */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, .45) transparent;
}
*:hover {
    scrollbar-color: rgba(71, 85, 105, .65) transparent;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
}
::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: none;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(100, 116, 139, .45);
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(71, 85, 105, .7);
}
::-webkit-scrollbar-corner {
    background: transparent;
}