/**
 * Scrollbar tema terang/gelap — konsol, monitor, login.
 * Mengikuti class html.dark dari theme.js.
 */
:root {
    --sb-size: 10px;
    --sb-track: rgba(28, 25, 21, 0.04);
    --sb-thumb: #c4bdb0;
    --sb-thumb-hover: #9a9286;
    --sb-thumb-active: #7a7368;
}

html.dark {
    --sb-track: rgba(244, 239, 230, 0.05);
    --sb-thumb: #4a453c;
    --sb-thumb-hover: #6f685f;
    --sb-thumb-active: #8a8276;
}

html {
    scrollbar-gutter: stable;
}

html,
body,
* {
    scrollbar-width: thin;
    scrollbar-color: var(--sb-thumb) var(--sb-track);
}

*::-webkit-scrollbar {
    width: var(--sb-size);
    height: var(--sb-size);
}

*::-webkit-scrollbar-track {
    background: var(--sb-track);
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--sb-thumb);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

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

*::-webkit-scrollbar-thumb:active {
    background-color: var(--sb-thumb-active);
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

@media print {
    * {
        scrollbar-width: none;
    }
    *::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}