/*
 * FileHost scrollbar: one thin, flat scrollbar for every scrollable area.
 * Loaded on every HTML page (see ve_scrollbar_style_tag()).
 * !important is intentional: it overrides older per-component scrollbar rules.
 */

/* Chromium, Edge, Safari */
*::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track-piece {
    background: transparent !important;
    border: 0 !important;
}
*::-webkit-scrollbar-thumb {
    min-height: 36px;
    background-color: rgba(var(--ve-ov,255,255,255),0.16) !important;
    background-clip: padding-box !important;
    border: 3px solid transparent !important;
    border-radius: 6px !important;
}
*::-webkit-scrollbar-thumb:hover { background-color: rgba(var(--ve-ov,255,255,255),0.3) !important; }
*::-webkit-scrollbar-thumb:active { background-color: var(--ve-accent,#4a7dff) !important; }
*::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; }
*::-webkit-scrollbar-corner { background: transparent !important; }

/* The page itself sits on the canvas colour */
html::-webkit-scrollbar { width: 12px !important; }
html::-webkit-scrollbar-track { background: var(--ve-canvas,#0f1012) !important; }
html::-webkit-scrollbar-thumb { border-width: 3px !important; }

/* Firefox (no ::-webkit-scrollbar support) */
@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: thin;
        scrollbar-color: rgba(var(--ve-ov,255,255,255),0.22) transparent;
    }
    html { scrollbar-color: rgba(var(--ve-ov,255,255,255),0.22) var(--ve-canvas,#0f1012); }
}