/* Полосы прокрутки — общие для обеих панелей.
   Системные полосы (толстые, непрозрачные, разные в macOS и Windows) в интерфейсе
   не используются: они ложатся на содержимое и ломают плотную вёрстку списков.
   Везде тонкая полоса на прозрачной дорожке. Скрыть полосу совсем можно только
   более специфичным селектором конкретного блока — как в барабане времени. */

:root {
    --ui-scroll-thumb: var(--color-border, rgba(15, 23, 42, 0.22));
    --ui-scroll-thumb-hover: var(--color-text-muted, rgba(15, 23, 42, 0.4));
    --ui-scroll-size: 8px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--ui-scroll-thumb) transparent;
}

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

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

::-webkit-scrollbar-thumb {
    background: var(--ui-scroll-thumb);
    border-radius: calc(var(--ui-scroll-size) / 2);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--ui-scroll-thumb-hover);
}