Paritaetsrunden 2 und 3, Designpruefung umgesetzt (2026.8.30.8)

Drei zusammenhaengende Runden, alle live bei 375x812 gegen audi_ha_test
geprueft und in beiden Codebasen angewandt.

Paritaetsrunde 2: der gemeinsame Rahmen war das eigentliche Problem -
Seitenrand, Kachelabstaende, Kopfleiste, Tableiste und vier Bausteine des
Design-Systems trugen noch den Stand vor der iOS-Entscheidung. Dazu sieben
Bildschirme neu aufgebaut. Zwei Panel-Fehler dabei mitbehoben: teaser()
zeigte unter "Letzte Fahrt" den aeltesten Datensatz, und "Daten bearbeiten"
war ein toter Knopf.

Paritaetsrunde 3: das Panel hat nie Audi Type gerendert. @font-face in einem
Shadow Root wird ignoriert - Schriftschnitte registriert der Browser pro
Dokument, nie pro Shadow Tree. Die drei Schnitte liegen jetzt in
audi-dashboard-schriften.css und werden ins Dokument gehaengt. Damit erledigt
sich eine ganze Reihe von "die Schrift sieht anders aus"-Eindruecken: die
beiden Anwendungen zeigten tatsaechlich verschiedene Schriften.
Ausserdem "Daten bearbeiten" im Panel gebaut und portiert, das Zeilenmenue
entfernt und die letzten neun Bildschirme angeglichen.

Designpruefung: die fuenf Punkte der Reihenfolge. Beim vierten hat das Messen
den Befund veraendert - gezaehlt waren die deklarierten Groessen, wirksam war
laengst eine saubere Sieben-Schritt-Skala mit 27 Ausreissern; die sind jetzt
auf den naechsten Schritt gezogen, keiner verschiebt sich um mehr als 1px.

Zuletzt: die Standortvorschau zeichnete die falsche Nadel (das Panel wechselt
den Icon-Satz ab 34px, die App nahm immer den grossen), und der Kopfabstand
der App ist auf den sicheren Bereich reduziert - die 56px des Panels liegen
dort unter der Kopfleiste von Home Assistant, in der nativen Huelle steht
darueber nichts.

Co-Authored-By: Claude Opus 5 <[email protected]>

custom_components/audi_dashboard/frontend/audi-dashboard-ios.css

@@ -38,7 +38,13 @@
   --tile-2:#EFEFF4;
   --line:rgba(60,60,67,.13);
   --line-strong:rgba(60,60,67,.24);
-  --fg:#000000; --fg2:#3C3C43; --fg3:#8E8E93;
+  /* --fg3 traegt jede Kachelueberschrift, jede Einheit und jeden Zusatz.
+       Auf hellem Grund lag #8E8E93 bei 2,92:1 gegen die Seitenflaeche und
+       3,26:1 gegen die Kachel - fuer einen kurzen Blick im Auto bei
+       Sonnenlicht zu wenig (Designpruefung 2026-08-30). #6B6B70 bringt beide
+       auf 4,75:1 bzw. 5,30:1, ohne den ruhigen Gesamteindruck zu aendern.
+       Der Nachtwert bleibt #8E8E93 - dort sind es ohnehin 5,86:1. */
+  --fg:#000000; --fg2:#3C3C43; --fg3:#6B6B70;
   --ok:#34C759; --warn:#FF9F0A; --bad:#FF3B30;
   --ios-sep:rgba(60,60,67,.16);
   --ios-fill:rgba(120,120,128,.16);
@@ -102,7 +108,7 @@ html,body{height:100%}
 .phone:has(.back.on) .topbar{padding:54px 16px 6px;gap:8px}
 .phone:has(.back.on) .head{align-items:center}
 .phone:has(.back.on) .title{font-size:17px;font-weight:400;letter-spacing:-.01em;text-align:center}
-.phone:has(.back.on) .sync{margin-top:2px;font-size:11.5px}
+.phone:has(.back.on) .sync{margin-top:2px;font-size:12.5px}
 
 main#view{--seitenrand:16px;padding:0 var(--seitenrand) 30px;scroll-behavior:smooth}
 
@@ -195,7 +201,7 @@ main#view{--seitenrand:16px;padding:0 var(--seitenrand) 30px;scroll-behavior:smo
 .switch input:checked+.track{background:var(--ok)}
 .switch input:checked+.track::before{transform:translateX(20px)}
 
-.pill{font-size:12px;letter-spacing:.01em;text-transform:none;padding:5px 11px;
+.pill{font-size:12.5px;letter-spacing:.01em;text-transform:none;padding:5px 11px;
   border:0;background:var(--ios-fill);color:var(--fg2)}
 
 .status{padding:14px 0 2px}