Web: Verbrauchsgegenstand als dritte Gegenstands-Art + Typ-Position + Thumbnail

ProductForm: Typ/Kategorie an feste Position (nach Marke, vor den typ-
spezifischen Feldern) - der Umschalter springt nicht mehr je nach Auswahl.
Gegenstaende bekommen eine 3-Wege-Verwaltung: Menge je Lagerort /
Einzelstuecke / Verbrauchsgegenstand. Verbrauchsgegenstaende werden wie
Lebensmittel als Charge (Einheit, Packung, MHD, Mindestbestand mit Einheit,
Gruppe, Chargen-Ansicht) gefuehrt (foodLike = kein Gegenstand ODER bulk).
Menge-Gegenstaende koennen jetzt ebenfalls einer Gruppe zugeordnet werden.

Thumbnail: .thumb display:block, damit die Zeilenhoehe beim Nachladen nicht
mehr minimal springt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/src/styles.css

@@ -397,6 +397,7 @@ td select { width: auto; min-width: 0; max-width: 100%; }
 .strong { font-weight: 640; }
 .thumb-cell { width: 44px; }
 .thumb {
+  display: block;  /* sonst hebt die Inline-Grundlinie die Zeile beim Nachladen minimal */
   width: 34px; height: 34px; object-fit: cover;
   border-radius: var(--radius-sm); border: 1px solid var(--border); background: var(--surface-2);
 }
@@ -1007,6 +1008,8 @@ tr.row-active { background: var(--surface-2); }
    direkt daneben geklebt. */
 .seg-label { display: flex; align-items: center; gap: var(--sp-3); }
 .seg-label .segmented { margin-top: 0; }
+/* Dreifach-Umschalter (Verwaltung) darf bei Platznot umbrechen. */
+.segmented.seg-wrap { flex-wrap: wrap; }
 
 /* Artikelfoto mit Aufnahme-/Galerie-Knöpfen */
 .produkt-foto { display: flex; flex-direction: column; gap: var(--sp-2); align-items: center; }