/* Полосы прокрутки на всём сайте: тонкие, скруглённые, в цветах Plibber.
   Chrome / Edge / Safari / Яндекс — через ::-webkit-scrollbar (можно скруглить и подсветить при наведении),
   Firefox — через стандартные scrollbar-width / scrollbar-color.
   Блоки, где прокрутка скрыта нарочно (вкладки, ленты чипсов: scrollbar-width:none или display:none), не меняются. */
:root{
    --pl-sb-thumb: #C3CAD7;
    --pl-sb-thumb-hover: #98A2B4;
    --pl-sb-thumb-active: #2D82EE;
    --pl-sb-page-track: #F1F3F8;
}
html.dark{ /* тёмная тема админки */
    --pl-sb-thumb: #4A5263;
    --pl-sb-thumb-hover: #687186;
    --pl-sb-page-track: #12151C;
}

@supports not selector(::-webkit-scrollbar){
    *{ scrollbar-width: thin; scrollbar-color: var(--pl-sb-thumb) transparent; }
    html{ scrollbar-color: var(--pl-sb-thumb) var(--pl-sb-page-track); }
}

/* внутренние блоки: списки, окна, выпадающие меню, текстовые поля */
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: transparent; }
::-webkit-scrollbar-thumb{
    min-height: 36px;
    min-width: 36px;
    border: 3px solid transparent;
    border-radius: 10px;
    background-color: var(--pl-sb-thumb);
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover{ background-color: var(--pl-sb-thumb-hover); }
::-webkit-scrollbar-thumb:active{ background-color: var(--pl-sb-thumb-active); }
::-webkit-scrollbar-corner{ background: transparent; }
::-webkit-scrollbar-button{ display: none; width: 0; height: 0; }

/* прокрутка всей страницы — чуть шире и на светлой дорожке
   (Chrome берёт стиль полосы окна то у html, то у body — задаём обоим) */
html::-webkit-scrollbar, body::-webkit-scrollbar{ width: 12px; height: 12px; }
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track{ background: var(--pl-sb-page-track); }
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb{ border-width: 3px; min-height: 48px; }

/* в узких полях (выпадающие списки, чипсы) — потоньше */
textarea::-webkit-scrollbar, select::-webkit-scrollbar{ width: 8px; }