/* ============================================================================
   Progress Bar
   ============================================================================ */

.progress-bar {
  position: relative;
  height: 24px;
  min-width: 120px;
  background: var(--ffmpeg-surface-3);
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px var(--ffmpeg-border);
}

.progress-bar__fill {
  height: 100%;
  background: linear-gradient(90deg, var(--ffmpeg-success), var(--ffmpeg-info));
  border-radius: 999px;
  transition: width 0.3s ease;
}

.progress-bar__text {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--ffmpeg-title);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* Step Cell */
.ffmpeg-step-cell {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ffmpeg-text-muted);
}

/* Error Message */
.ffmpeg-error-message {
  max-width: 400px;
  color: var(--ffmpeg-danger);
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
