Design: Zugangsdaten-, sr-only- und spin-Klassen nach global.css

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

src/styles/global.css

@@ -1165,6 +1165,18 @@ div.cell-actions { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6p
 @media (max-width: 600px) { .table-wrap th.col-status { min-width: 6rem; } }
 /* ===== ENDE Kunden-Unterseiten (P6) ===== */
 
+/* --- Rechtliches und Admin (P8) --- */
+/* Zugangsdaten (CopyableCredential), Screenreader-Text und Drehanimation. Die Regeln lagen in AdminPage.css und gelten fuer */
+/* alle Seiten (Admin-Tabelle, Kundenseite, Login). Steht direkt vor KOMPAT. */
+.credential { display: flex; max-width: 300px; align-items: center; gap: 8px; margin: 2px 0; }
+.credential .link { flex: 0 0 auto; font-size: 12px; white-space: nowrap; }
+.credential-value { min-width: 0; overflow-wrap: anywhere; color: var(--text); font-size: 12px; }
+.credential-value.is-masked { color: var(--text-2); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.08em; }
+.credential-empty { color: var(--text-3); }
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
+/* Kein Aufrufer mehr nach P8 (der Spinner der Admin-Seite war der einzige); P10 loescht die Regel, wenn rg -w spin src --glob '!*.css' nichts findet */
+.spin { animation: spin 0.8s linear infinite; }
+
 /* ===== KOMPAT (bis P10) ===== */
 /* Uebergangsschicht: alte Klassen im neuen Look, damit Seiten und Dialoge, die noch nicht umgebaut sind, weiss, kastenlos */
 /* und lesbar bleiben. Steht am Dateiende und gewinnt dort gegen die Altregeln und gegen die anderen Stylesheets (global.css */