/* A pad's provisioning steps (app/views/pads/_steps.html.erb). */
.pad-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pad-step {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--nax-ink-10);
}

.pad-step:last-child { border-bottom: none; }

.pad-step-status { color: var(--nax-ink-70); }

.pad-step[data-status="pending"] .pad-step-name { color: var(--nax-ink-45); }
.pad-step[data-status="running"] .pad-step-status { color: var(--nax-amber-text); }
.pad-step[data-status="done"] .pad-step-status { color: var(--nax-green-text); }
.pad-step[data-status="failed"] .pad-step-status { color: var(--nax-red-text); }