/* Druck (Issue 2435): nur die Raster der Liste und der beiden Klapp-Listen
   im Fenster. Zellen, Pillen und der Karten-Modus unter 600 px kommen aus
   grid-css und den Bausteinen. Keine eigene Breakpoint-Regel: die Liste
   laeuft auf col-resize (Begruendung in stammdaten/lager.css). */
.dr-grid {
  /* Name · Druckpartner · Max. Auflage · Aufschlag · Abgleich · Shop · Optionen */
  display: grid;
  grid-template-columns: var(--dr-cols, minmax(220px, 1fr) 180px 170px 120px 170px 140px 44px);
  align-items: stretch;
  gap: 0;
}

/* Reiter Merkmale: Schalter · Merkmal · angeboten */
.dr-merkmal-grid { display: grid; grid-template-columns: 44px minmax(160px, 1fr) 160px; }

/* Reiter Varianten: Schalter · je Merkmal des Produkts eine Spalte, in der
   Reihenfolge des Druckpartners (Issue 2476, 2481) · Preise · Status. Die
   Merkmal-Spalten setzt druck-list.js als --dr-variante-spalten, jede so
   breit wie ihr Inhalt verlangt (gemessen dort bei spaltenRaster); Preise
   70 und Status 104 px stehen dort als FEST mit drin. Lange Werte brechen
   zwischen den Woertern um, statt abzuschneiden. Ohne Merkmale steht die
   eine Spalte „Variante“. */
.dr-variante-grid { display: grid; grid-template-columns: 44px var(--dr-variante-spalten, minmax(160px, 1fr)) 70px 104px; }
.dr-variante-grid > .dr-cell-wert .idf-list-cell-text { white-space: normal; overflow-wrap: break-word; }
/* Ist das Fenster schmaler als die Mindestbreite (Pilot, 6 Merkmale:
   rund 930 px), scrollt die Liste in sich waagerecht samt aufgeklappter Preise,
   statt ueber den Rand zu ragen. Die Liste ist ein Container
   (inline-size), max-content greift an ihr nicht, deshalb die Zahl aus
   druck-list.js. */
.dr-varianten { overflow-x: auto; }
.dr-varianten > .idf-klapp-liste { min-width: var(--dr-varianten-min, 0); }

/* Preise einer Variante, aufgeklappt (Issue 2478): Auflage · Versand ·
   Verkauf · Einkauf · Druckpartner · Lieferzeit · Daten bis. Gemessen am
   07.11.2026 bei 16 px samt 2 × 12 px Rand: Kopf „Verkauf netto“ 117 px,
   „Druckpartner“ rund 110, „Daten bis“-Wert „12:00 Uhr“ 96, „4 Werktage“
   107, „Overnight“ unter 96. Die Lieferzeit nimmt den Rest. */
.dr-preis-grid { display: grid; grid-template-columns: 90px 96px 120px 120px 116px minmax(116px, 1fr) 100px; }
/* Zusammen mindestens 758 px. Im schmalen Fenster (gemessen: 627 px Platz)
   scrollt die Tabelle in sich, Kopf und Zeilen gemeinsam, statt 100 px
   ueber den Rand des Formulars zu ragen. Die Tooltips der Koepfe lagert
   blocks/tooltip in so einem Kasten selbst aus (is-tt-fixed). */
.dr-preise { overflow-x: auto; }
.dr-preise > .idf-list-thead, .dr-preise > .idf-list-rows { min-width: max-content; }

/* Die Werte eines Merkmals stehen als Pillen nebeneinander und brechen um. */
.dr-werte { display: flex; flex-wrap: wrap; gap: var(--space-2); }