/* ===========================================================================================================================
 * ROLAGEM FINA — barras de rolagem minimalistas, no estilo do Claude. Ferramenta compartilhada (Módulo Componentes, 15).
 * Uma linha em cada tela, logo depois do CSS das fontes:
 *     <link rel="stylesheet" href="../../geral/componentes/rolagem-fina.css">
 *
 * Vale para a página inteira e para toda área que rola (listas, visualizador de páginas, janelas, campos de texto): trilha transparente,
 * sem setas, só um fio arredondado e discreto que escurece quando o mouse passa por cima. Quem esconde a barra de propósito
 * (por exemplo a lista de itens do menu) continua escondendo: a regra daquele elemento é mais específica que a daqui.
 * Para mudar a cor ou a espessura, mexa só nas variáveis abaixo.
 * =========================================================================================================================== */
:root{
  --rolagem-fio:rgba(110,120,135,.38);          /* cor do fio em repouso */
  --rolagem-fio-sobre:rgba(110,120,135,.7);     /* cor do fio com o mouse em cima */
  --rolagem-faixa:10px;                         /* largura da faixa que a barra ocupa */
  --rolagem-folga:2px;                          /* folga de cada lado do fio (fio = faixa − 2 × folga = 6 px) */
}
*::-webkit-scrollbar{width:var(--rolagem-faixa);height:var(--rolagem-faixa);background:transparent}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--rolagem-fio);background-clip:padding-box;border:var(--rolagem-folga) solid transparent;border-radius:999px;min-height:40px;min-width:40px}
*::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:active{background:var(--rolagem-fio-sobre);background-clip:padding-box}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
*::-webkit-scrollbar-corner{background:transparent}
*::-webkit-resizer{background:transparent}
/* o quadro-branco (Excalidraw, 22) traz barra própria, mais específica que a de cima: volta ao padrão */
.excalidraw ::-webkit-scrollbar{width:var(--rolagem-faixa);height:var(--rolagem-faixa)}
.excalidraw ::-webkit-scrollbar-thumb,.excalidraw ::-webkit-scrollbar-thumb:active{background:var(--rolagem-fio);background-clip:padding-box;border:var(--rolagem-folga) solid transparent;border-radius:999px}
.excalidraw ::-webkit-scrollbar-thumb:hover{background:var(--rolagem-fio-sobre);background-clip:padding-box}
/* navegadores sem ::-webkit-scrollbar (Firefox): o equivalente padrão */
@supports not selector(::-webkit-scrollbar){
  *{scrollbar-width:thin;scrollbar-color:var(--rolagem-fio) transparent}
}