/*
  VTA Stage 9 heat semantic chart colours v1.1
  Scope: the six Google Charts inside #analytics only.

  Heat treatment is reserved for burden-oriented measures:
    - Freight exposure score
    - Truck share

  Truck volume remains blue because high strategic-freight throughput is not,
  by itself, evidence of poor performance or community burden.
*/

#analytics .chart-placeholder[data-vta-colour-applied="true"] svg rect[data-vta-chart-bar="true"] {
  transition: fill 160ms ease, opacity 160ms ease;
}

#analytics .chart-placeholder[data-vta-colour-applied="true"] svg rect[data-vta-chart-bar="true"]:hover {
  opacity: 0.84;
}

#analytics .vta-chart-heat-legend {
  display: grid;
  grid-template-columns: auto minmax(110px, 220px) auto;
  align-items: center;
  gap: 10px;
  margin: 12px 0 2px;
  color: #587084;
  font-size: 0.78rem;
  line-height: 1.2;
}

#analytics .vta-chart-heat-legend__scale {
  display: block;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(113, 78, 35, 0.13);
  background:
    linear-gradient(
      90deg,
      #F3D58A 0%,
      #F0B04A 30%,
      #E57A35 58%,
      #D04A32 80%,
      #A92E2E 100%
    );
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

#analytics .vta-chart-heat-legend span:last-child {
  text-align: right;
}

@media (max-width: 700px) {
  #analytics .vta-chart-heat-legend {
    grid-template-columns: auto minmax(80px, 1fr) auto;
    gap: 8px;
    font-size: 0.72rem;
  }
}