/* idf-bestandteile.css - Reiter „Bestandteile“ (apps-v2 Issue 2382).
   Nur Layout: Zeilen, Pillen, Stift und Papierkorb kommen aus dem
   Standard-Listen-Muster (functions/list-view/grid-css), die Spalten-
   breiten setzt der Baustein aus der Spec. Gehoben aus leistungen.css
   (.lst-bundle-sect, .lst-bundle-secthead, .lst-bundle-secttitle,
   .lst-bundle-add, .lst-bundle-add-form), Werte unverändert. */

.idf-bestandteile {
  display: flex;
  flex-direction: column;
  gap: var(--space-3, 12px);
  min-height: 0;
}

/* Abschnitte: Bestandteile, enthalten in. */
.idf-bestandteile-sect { margin-top: var(--space-4, 16px); }

.idf-bestandteile-secthead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3, 12px);
  margin-bottom: var(--space-2, 8px);
}
.idf-bestandteile-titel {
  font-weight: var(--weight-semi, 600);
  color: var(--ink);
}

/* Fußzeile des Moduls unter der Liste, etwa die Summe der Einzelpreise. */
.idf-bestandteile-fuss {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2, 8px) var(--space-4, 16px);
  padding: var(--space-2, 8px) var(--idf-list-gutter-end, 12px) 0 var(--idf-list-gutter, 12px);
  font-size: var(--font-base);
  color: var(--ink);
}

.idf-bestandteile-add { margin-top: var(--space-2, 8px); }

/* Dialog „Bestandteil hinzufügen“: das .idf-form-Raster im confirmModal
   braucht etwas Mindestbreite, damit die Auswahl nicht quetscht. */
.idf-bestandteile-form { min-width: min(440px, 80vw); }