/* ==========================================================================
   Barras de rolagem -- padrão do sistema.
   Mesmo estilo da barra do painel de Anúncios, valendo para TODAS as telas:
   a barra vertical e a horizontal, tanto da página inteira quanto de
   qualquer área rolável dentro dela (tabelas, menu lateral, listas).

   Carregado por <link rel="stylesheet" href="/barras.css"> em cada tela.
   Para mudar a barra do sistema inteiro, mude só este arquivo.

   Alça: 10px, arredondada, cinza #22242F (--surface3), clareia no hover.
   Trilho: transparente, para encostar no fundo escuro sem faixa clara.
   ========================================================================== */

/* Firefox (herda para os elementos de dentro) */
html {
  scrollbar-width: thin;
  scrollbar-color: #22242F transparent;
}

/* Chrome / Edge */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: #22242F;
  border-radius: 99px;
  /* borda transparente + background-clip afina a alça sem encostar na borda */
  border: 2px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.18);
  background-clip: padding-box;
}
/* Cantinho onde a barra vertical encontra a horizontal */
*::-webkit-scrollbar-corner {
  background: transparent;
}