/* rolagem.css — a barra de rolagem para de destoar do tema escuro.
 *
 * O NAVEGADOR NAO SABE QUE O FUNDO E PRETO
 *
 * Sem estilo, o Chrome e o Edge desenham a barra padrao do sistema:
 * trilho cinza-claro e polegar branco. Numa tela preta ela vira a coisa
 * mais clara da pagina — e por isso a primeira que o olho encontra.
 * Aparece na lateral, dentro da tabela larga da consulta, em todo lugar
 * que rola.
 *
 * ONDE ISTO VALE
 *
 * Nas 49 telas que nao tratavam a barra — tanto do escritorio quanto do
 * portal do cliente. As 5 que ja tinham estilo proprio continuam
 * mandando: este arquivo entra ANTES do <style> de cada pagina, entao
 * regra da pagina vence. Padronizar por cima do que alguem ja decidiu
 * seria trocar um desalinho por outro.
 *
 * POR QUE TRILHO TRANSPARENTE
 *
 * A Central e o portal usam pretos diferentes (#0b0e14 e #0A0A0A). Um
 * trilho de cor fixa acertaria um e erraria o outro; transparente
 * acerta os dois, hoje e quando mudarem.
 */

/* Firefox */
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}

/* Chrome, Edge, Safari */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.15);
  border-radius:8px;
  /* a borda transparente com background-clip afina o polegar sem
     estreitar a area de clique — barra fina demais nao se pega */
  border:2px solid transparent;
  background-clip:padding-box;
}
::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.30);
  background-clip:padding-box;
}
::-webkit-scrollbar-thumb:active{
  background:rgba(255,255,255,.40);
  background-clip:padding-box;
}
/* o quadradinho onde as duas barras se encontram, na tabela larga */
::-webkit-scrollbar-corner{background:transparent}