/* CSS especifico da atividade "chart". */

/* Barra com o maior valor do conjunto (calculada em PHP, marcada por
   data-lider). O anel translúcido funciona nos dois temas sem precisar de
   um par claro/escuro — é uma sobreposição, não uma cor sólida. */
.gc-barra[data-lider="true"] .gc-trilha {
  box-shadow: 0 0 0 2px rgba(99, 102, 241, .45);
}

/* Barra escolhida pela pessoa pra comparação (data-selecionada, alternado
   em grafico.js). Cor diferente da liderança pra não confundir "maior
   valor" com "selecionada pra comparar" quando as duas coincidem. */
.gc-barra[data-selecionada="true"] .gc-trilha {
  box-shadow: 0 0 0 2px rgba(234, 179, 8, .65);
}

.gc-barra:hover .gc-trilha {
  box-shadow: 0 0 0 2px rgba(100, 116, 139, .35);
}

.gc-barra[data-lider="true"]:hover .gc-trilha {
  box-shadow: 0 0 0 2px rgba(99, 102, 241, .6);
}

.gc-barra[data-selecionada="true"]:hover .gc-trilha {
  box-shadow: 0 0 0 2px rgba(234, 179, 8, .8);
}