/* ============================================================
   ADRESSBUCH/STYLE.CSS - Seitenspezifische Styles
   ============================================================
   Nur Styles, die AUSSCHLIESSLICH auf der Adressbuch-Seite
   verwendet werden. Gemeinsam genutzte Komponenten (Toolbar,
   Buttons, Tabelle, Karten, Dialog, Tabs, Formularfelder)
   liegen in assets/components.css.
   ============================================================
   Inhalt:
   1. Reiter „Verein“ (Mitgliedschaft)
   ============================================================ */

/* 1. Reiter „Verein“ */
.ab-verein-hinweis { margin: 0 0 14px; font-size: 13px; color: var(--muted, var(--pal-grau)); }
.ab-antrag { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; font-size: 14px; }
.ab-antrag:empty { display: none; }
.ab-antrag label { display: inline-flex; align-items: center; gap: 4px; font-weight: normal; color: var(--muted, var(--pal-grau)); }
.ab-mitglied-aus { color: var(--muted, var(--pal-grau)); }
#tab-verein textarea { width: 100%; resize: vertical; font: inherit; }

/* Reiter „Verein“: Mitgliedschaft als Verknüpfung zu Verein → Mitglieder */
.ab-mg-karte { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 4px 0; }
.ab-mg-karte > .material-icons { font-size: 28px; color: var(--accent-dark); }
.ab-mg-leer > .material-icons { color: var(--ink-faint); }
.ab-mg-text { display: flex; flex-direction: column; flex: 1; min-width: 180px; font-size: 14px; }
.ab-mg-text span { color: var(--ink-soft); font-size: 13px; }

/* ---------- Spaltenbreiten der Kontaktliste (Desktop) ----------
   Kundennummer und Aktionen schmal, Kontakt und E-Mail breiter,
   Schnellzugriff in einer Zeile */
@media (min-width: 901px) {
  .table-equal-columns.table-adressbuch { min-width: 1080px; }
  .table-adressbuch th:nth-child(1) { width: 9%; white-space: nowrap; }    /* Nr. */
  .table-adressbuch th:nth-child(2) { width: 28%; }   /* Kontakt mit Anschrift */
  .table-adressbuch th:nth-child(3) { width: 12%; }   /* Mobil */
  .table-adressbuch th:nth-child(4) { width: 12%; }   /* Telefon */
  .table-adressbuch th:nth-child(5) { width: 18%; }   /* E-Mail */
  .table-adressbuch th:nth-child(6) { width: 12%; }   /* Schnellzugriff */
  .table-adressbuch th:nth-child(7) { width: 9%; }    /* Aktionen */
  .table-adressbuch .col-quickactions .table-entry-actions { flex-wrap: nowrap; gap: 6px; }
  .table-adressbuch .col-actions .table-entry-actions { flex-wrap: nowrap; justify-content: flex-end; }
  /* innen etwas enger, aber linker und rechter Rand wie bei allen Tabellen */
  .table-adressbuch :is(td, th):not(:first-child) { padding-left: 14px; }
  .table-adressbuch :is(td, th):not(:last-child) { padding-right: 14px; }
  .table-adressbuch .col-email { overflow-wrap: anywhere; }
}

/* Kategorien in den Reitern Lieferant / Land / Region – Design wie „Mitgliedsstatus“ */
.ve-st-zeile .ab-kat-desc { font-size: 13px; color: var(--ink-soft); }
.ve-st.badge-category-material { background: var(--pal-petrol-hell); }
.ve-st.badge-category-training { background: var(--pal-gruen-hell); }
.ve-st.badge-category-besteller { background: var(--pal-senf-hell); }
.ve-st.badge-category-veranstaltung { background: var(--pal-indigo-hell); }
.ve-st.badge-category-netzwerk { background: var(--pal-kupfer-hell); }
.ve-st.badge-category-ortsgemeinschaft { background: var(--pal-beere-hell); }
.ve-st.badge-category-hausgemeinschaft { background: var(--pal-rot-hell); }
.ve-st.badge-category-gebet-fasten { background: var(--pal-violett-hell); }
@media (max-width: 600px) { .ve-st-zeile { flex-wrap: wrap; } .ve-st-zeile .ab-kat-desc { flex-basis: 100%; padding-left: 30px; } }
.category-checkbox-list.ve-st-liste { gap: 0; margin-top: 0; }

/* Kontakt-Reiter: Zwischentitel „Ansprechpartner“ (nur bei Firma/Verein/Gemeinde),
   Felder einer Zeile unten bündig, falls eine Beschriftung umbricht */
.ab-zwischentitel { margin: 4px 0 10px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 13px; font-weight: 700; color: var(--ink); }
.ab-zwischentitel[hidden], #wrap-unternehmen[hidden] { display: none; }
#tab-kontakt .field-row { align-items: flex-end; }

/* Kontakt-Spalte wie in der Mitglieder-Tabelle: Anschrift ohne Zeilenumbruch */
.table-adressbuch .col-identity .table-entry-subtitle { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
.table-adressbuch .col-identity .table-identity > div:last-child { min-width: 0; }

/* Mobil, Telefon, E-Mail: je eine Spalte, anklickbar, ohne Umbruch */
.table-adressbuch :is(.col-mobil, .col-phone, .col-email) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
.table-adressbuch .ab-link { color: inherit; text-decoration: none; }
.table-adressbuch .ab-link.link-accent { color: var(--accent-dark, var(--gold-mittel)); }
.table-adressbuch .ab-link:hover { text-decoration: underline; }
@media (max-width: 900px) { .table-adressbuch .col-mobil { display: none; } }

/* Neue Angaben aus Formularen prüfen (ADRESSBUCH.Daten_Pruefen) */
.ab-pruefen { display: inline-flex; align-items: center; gap: 2px; font-size: 11px; font-weight: 700; padding: 1px 8px; border-radius: 999px;
  background: var(--el-meldung-hinweis-hell, var(--pal-senf-hell)); color: var(--el-meldung-hinweis-dunkel, var(--gold-dunkel)); border: 1px solid var(--el-meldung-hinweis-mittel, var(--pal-senf-mittel)); }
.ab-pruefen i { font-size: 14px; }
.ab-pruefen-box { border-color: var(--el-meldung-hinweis-mittel, var(--pal-senf-mittel)) !important; background: var(--el-meldung-hinweis-hell, var(--pal-senf-hell)); }
.ab-pruefen-hinweis { margin: 0 0 8px; font-size: 13px; color: var(--el-meldung-hinweis-dunkel, var(--gold-dunkel)); }
.ab-pruefen-zeile { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--el-meldung-hinweis-mittel, var(--pal-senf-mittel)); }
.ab-pruefen-zeile small { display: block; font-size: 12px; color: var(--ink-soft); }
.ab-pruefen-knoepfe { display: flex; gap: 6px; flex: none; }