Design: P1-Abschlussfixes - Spaltenversatz, Feldabstand, Admin-Breite, Fokusring, readonly, Kennzahlen

- Abschnittsabstand .page section + section entfaellt bei nebeneinander stehenden Abschnitten (Planboard, Finanzen, Rechtliches, Services, Kunde Uebersicht)
- .field bekommt im Altbestand (.page) wieder 12 px Abstand, neue Container (Dialog, field-row, kv) bleiben ohne
- .page.admin-page statt .admin-page, damit 1480 px Breite gegen .page gewinnt
- Fokusring von .tab und .nav-item innen, damit Scroll-Container ihn nicht abschneiden
- readonly bei .input und .textarea hinterlegt grau
- .kpi-grid (LiquidityHead) wieder nebeneinander bis P7

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

src/styles/global.css

@@ -248,6 +248,7 @@ h2.section .link { font-size: 14px; font-weight: 500; }
 .tab:hover { color: var(--text); }
 .tab.active, .tab[aria-selected="true"] { color: var(--accent-ink); border-bottom-color: var(--accent); font-weight: 600; }
 .tab .count { color: var(--text-3); font-weight: 400; margin-left: 4px; font-variant-numeric: tabular-nums; }
+.tab:focus-visible, .nav-item:focus-visible { outline-offset: -2px; } /* in Scroll-Containern (.tabs, .nav) wuerde der Ring sonst abgeschnitten */
 
 /* ---------- Filterzeile ---------- */
 
@@ -271,6 +272,7 @@ h2.section .link { font-size: 14px; font-weight: 500; }
 .input[aria-invalid="true"], .select[aria-invalid="true"], .textarea[aria-invalid="true"], .form-control[aria-invalid="true"],
 .input.is-invalid, .select.is-invalid, .textarea.is-invalid, .form-control.is-invalid { box-shadow: 0 0 0 1px var(--danger), 0 0 0 4px var(--danger-ring); }
 .input::placeholder, .textarea::placeholder { color: var(--text-3); }
+.input[readonly], .textarea[readonly] { background: var(--bg-subtle); }
 .search { width: 300px; }
 
 .select-quiet { box-shadow: none; padding-left: 0; color: var(--text-2); font-weight: 500; background-color: transparent; }
@@ -1136,4 +1138,15 @@ div.row { display: flex; flex-wrap: wrap; margin: 0 -8px; }
   text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; text-decoration-thickness: 1px;
 }
 .fin-link:hover, .legal-files a:hover, .credit-cols a:hover, .area-rows a:hover { text-decoration-color: currentColor; }
+
+/* Abschnitte (Card = <section>) als Spalten nebeneinander: der Abstand .page section + section gilt nur fuer untereinander stehende Abschnitte */
+.planboard-scroll section + section, .legal-grid > section + section, .fin-cols > section + section,
+.page div[style*="display: grid"] > section + section { margin-top: 0; }
+
+/* Altformulare mit <Field> (Kunde, Projekt zuweisen, Neuer Lead): Zeilenabstand wie frueher; neue Container bestimmen ihren Abstand selbst */
+.page .field { margin-bottom: 12px; }
+.dialog-body .field, .field-row .field, .field-row-3 .field, .kv .field { margin-bottom: 0; }
+
+/* Kennzahlen nebeneinander (LiquidityHead), bis P7 sie ersetzt */
+.kpi-grid { display: flex; flex-wrap: wrap; gap: 48px; }
 /* ===== ENDE KOMPAT ===== */