Web: Einzelstück-Detail ohne eigene Färbung, als eine Ansicht

Die blaue Hinterlegung der Detailzeile (Preis/Belege) entfernt; Stück-Zeile und
Detailzeile bilden jetzt eine zusammenhaengende Ansicht ohne Trennlinie
dazwischen.

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

web/src/components/Einzelstuecke.jsx

@@ -185,7 +185,7 @@ export default function Einzelstuecke({ product, locations, shops, isAdmin, onCh
           <tbody>
             {items.map((it) => (
               <Fragment key={it.id}>
-              <tr>
+              <tr className="einzel-mainrow">
                 <td><QrImg text={`${origin}/i/${it.uid}`} size={56} /></td>
                 <td data-label="UID" className="strong nowrap">{it.uid}</td>
                 <td data-label="Lagerort">

web/src/styles.css

@@ -361,8 +361,10 @@ td select { width: auto; min-width: 0; max-width: 100%; }
 /* In Zahlenspalten sitzt der Inhalt rechts, passend zur Ausrichtung der Spalte. */
 .table td.num .cell-row { justify-content: flex-end; }
 .table tbody tr:last-child td { border-bottom: none; }
-/* Immer sichtbare Detailzeile der Einzelstücke (Preis + Belege) leicht absetzen. */
-.einzel-detailrow > td { background: var(--surface-2); }
+/* Stück-Zeile und ihre Detailzeile (Preis + Belege) bilden eine Einheit: keine
+   Trennlinie und keine eigene Färbung dazwischen, nur unter der Detailzeile. */
+.einzel-mainrow > td { border-bottom: none; }
+.einzel-detailrow > td { border-top: none; padding-top: 0; }
 .table tbody tr:hover { background: var(--surface-2); }
 .num { text-align: right; font-variant-numeric: tabular-nums; }
 .strong { font-weight: 640; }