/* Guestivity scrollbar treatment, including nested panels and horizontal scrollers.
   Leave high-contrast scrollbars to the browser and operating system. */
@media (forced-colors: none) {
    :root[data-bs-theme="dark"] {
        --fx-scrollbar-thumb: #fefefe;
        --fx-scrollbar-thumb-hover: #e5e5e5;
    }

    :root::-webkit-scrollbar,
    :root *::-webkit-scrollbar,
    :root body #ta-left-sidebar *::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    :root::-webkit-scrollbar-track,
    :root *::-webkit-scrollbar-track,
    :root::-webkit-scrollbar-corner,
    :root *::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    :root::-webkit-scrollbar-thumb,
    :root *::-webkit-scrollbar-thumb,
    :root body #ta-left-sidebar *::-webkit-scrollbar-thumb {
        background-color: var(--fx-scrollbar-thumb, #000000);
        border-radius: 4px;
    }

    :root::-webkit-scrollbar-thumb:hover,
    :root *::-webkit-scrollbar-thumb:hover,
    :root body #ta-left-sidebar *::-webkit-scrollbar-thumb:hover {
        background-color: var(--fx-scrollbar-thumb-hover, #262626);
    }

    /* Orchard's admin theme otherwise hides the expanded navigation scrollbar. */
    :root body #ta-left-sidebar #left-nav > ul.menu-admin::-webkit-scrollbar {
        display: block;
    }

    /* Keep Chromium/WebKit's exact size and hover; use standard properties in Firefox. */
    @supports not selector(::-webkit-scrollbar) {
        :root,
        :root * {
            scrollbar-width: thin;
            scrollbar-color: var(--fx-scrollbar-thumb, #000000) transparent;
        }
    }
}