Responsive-Härtung: Seiten-Header, Kontextleiste, Stat-Cards

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

dev/frontend/hub-flux/PROGRESS.md

@@ -5,6 +5,32 @@
 
 ---
 
+## 2026-06-12 · Responsive-Härtung (Block 3, Punkt 1) ✅
+
+- **Was**: Systemische Responsive-Fehler behoben (Screenshots in
+  `dev/frontend/responsive/`): (1) Das starre Inline-Grid
+  `style="grid-template-columns:1fr auto"` der Seiten-Header (48 Seiten)
+  konnte nie umbrechen — die Aktions-Spalte quetschte die Titel-Spalte
+  (Buchstaben-Umbrüche im Firmennamen, Buttons liefen aus der Box).
+  Ersetzt durch die neue CSS-Klasse `.page-header` (hub-components.css):
+  unterhalb lg stapeln Titel und Aktionen, Aktions-Zeilen bekommen
+  flex-wrap. (2) Firmenkontext-Leiste im App-Layout stapelt jetzt erst
+  ab lg nebeneinander (vorher sm → Überlappung von „Firmenkontext"/
+  „Aktive Firma" zwischen 640–1024px). (3) Stat-Cards: Label/Meta-Zeile
+  mit flex-wrap (keine Kollision mehr auf schmalen Karten), `.stat-num`
+  mit `overflow-wrap:anywhere` + 26px unter 480px (Text-Werte wie
+  „Businessportal24" sprengen die Karte nicht mehr). (4) KPI-Grids, die
+  schon ab sm auf 4 Spalten gingen (Customer-Dashboard, User-Show,
+  PM-Index), erst ab xl vierspaltig.
+- **Dateien**: `resources/css/shared/hub-components.css` (.page-header,
+  .stat-num), `resources/views/components/portal/stat-card.blade.php`,
+  `resources/views/components/layouts/app.blade.php`, 48 Seiten-Views
+  (Header-Klasse per sed), 3 KPI-Grids.
+- **Build/Test**: `npm run build` ok (beide Bundles), Suite 532 passed /
+  4 skipped.
+- **Offene Fragen**: Weitere Stellen aus Kevins Klick-Durchgang folgen
+  (Liste Block 3).
+
 ## 2026-06-12 · Admin-Zahlungsmodul (P8-Rest) · Zahlungen + Tarif-Verwaltung ✅
 
 - **Was**: Den Phase-8-Platzhalter `/admin/payments` durch das echte