/* pv-admin.css: Admin-Tools der Patenschaftsverwaltung (nur Tokens, keine festen Farbwerte) */

/* Migration: Fortschritt */
.migration-fortschritt-text {
  text-align: center;
  margin-top: var(--abstand-sm);
  font-size: var(--schrift-klein);
  color: var(--muted);
}

/* Migration: Schritt-Liste */
.migration-schritte {
  list-style: none;
  padding: 0;
  margin: var(--abstand-md) 0;
}

.migration-schritte li {
  padding: 0.75rem;
  margin: var(--abstand-sm) 0;
  background-color: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  gap: var(--abstand-md);
}

/* Schrittstatus als Symbol (offen: leerer Kreis, erledigt: Haken, Fehler: Kreuz), Text steht im aria-label */
.schritt-status {
  flex: none;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  border: 2px solid var(--muted);
  border-radius: 50%;
}

.schritt-status--ok,
.schritt-status--fehler {
  border: 0;
  border-radius: 0;
  -webkit-mask: var(--symbol-ok) center / contain no-repeat;
  mask: var(--symbol-ok) center / contain no-repeat;
}

.schritt-status--ok {
  background-color: var(--farbe-ok);
}

.schritt-status--fehler {
  background-color: var(--farbe-fehler);
  -webkit-mask-image: var(--symbol-fehler);
  mask-image: var(--symbol-fehler);
}

.schritt-text {
  flex: 1;
}

.migration-schritte li:has(.schritt-status--ok) {
  background-color: var(--farbe-ok-bg);
  border-color: var(--farbe-ok-rand);
}

.migration-schritte li:has(.schritt-status--fehler) {
  background-color: var(--farbe-fehler-bg);
  border-color: var(--farbe-fehler-rand);
}

/* Textfelder für Altdaten-IDs */
#migration-zusammenfuehren,
#migration-getrennt {
  font-family: monospace;
  font-size: var(--schrift-text);
}