/* ---------- Admin → Einstellungen (B2.7) und Erscheinungsbild (B2.8) ---------- */

.settings-tabs { display: flex; flex-wrap: wrap; gap: var(--s-space-2); margin-bottom: var(--s-space-4); }
/* Reiter sind Links: auf dem Handy gross genug zum Tippen (Touch-Ziel 44 px, DESIGN_SYSTEM) */
@media (max-width: 767.98px) {
  .settings-tabs .chip { min-height: 44px; padding: 0 var(--s-space-4); }
}

.settings-group { display: grid; gap: var(--s-space-4); }
.settings-group__title { font-size: var(--s-text-lg); font-weight: 700; }
.settings-group__desc { margin-top: calc(var(--s-space-3) * -1); }

.settings-form { display: grid; gap: 0; }
.settings-form__actions { margin-top: var(--s-space-5); }

.settings-field__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-space-2); flex-wrap: wrap; }
.settings-source {
  font-size: var(--s-text-xs); font-weight: 600; letter-spacing: .02em;
  padding: 2px var(--s-space-2); border-radius: var(--s-radius-pill);
  background: var(--s-surface-2); color: var(--s-text-2); border: 1px solid var(--s-border);
}
.settings-source--db { background: var(--s-accent-soft); color: var(--s-accent-text); border-color: var(--s-accent-border); }
.settings-field--locked .input { background: var(--s-surface-2); color: var(--s-text-2); cursor: not-allowed; }

.settings-secret-state, .settings-check {
  display: flex; align-items: center; gap: var(--s-space-2); font-size: var(--s-text-sm); color: var(--s-text-2);
}
.settings-secret-state .icon, .settings-check--ok .icon { color: var(--s-success); }
.settings-check--failed .icon, .settings-check--disabled .icon { color: var(--s-danger); }
.settings-clear { margin-top: 2px; }

/* Fehler direkt am Feld (Inline-Validierung) */
.field-error { display: flex; align-items: flex-start; gap: var(--s-space-2); font-size: var(--s-text-sm); color: var(--s-danger); }
.field-error .icon { flex: none; margin-top: 2px; }
.input[aria-invalid="true"] { border-color: var(--s-danger); }
.input[aria-invalid="true"]:focus { box-shadow: 0 0 0 4px var(--s-danger-soft); }

/* Prüfen, Logo, Weiterleitungs-Adresse: abgesetzt unter dem Formular */
.settings-extra {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s-space-4); flex-wrap: wrap;
  padding-top: var(--s-space-4); border-top: 1px solid var(--s-border);
}
.settings-extra--stacked { display: grid; justify-content: stretch; }
.settings-extra__text { display: grid; gap: var(--s-space-1); min-width: 0; flex: 1 1 260px; }
.settings-extra__title { font-size: var(--s-text-base); font-weight: 600; }
.settings-extra .copy-field { margin: 0; border-color: var(--s-border); }
.settings-warnings { display: grid; gap: var(--s-space-1); margin: 0; padding-left: var(--s-space-4); }

.settings-logo { display: flex; align-items: center; gap: var(--s-space-3); flex-wrap: wrap; }
.settings-logo__preview {
  display: grid; place-items: center; width: 64px; height: 64px; flex: none;
  border: 1px solid var(--s-border); border-radius: var(--s-radius); background: var(--s-surface-2);
}
.settings-logo__preview img { width: 48px; height: 48px; object-fit: contain; }
.settings-logo__form { display: flex; align-items: center; gap: var(--s-space-2); flex-wrap: wrap; flex: 1 1 280px; min-width: 0; }
.settings-logo__form .input { flex: 1 1 200px; min-width: 0; }

/* Eigenes Logo statt Lesezeichen: nie verzerrt */
.brand__mark, .auth-card__brand img { object-fit: contain; }

/* Text der Betreiber auf der Login-Seite */
.auth-card__note { margin: calc(var(--s-space-3) * -1) 0 var(--s-space-5); padding: var(--s-space-3) var(--s-space-3); border-radius: var(--s-radius); background: var(--s-surface-2); color: var(--s-text-2); font-size: var(--s-text-sm); }
.auth-card__note p + p { margin-top: var(--s-space-2); }

/* Impressum, Datenschutz, AGB */
.legal-links { display: flex; flex-wrap: wrap; gap: var(--s-space-1) var(--s-space-4); font-size: var(--s-text-sm); }
.legal-links a { color: var(--s-text-2); text-decoration: underline; text-underline-offset: 2px; min-height: 24px; display: inline-flex; align-items: center; }
.legal-links a:hover { color: var(--s-text); }
.legal-links--app { margin-top: var(--s-space-7); padding-top: var(--s-space-4); border-top: 1px solid var(--s-border); }
.legal-links--auth { justify-content: center; margin-top: var(--s-space-2); }
.legal-links--share { justify-content: center; padding: var(--s-space-4); }

/* Absender-Adressen für den Mail-Eingang (Einstellungen, V1.7): Adresse, Status, Aktionen; auf 375 px umbrechend */
.sender-list { display: grid; gap: var(--s-space-2); margin: var(--s-space-4) 0 0; padding: 0; list-style: none; }
.sender-list__item {
  display: flex; align-items: center; gap: var(--s-space-2) var(--s-space-3); flex-wrap: wrap;
  padding: var(--s-space-2) 0; border-top: 1px solid var(--s-border);
}
.sender-list__email { flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
.sender-list__actions { margin-left: auto; }