/* © 2026 Jose Carvalho. Intel Ceasa. Ver LICENSE. */
/* ================================================================================================
   A CAMADA DE COR (05/10/2026, o Carvalho, vendo os graficos: "preciso que tenha mais cores, degradês, não quero algo meio
   apático. inclusive em todas as telas"). Carregada POR ULTIMO em index.html, de proposito: sai inteira tirando a linha
   dela. O degrade dos desenhos em SVG mora em assets/js/grafico.js (`degradeDeColuna`, `degradeDeArea`); aqui fica o das
   barras feitas de HTML.

   O BRILHO DAS BARRAS DEITADAS: por cima da cor chapada (`background-color`, que continua sendo a cor do SENTIDO, a que
   as baterias leem: scripts/testar-cores-com-sentido.mjs, testar-telas-jap.mjs), um degrade so de sombra, do comeco a
   ponta (`--grafico-brilho-*`, tokens.css): no claro a ponta escurece, no escuro o comeco clareia, e o contraste so sobe.
   O `!important` e so na camada da imagem: as folhas das telas pintam essas barras com o atalho `background:`, que zera a
   imagem, e esta camada tem de valer em todas.
   ================================================================================================ */
.hbarra-preenche,
.barra-celula-preenche,
.gr-div-barra,
.jap-produto-barra,
.gr-comp-pedaco {
  background-image: linear-gradient(90deg, var(--grafico-brilho-alto), var(--grafico-brilho-baixo)) !important;
}
/* a barra de quem caiu cresce da direita para a esquerda: a ponta dela e a esquerda */
.gr-div-barra.caiu {
  background-image: linear-gradient(270deg, var(--grafico-brilho-alto), var(--grafico-brilho-baixo)) !important;
}