.progress-tracker { display: flex; list-style: none; margin: 0; padding: 2rem 0; width: 100%; }
.progress-step { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }
.progress-step:not(:last-child)::after { content: ''; position: absolute; top: 16px; left: 50%; width: 100%; height: 2px; background: grey; z-index: 0; }
.progress-step.is-active:not(:last-child)::after,
.progress-step.is-complete:not(:last-child)::after { background: grey; }
.progress-marker { width: 32px; height: 32px; border-radius: 50%; border: 2px solid grey; background: white; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 500; color: grey; position: relative; z-index: 1; }
.progress-step.is-active .progress-marker { border-color: grey; background: grey; color: #fff; }
.progress-step.is-complete .progress-marker { border-color: #da1724; background: #da1724; color: #fff; }
.progress-title { font-size: 12px; color: var(--color-text-secondary); margin-top: 8px; text-align: center; }
.progress-step.is-active .progress-title { color: grey; font-weight: 500; }

.form-managed-file {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* File list container */
.form-managed-file > .form-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  background: #fff;
}

/* Checkbox = remove toggle */
.form-managed-file input[type="checkbox"] {
  margin-top: 0;
}

/* File name */
.file a {
  text-decoration: none;
}