/* Shared scrollbars — token-backed; aliases dash-base rules for legacy opt-in hosts. */
.gcx-thin-scrollbar,
.ascent-pivot-table-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

.gcx-thin-scrollbar::-webkit-scrollbar,
.ascent-pivot-table-scroll::-webkit-scrollbar {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
}

.gcx-thin-scrollbar::-webkit-scrollbar-track,
.gcx-thin-scrollbar::-webkit-scrollbar-corner,
.ascent-pivot-table-scroll::-webkit-scrollbar-track,
.ascent-pivot-table-scroll::-webkit-scrollbar-corner {
    background: var(--scrollbar-track);
}

.gcx-thin-scrollbar::-webkit-scrollbar-thumb,
.ascent-pivot-table-scroll::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border: 1px solid transparent;
    border-radius: var(--radius-pill);
    background-clip: padding-box;
}

.gcx-thin-scrollbar::-webkit-scrollbar-thumb:hover,
.ascent-pivot-table-scroll::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
}

.gcx-thin-scrollbar::-webkit-scrollbar-thumb:active,
.ascent-pivot-table-scroll::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active);
}

.gcx-thin-scrollbar::-webkit-scrollbar-button,
.ascent-pivot-table-scroll::-webkit-scrollbar-button {
    display: none;
    height: 0;
    width: 0;
}