/* =========================================================================
 * OneGrid Web — Scrollbar
 * -------------------------------------------------------------------------
 * Ports the app/ui/scrollbar_style.py QSS to CSS. The desktop version paints
 * an 8-px pill-handle scrollbar with a `context_color` handle, `bg_one`
 * track, and `dark_four` arrow-button stubs. WebKit / Blink expose
 * `::-webkit-scrollbar-*` for a near-identical look; Firefox uses the
 * `scrollbar-color` shorthand.
 * =======================================================================*/

/* Firefox / Gecko */
* {
    scrollbar-color: var(--context-color) var(--bg-one);
    scrollbar-width: thin;
}

/* WebKit / Blink */
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: var(--bg-one);
}

*::-webkit-scrollbar-track {
    background: var(--bg-one);
    border-radius: 0;
}

*::-webkit-scrollbar-thumb {
    background: var(--context-color);
    border-radius: 4px;
    min-height: 25px;
    min-width: 25px;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--context-hover);
}

*::-webkit-scrollbar-thumb:active {
    background: var(--context-pressed);
}

*::-webkit-scrollbar-corner {
    background: var(--bg-one);
}

/* Reduced motion + reduced transparency stays visually consistent */
@media (prefers-reduced-motion: reduce) {
    * {
        scroll-behavior: auto;
    }
}