/* ==========================================================================
   Zugänge: Gesamtübersicht aller Kundenzugänge. Baut auf app.css auf.
   ========================================================================== */

/* "Neuer Zugang": aufklappbare Karte, Formular per Fetch ohne Seitenneuladen (siehe app.js) */
.zugang-formular-karte { padding: 4px 18px; }
.zugang-formular-karte summary { padding: 12px 0; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; }
.zugang-formular-karte summary::-webkit-details-marker { display: none; }
.zugang-formular { display: flex; flex-flow: row wrap; gap: 14px 18px; padding: 4px 0 20px; }
.zugang-formular .field { flex: 1 1 180px; min-width: 0; }
.zugang-formular .field--breit { flex-basis: 100%; }
.zugang-formular .formular-aktionen { flex-basis: 100%; }

/* URL steht (nur bei den wenigen Zugängen, die eine haben) klein unter der Bezeichnung statt in einer eigenen Spalte */
.zugang-sub { font-size: 0.8rem; margin-top: 2px; }

/* Reiter-Leiste der Zugangsarten: schmaler als bei Kunden/Cumodis, ohne Farbwelt */
.zugaenge-reiter { margin-bottom: 14px; }

/* app.js blendet die Leerbox nach einer Live-Suche per [hidden] ein/aus; .leer setzt unbedingt
   "display: flex" (app.css), das schlägt sonst die UA-Regel [hidden] { display: none } (gleiche
   Spezifität, Autoren-CSS gewinnt) – siehe derselbe Fund beim Kalender-Popover. */
.leer[hidden] { display: none; }