iOS/Grossbildschirm-Auflage im HA-Panel scharf schalten

audi-dashboard-app.js laedt jetzt zusaetzlich audi-dashboard-ios.css in
den Shadow-Root (zweiter <link>, rein additiv neben audi-dashboard.css).
Im Docker-Testcontainer bei 375px (Tab-Leiste unten) und 1280px (Grid mit
264px-Seitennavigation) verifiziert.

Zwei Fixes an audi-dashboard-ios.css waren dafuer noetig:
- :host-Selektoren werden von diesem Browser innerhalb von @container
  verworfen (kein Fehler, die Regel fehlt einfach im CSSOM) - die alte
  412px-Zentrierung aus audi-dashboard.css wird deshalb unbedingt statt
  nur ab 860px aufgehoben.
- audi-dashboard-version.json hochgezaehlt, sonst liefert der Browser die
  alte Datei aus dem HTTP-Cache trotz neuem Serverstand.

design/README.md dokumentiert beide Fixes fuer kuenftige Aenderungen an
dieser Datei.

homeassistant/www/audi-dashboard-app.js

@@ -3100,6 +3100,13 @@ class AudiDashboardPanel extends HTMLElement {
     link.href = `/local/audi-dashboard.css?v=${CSS_VERSION}`;
     ROOT.appendChild(link);
 
+    /* iOS-native Optik + responsive Grossbildschirm-Layout (@container ab
+       860px), rein additive Auflage aus dem Claude-Design-Entwurf 2026-08-11. */
+    const linkIos = document.createElement("link");
+    linkIos.rel = "stylesheet";
+    linkIos.href = `/local/audi-dashboard-ios.css?v=${CSS_VERSION}`;
+    ROOT.appendChild(linkIos);
+
     const wrapper = document.createElement("div");
     wrapper.innerHTML = `
     <div class="phone">

homeassistant/www/audi-dashboard-ios.css

@@ -42,8 +42,13 @@
 
 body{padding:0;background:var(--canvas)}
 html,body{height:100%}
-/* Der von _aufbauen() eingefuegte Wrapper zwischen Host und .phone */
-:host > div{height:100%}
+/* Der von _aufbauen() eingefuegte Wrapper zwischen Host und .phone. Die
+   412px-Deckelung aus audi-dashboard.css (fuer die alte Einzelgroesse
+   gedacht) wird hier unbedingt aufgehoben, nicht nur ab 860px: auf
+   schmalen Bildschirmen macht der Viewport selbst die Breite eng genug,
+   :host-Selektoren innerhalb @container werden von diesem Browser aber
+   offenbar verworfen - deshalb unbedingt statt bedingt. */
+:host > div{height:100%;max-width:none}
 .phone{width:100%;max-width:none;height:100%;border-radius:0;
   font-family:"Audi Type",Helvetica,Arial,sans-serif;
   -webkit-font-smoothing:antialiased;letter-spacing:0}

homeassistant/www/audi-dashboard-version.json

@@ -1 +1 @@
-{"version": 1786377886}
+{"version": 1786377887}