/* portal/base/scrollbars.css — site-wide scrollbar (Firefox + WebKit) */

:root {
    --portal-scrollbar-size: 6px;
    --portal-scrollbar-track: transparent;
    --portal-scrollbar-thumb: var(--rs-rim2, rgba(255, 255, 255, 0.12));
    --portal-scrollbar-thumb-hover: var(--rs-rim3, rgba(255, 255, 255, 0.22));
    --portal-scrollbar-thumb-active: var(--brand-teal, var(--rs-teal, #00c8a0));
}

html[data-theme="light"] {
    --portal-scrollbar-thumb: rgba(10, 40, 80, 0.22);
    --portal-scrollbar-thumb-hover: rgba(10, 40, 80, 0.34);
    --portal-scrollbar-thumb-active: rgba(0, 140, 112, 0.72);
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--portal-scrollbar-thumb) var(--portal-scrollbar-track);
    scrollbar-gutter: stable;
}

*,
*::before,
*::after {
    scrollbar-width: thin;
    scrollbar-color: var(--portal-scrollbar-thumb) var(--portal-scrollbar-track);
}

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

::-webkit-scrollbar-track {
    background: var(--portal-scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background-color: var(--portal-scrollbar-thumb);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
    transition: background-color 0.15s ease;
}

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

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

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

/* ── Region sizing (narrow / thin strips) ── */
.rs-sb-nav,
.admin-surface .admin-sidebar-nav {
    --portal-scrollbar-size: 4px;
}

.admin-surface .admin-sidebar-nav {
    --portal-scrollbar-thumb-hover: rgba(232, 25, 44, 0.4);
}

.rs-timeline,
.rs-chat-scroll,
.cs-chat-scroll,
.ctx-more-lang-menu,
.cs-msg-thread,
.rs-auth-lang-dropdown,
.cs-lang-dropdown {
    --portal-scrollbar-size: 4px;
    --portal-scrollbar-thumb-hover: var(--portal-scrollbar-thumb-active);
}

.pkg-bar,
.method-rows,
.mm-body,
.db-pnl-body {
    --portal-scrollbar-size: 2px;
}

.iti__country-list,
#dashboard-quick-upload .rs-qu-tuning-list,
.admin-surface .rs-settings-subnav-inner {
    --portal-scrollbar-size: 4px;
}