Bedienbarkeit, CSS-Robustheit und drei Anzeigefehler

Befund 9: In Telefonbreite blendet die iOS-Auflage das Zahnrad aus, die Ringe
waren dort der einzige Zugang zu den Einstellungen - als div mit
pointer-events:none aber weder fokussierbar noch fuer Sprachausgabe
erreichbar. Sie sind jetzt ein echter Knopf mit aria-label, in jeder Breite
bedienbar und unabhaengig davon, ob die Auflage geladen wurde.

Befund 10: .navmarke{display:none} stand nur in der iOS-Auflage. Ohne sie
waere der Markenklon ein sechstes Element im fuenfspaltigen Raster und die
Menueleiste zerfiele. Die Regel steht jetzt in der Basis-CSS, die
Sichtbarkeit in der Auflage - genau andersherum als bisher.

Befund 13: Das Setup-Fenster deklariert role=dialog aria-modal=true, hielt den
Vertrag aber nicht ein. Escape schliesst jetzt (Reihenfolge: Auswahlliste,
dann Fenster), der Tabulator wandert im Fenster im Kreis statt in den
verdeckten Hintergrund, und der Filterschalter hat einen zugaenglichen Namen.

CSS-Spezifitaet: main{padding} in der Auflage verlor gegen main#view in der
Basis - auf grossen Bildschirmen blieb der Seitenrand bei 20px statt 44px.
Der Rand liegt jetzt in einer Variablen, die auch der negative Rand der
randlosen Standortkarte benutzt; sonst haette deren Ausgleich nach dem Fix
nicht mehr gepasst.

Drei Anzeigefehler, im Browser gegen die Testinstanz gefunden und behoben:
ein unlesbares Datum ergab NaN/N statt eines Strichs (das Profil wird laut
INSTALL.md von Hand gepflegt, ein ISO-Datum genuegt), ein fehlender
Tanksensor ergab 0 Prozent statt unbekannt, und neben dem Typenschild stand
die Ausfuehrung doppelt, wenn sie schon im Modellnamen steckt.

Alles im echten Panel geprueft: #marke ist ein BUTTON mit aria-label, der
Markenklon ist ohne die Auflage versteckt, der Seitenrand folgt der
Variablen, und die drei Anzeigen zeigen jetzt Striche statt Rechenreste.

homeassistant/www/audi-dashboard-ios.css

@@ -75,7 +75,7 @@ html,body{height:100%}
 /* Telefonbreite: die Ringe stehen oben rechts und oeffnen die Einstellungen
    (Stand nach dem Design-Audit). Das Zahnrad entfaellt dort, damit oben rechts
    nur ein Element sitzt. */
-.rings{order:9;margin-left:8px;margin-right:-10px;pointer-events:auto;cursor:pointer;
+.rings{order:9;margin-left:8px;margin-right:-10px;cursor:pointer;
   min-width:44px;min-height:44px;height:44px;justify-content:flex-end;padding:0 10px}
 .rings svg{height:17px}
 .profilbtn{display:none}
@@ -85,7 +85,7 @@ html,body{height:100%}
 .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}
 
-main{padding:0 16px 30px;scroll-behavior:smooth}
+main#view{--seitenrand:16px;padding:0 var(--seitenrand) 30px;scroll-behavior:smooth}
 
 /* ---------------- Karten und Listen ---------------- */
 .tile{padding:16px 18px;margin-bottom:14px;border-radius:var(--r-tile)}
@@ -205,7 +205,7 @@ main{padding:0 16px 30px;scroll-behavior:smooth}
   .phone:has(.back.on) .title{font-size:26px;text-align:left}
   .title{font-size:34px}
   .ptr{grid-column:2;grid-row:2}
-  main{grid-column:2;grid-row:3;padding:8px 44px 48px;max-width:860px}
+  main#view{--seitenrand:44px;grid-column:2;grid-row:3;padding:8px var(--seitenrand) 48px;max-width:860px}
 
   .tabbar{grid-column:1;grid-row:1 / 4;display:flex;flex-direction:column;gap:4px;
     align-content:start;width:264px;padding:38px 14px 20px;