.wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.label {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1;
}

.track {
  width: 100%;
  background: var(--bg-inset);
  border-radius: 4px;
  overflow: hidden;
}

.sm { height: 4px; }
.md { height: 8px; }

.fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s ease;
}

.primary  { background: var(--amber); }
.success  { background: var(--success); }
.warning  { background: var(--warning); }
.error    { background: var(--error); }
.running  { background: var(--running); }

/* Indeterminate shimmer */
@keyframes shimmer {
  0%   { transform: translateX(-100%); width: 40%; }
  50%  { transform: translateX(75%); width: 60%; }
  100% { transform: translateX(250%); width: 40%; }
}

.indeterminate {
  width: 40% !important;
  animation: shimmer 1.4s ease-in-out infinite;
}
