/*
 * Informe de un participante de hif (js/views/hif-participant-report.js): usa la columna, el panel
 * y las barras de her-report.css. Sin niveles, todas las barras llevan el degradado de marca; bajo
 * cada una, la suma y el promedio de la herida.
 */
.hif-report .her-report__bar-fill {
  background: linear-gradient(90deg, var(--brand-magenta), var(--brand-blue));
}

.hif-report__note {
  margin: calc(-1 * var(--space-1)) 0 var(--space-3);
  color: var(--brand-text-muted);
  font-size: var(--text-small);
  line-height: var(--text-small-leading);
}

.hif-report__detail {
  color: var(--brand-text-muted);
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}