/* OverlayScrollbars — 3 states: not visible, visible (dim), visible+hovered (bright) */
.os-scrollbar .os-scrollbar-track {
    background: transparent;
}
.os-scrollbar .os-scrollbar-handle {
    background: var(--text-muted, rgba(255, 255, 255, 0.15));
    border-radius: 3px;
    opacity: 0.4;
    transition: opacity 0.2s, background 0.2s;
}

/* Hover anywhere inside the scrollable host → brighter */
[data-overlayscrollbars-initialize]:hover .os-scrollbar-handle {
    opacity: 0.7;
    background: var(--text-dim);
}

/* Hover directly on scrollbar → full brightness */
.os-scrollbar:hover .os-scrollbar-handle {
    opacity: 1;
    background: var(--text-dim);
}

/* Actively dragging the handle */
.os-scrollbar .os-scrollbar-handle.active,
.os-scrollbar .os-scrollbar-handle:active {
    opacity: 1;
    background: var(--text);
}