/**
 * nachbestellen.css - Seite Nachbestellen des Verbrauchsmaterials (Issue 529).
 *
 * Listen-Patterns aus _shared/functions/list-view/grid-css, Linien, halbfette
 * Kopfzeile und Zuklappen aus dem Baum-Baustein (functions/list-view/tree),
 * Zahlen-Spalten ueber .idf-list-cell-num, Status-Pille aus blocks/status-pille,
 * Lieferanten-Pille aus primitives/avatar. Hier steht nur, was nur diese
 * Seite hat: die Spaltenbreiten und der Abstand der Lieferanten-Pille.
 */

.nb-grid {
  /* Status · Zuklappen · Material · Bestand · Mindestbestand · Reserviert · Bestellt · Bestellen.
     Die zweite Spalte traegt die Plus-Pille des Baum-Bausteins an der
     Kopfzeile eines Lieferanten (Issue 2545: Status vorn, wie in
     safeguard-it/prozesse). */
  display: grid;
  /* Breiten aus der CSS-Variable (col-resize-Baustein); Fallback = Defaults. */
  grid-template-columns: var(--nb-cols,
    44px 44px minmax(260px, 1fr) 150px 150px 120px 120px 170px);
  align-items: stretch;
  gap: 0;
}

/* Status- und Plus-Pille mittig, Padding-Reset (28-px-Pille zentriert), wie in den Projekten. */
.nb-rows .nb-row .nb-grid > .idf-list-cell-action {
  justify-content: center;
  padding: 0;
}

/* Pille des Lieferanten vor dem Namen in der Kopfzeile (Issue 2545). */
.nb-lieferant-pille {
  display: inline-flex;
  flex: 0 0 auto;
  margin-right: var(--space-2);
}