/* CUBE: block — a proportional share bar (a shop's % of the period total).
   The fill width is a per-instance data value passed as inline --meter-fill. */

.meter {
  display: block;
  margin-block-start: var(--space-xs);
}
.meter__track {
  block-size: var(--space-xs);
  background: var(--color-primary-soft);
  border-radius: var(--radius-pill);
  overflow: hidden;
}
.meter__fill {
  display: block;
  block-size: 100%;
  inline-size: var(--meter-fill, 0%);
  background: var(--color-primary);
  border-radius: var(--radius-pill);
}