/* Formular-Zonen: Inhalt · Schritte · Aktionen. Löschen gehört bewusst nicht ins Formular (Fehltipp-Risiko
   neben "Weiter"), sondern in die Liste.
   Mobil (Standard): untereinander. Desktop (ab 1024 px): Seitenleiste mit Schritten, Inhalt und Aktionsleiste rechts. */
#transferForm {
  display: flex;
  flex-direction: column;
}

.form-content {
  order: 1;
}

.form-sidebar {
  display: contents;
}

.navigation {
  order: 2;
}

.form-actions {
  order: 3;
}

.step-counter {
  margin: 0 0 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--fg-muted);
}

@media (min-width: 1024px) {
  #transferForm {
    display: grid;
    grid-template-columns: 16.5rem minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    grid-template-areas:
      "sidebar content"
      "sidebar actions";
    padding: 0;
  }

  .form-content {
    grid-area: content;
    padding: 2rem 2.5rem 1.5rem;
  }

  .form-sidebar {
    display: flex;
    grid-area: sidebar;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem 1rem;
    background: var(--surface-muted);
    border-right: 1px solid var(--border-subtle);
    border-radius: var(--radius) 0 0 var(--radius);
  }

  .form-actions {
    display: flex;
    grid-area: actions;
    justify-content: space-between;
    padding: 1rem 2.5rem;
    border-top: 1px solid var(--border-subtle);
    border-radius: 0 0 var(--radius) 0;
  }

  .form-actions button {
    min-width: 10rem;
  }
}