/* Mitglied anlegen: Formular. Nur Tokens aus tokens.css und den Bausteinen. */
.actions .knopf--primaer { flex: 1; }

/* Symbole in den Abschnittsköpfen (statt Emoji) */
.sym-kopf { flex: none; inline-size: 1.5rem; block-size: 1.5rem; color: var(--blue-dark); }
.sym-text { inline-size: 1.25rem; block-size: 1.25rem; vertical-align: -0.25rem; margin-inline-end: var(--abstand-xs); }
.seite-kopfsymbol { flex: none; inline-size: 2rem; block-size: 2rem; margin-block-start: 0.125rem; color: var(--blue-dark); }

input[type="file"] {
  padding: var(--abstand-sm) var(--abstand-md);
  cursor: pointer;
  background: var(--blue-light);
  border-style: dashed;
}
input[type="file"]:hover { border-color: var(--blue-mid); }

.datei-liste { list-style: none; padding: 0; margin: var(--abstand-sm) 0 0; }
.datei-liste li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--abstand-xs);
  font-size: var(--schrift-klein);
  color: var(--muted);
  padding: var(--abstand-xs) 0;
  border-bottom: 1px solid var(--border);
}
.datei-liste li:last-child { border-bottom: none; }
.datei-liste .symbol { inline-size: 1.25rem; block-size: 1.25rem; flex: none; }
.datei-liste__groesse { color: var(--muted); }
.dokumente-vorschau { margin-top: var(--abstand-sm); }
.dokumente-vorschau[hidden] { display: none; }

.status-zeile { margin: 0; padding: var(--abstand-sm) 0; font-size: var(--schrift-text); color: var(--muted); }

/* Schalter für die Spendenquittung: Fläche mindestens 44 px hoch */
.toggle-wrap { display: flex; align-items: center; gap: var(--abstand-md); }
.toggle { position: relative; display: inline-block; width: 3.25rem; height: var(--tippflaeche); flex-shrink: 0; margin: 0; }
.toggle input { opacity: 0; width: 100%; height: 100%; margin: 0; position: absolute; inset: 0; cursor: pointer; }
.toggle__slider {
  position: absolute;
  inset: 0.625rem 0;
  background: var(--farbe-rand-steuerelement);
  border-radius: var(--radius-rund);
  transition: background 0.2s;
  pointer-events: none;
}
.toggle__slider::before {
  content: "";
  position: absolute;
  width: 1.125rem;
  height: 1.125rem;
  left: 0.1875rem;
  top: 0.1875rem;
  background: var(--farbe-flaeche);
  border-radius: 50%;
  transition: transform 0.2s;
}
.toggle input:checked + .toggle__slider { background: var(--farbe-ok); }
.toggle input:checked + .toggle__slider::before { transform: translateX(1.25rem); }
.toggle input:focus-visible + .toggle__slider { outline: 3px solid var(--focus); outline-offset: 2px; }
.toggle-label { font-size: var(--schrift-text); color: var(--muted); font-weight: 600; }
.toggle-label--an { color: var(--farbe-ok); }

textarea {
  width: 100%;
  min-height: 10rem;
  resize: vertical;
  padding: var(--abstand-md);
  border: 1px solid var(--border-input);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text);
  font: inherit;
  line-height: 1.55;
}
textarea::placeholder { color: var(--muted); }
textarea:focus { border-color: var(--blue-mid); box-shadow: 0 0 0 4px var(--focus); }

.field-hint { margin-top: var(--abstand-sm); font-size: var(--schrift-klein); line-height: 1.45; color: var(--muted); }
.hinweis-zeile { margin: var(--abstand-sm) 0 0; font-size: var(--schrift-klein); color: var(--muted); }