/* ----------------------------------------------------------------------- */
/* Setup wizard                                                             */
/* ----------------------------------------------------------------------- */

/* width: 100% so the wizard fills the available flex-column width
   up to its max — without it, the .standalone parent's
   `align-items: center` causes the wizard to shrink to the visible
   panel's content width (the Token step has a single narrow input,
   which made the whole stepper feel cramped). */
.setup-wizard { width: 100%; max-width: 44rem; margin: 0 auto; }
.setup-stepper { margin-bottom: var(--gap-5); }
.setup-stepper ol {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 0;
}
.setup-stepper li {
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
  margin: 0;
}
.setup-stepper li:last-child { flex: 0 0 auto; }
.setup-stepper button {
  background: transparent;
  border: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-1);
  color: var(--ink-muted);
  cursor: pointer;
  border-radius: 0;
}
.setup-stepper button:hover { color: var(--ink); background: transparent; border: 0; }
.setup-stepper button:disabled { cursor: not-allowed; opacity: 0.5; }
.setup-stepper__circle {
  width: 1.8rem;
  height: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--sans);
  font-size: 0.82rem;
  font-weight: 600;
  border: 1px solid var(--rule-strong);
  background: var(--surface);
  color: var(--ink-muted);
  border-radius: 50%;
}
.setup-stepper__circle.is-active,
.setup-stepper__circle.is-done {
  background: var(--accent);
  color: var(--accent-ink);
  border-color: var(--accent);
}
.setup-stepper__label {
  font-family: var(--sans);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ink-muted);
}
.setup-stepper__label.is-active { color: var(--ink); }
.setup-stepper__connector {
  flex: 1 1 auto;
  height: 1px;
  background: var(--rule-strong);
  margin: 0.85rem 0.4rem 0;
}
.setup-stepper__connector.is-done { background: var(--accent); }
.setup-nav { margin-top: var(--gap-5); }