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">