/* AUFTRAG-STAMMDATEN-FORMULARE-CC.md: Rechtspersonen (Person/Organisation/
   Union) und Anbieter auf den Formular-Standard (Doc 30). Die Karten- und
   Kopfzeilen-Klassen (.ep-karte, .ep-karte-titel, .ep-feldlabel, .ri-karte,
   .ri-kopf, .ri-titel, .ri-inhalt) sind bereits global in event-editor.css -
   hier stehen nur die Klassen, die diese Seiten zusaetzlich brauchen.

   BEWUSST GLOBAL statt scoped, gleiche Begruendung wie event-editor.css:
   Blazors CSS-Isolation greift nicht auf das Markup von Kindkomponenten
   (MudTextField, MudButton, ...), und fast jede Klasse hier haengt genau
   dort. Eingebunden NACH event-editor.css. Abstaende ausschliesslich aus der
   Skala in ci.css. */

/* Eine Zeile der Email-/Telefon-/Kontaktpersonen-Liste: Felder nebeneinander,
   das Entfernen mit Text darunter rechtsbuendig - kein Icon-only-Muelleimer
   neben dem letzten Feld. */
.le-zeile {
    padding: var(--tim-space-3) var(--tim-space-4);
    margin-bottom: var(--tim-space-3);
    border-radius: var(--tim-radius);
    border: 1px solid var(--tim-aubergine-flaeche);
    background: #FFFFFF;
}

.le-zeile-felder {
    margin-bottom: var(--tim-space-1);
}

.le-zeile-loeschen {
    margin-left: auto;
    display: flex;
}

.le-liste {
    display: flex;
    flex-direction: column;
    gap: var(--tim-space-2);
    margin-bottom: var(--tim-space-2);
}

.le-liste-suche {
    padding-top: var(--tim-space-3);
}

.le-hinzufuegen {
    align-self: flex-start;
}

.le-checkbox-item {
    display: flex;
    align-items: center;
}

/* Die Adresssuche (Google Places) ist bewusst ein rohes <input> (Begruendung
   im Dateikopf von AddressForm.razor) - hier nur die Bootstrap-Huelle durch
   ein Mud-aehnliches Kleid ersetzt. */
.af-suchfeld {
    width: 100%;
    min-height: 40px;
    padding: 0 var(--tim-space-3);
    border-radius: var(--tim-radius);
    border: 1px solid color-mix(in srgb, var(--tim-aubergine) 30%, transparent);
    font-family: var(--tim-font);
    color: var(--tim-aubergine);
}

.af-suchfeld:focus {
    outline: none;
    border-color: var(--tim-tomate);
}

/* AUFTRAG-STAMMDATEN-FORMULARE-CC.md Nachtrag: der Veranstaltungsarten-Baum
   (EventTypeForm) - eine .ri-karte je Knoten (wiederverwendet aus
   event-editor.css), Kinder rekursiv eingerueckt statt per <div class="ml-5">. */
.et-titelfeld {
    flex: 1 1 14rem;
    min-width: 0;
}

.et-felder {
    margin-top: var(--tim-space-2);
}

.et-kinder {
    display: flex;
    flex-direction: column;
    gap: var(--tim-space-2);
    margin: 0 0 var(--tim-space-2) var(--tim-space-5);
}

/* QuantTimeForm: Wert + Einheit als kompaktes Feldpaar. */
.qt-zeile {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tim-space-2);
}

.qt-feld {
    max-width: 12rem;
}