Design P6: Kundenspalte in Angebote und Gutschriften mit Mindestbreite (col-name)

Die Kopfzelle "Kunde" bekommt in OfferList und CreditList die Klasse col-name
(min-width 7rem, die Regel gab es schon fuer den E-Mail-Speicher). Ohne sie
gab die Tabelle der Kundenspalte am Handy fast nichts ab (td bricht ueberall),
und Namen brachen mitten im Wort ("Fahrschul/e Roth", 79 px bei 390 px).
Kommentar der Regel nennt jetzt alle drei Tabellen.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/components/credits/CreditList.jsx

@@ -32,7 +32,7 @@ export default function CreditList({ customerId, selectedId, onSelect, reloadKey
           <thead>
             <tr>
               <th className="hide-sm">Eingang</th>
-              <th>Kunde</th>
+              <th className="col-name">Kunde</th>
               <th className="hide-md">Leistung / bisher bei</th>
               <th className="hide-sm right num">Rechnung</th>
               <th className="hide-md">Bezahlt bis</th>

src/components/offers/OfferList.jsx

@@ -63,7 +63,7 @@ export default function OfferList({ customerId, reloadKey, onMessage, onChanged
           <thead>
             <tr>
               <th className="hide-md">Angelegt</th>
-              <th>Kunde</th>
+              <th className="col-name">Kunde</th>
               <th>Angebot</th>
               <th className="hide-sm">Gültig bis</th>
               <th className="col-status">Status</th>

src/styles/global.css

@@ -1220,8 +1220,8 @@ div.cell-actions { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6p
 /* gibt ihr die Tabelle (td bricht ueberall) fast nichts ab und "Abschluss" oder "Zurueckziehen" brechen mitten im Wort. */
 .table-wrap th.col-status { min-width: 7rem; }
 @media (min-width: 861px) { .table-wrap th.col-status { min-width: 12rem; } }
-/* E-Mail-Speicher: die Kundenspalte wird nicht schmaler als ein ganzer Name ("Physiotherapie"); die Aufgabespalte ist lang und */
-/* nimmt sonst fast die ganze Breite, und td bricht ueberall: am Handy stuende "Physiothe-rapie" in 65 px. */
+/* Kundenspalte (E-Mail-Speicher, Angebote, Gutschriften): wird nicht schmaler als ein ganzer Name ("Physiotherapie"); die Aufgaben-, */
+/* Angebots- oder Statusspalte ist lang und nimmt sonst fast die ganze Breite, und td bricht ueberall: am Handy stuende "Physiothe-rapie" in 65 px. */
 .table-wrap th.col-name { min-width: 7rem; }
 /* ===== ENDE Kunden-Unterseiten (P6) ===== */