/* Single-series horizontal bar chart (dashboard). One hue; values direct-labeled
   at the tip in text tokens; bars thin with a rounded data-end, square baseline. */

.viz-bars {
  --series-1: #4a8f66; /* muted palm-green, tied to the brand accent in theme.css */
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.viz-row {
  display: grid;
  grid-template-columns: minmax(90px, 38%) 1fr auto;
  align-items: center;
  column-gap: 8px;
  padding: 1px 2px;
  border-radius: 4px;
}

.viz-row:hover {
  background: rgba(11, 11, 11, 0.04);
}

.viz-label {
  font-size: 0.78rem;
  color: #52514e;
}

.viz-track {
  display: block;
  min-width: 0;
}

.viz-bar {
  display: block;
  height: 14px;
  min-width: 2px;
  background: var(--series-1);
  border-radius: 0 4px 4px 0; /* rounded data-end, square at the baseline */
}

.viz-value {
  font-size: 0.78rem;
  color: #52514e;
  font-variant-numeric: tabular-nums;
}