/* ============================================================
   Vandelay Companies — Progress meter
   Active only inside .vc-design-context.

   A thin completion bar for "8 of 12 items done" rows on the
   project list, PIP and dashboard pages. Tone tracks how far
   along the work is, matching the legacy low/mid/high split.
   ============================================================ */

.vc-design-context .vc-progress {
  display: flex;
  align-items: center;
  gap: var(--vc-space-2);
}

.vc-design-context .vc-progress__track {
  flex: 1 1 auto;
  min-width: 0;
  height: 6px;
  border-radius: 999px;
  background: var(--vc-rule);
  overflow: hidden;
}

.vc-design-context .vc-progress--lg .vc-progress__track {
  height: 8px;
}

.vc-design-context .vc-progress__fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--vc-ink-4);
  transition: width 0.2s ease;
}

.vc-design-context .vc-progress__fill--mid  { background: var(--vc-warning); }
.vc-design-context .vc-progress__fill--high { background: var(--vc-positive); }

.vc-design-context .vc-progress__label {
  flex: 0 0 auto;
  font-family: var(--vc-mono);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--vc-ink-3);
  white-space: nowrap;
}