/* Shared dashboard/docs scrollbars. Keep their width stable to avoid layout shifts. */
:root{--evo-scroll-thumb:#b49acb}
:root[data-theme=dark]{--evo-scroll-thumb:#827091}
:root,:root *{scrollbar-width:thin;scrollbar-color:var(--evo-scroll-thumb) transparent}
*::-webkit-scrollbar{width:5px;height:5px;background:transparent}
*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--evo-scroll-thumb);border-radius:20px}
*::-webkit-scrollbar-button{display:none}

/* Touch devices keep a visible thumb; pointer users reveal each area on hover. */
@media(hover:hover) and (pointer:fine){
  :root,:root *{scrollbar-color:transparent transparent}
  :root:hover,:root *:hover,:root:has(:focus-visible),:root *:focus-visible,:root *:has(:focus-visible){scrollbar-color:var(--evo-scroll-thumb) transparent}
  *::-webkit-scrollbar-thumb{background:transparent}
  *:hover::-webkit-scrollbar-thumb,*:focus-visible::-webkit-scrollbar-thumb,*:has(:focus-visible)::-webkit-scrollbar-thumb{background:var(--evo-scroll-thumb)}
}
@media(forced-colors:active){
  :root,:root *{scrollbar-color:auto}
  *::-webkit-scrollbar-thumb{background:CanvasText}
}