Höhen-Kollaps-Bug in audi-dashboard-ios.css beheben

Die iOS/Großbildschirm-Auflage setzte :host > div{height:100%}
bedingungslos, was die App auch im mobilen Layout brach, da HA die
reale Höhe durch panel_custom nicht zuverlässig durchreicht. Jetzt
bleibt die viewport-verankerte 100dvh-Höhe (mit 880px-Deckel) bei
allen Breiten erhalten; der Deckel entfällt nur noch innerhalb der
@container (min-width:860px)-Desktop-Auflage. Fix lokal in Docker und
im Claude-Design-Board (DataMetric360 Board.dc.html) verifiziert.

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

homeassistant/www/audi-dashboard-ios.css

@@ -47,8 +47,15 @@ html,body{height:100%}
    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}
+   offenbar verworfen - deshalb unbedingt statt bedingt.
+   Die Hoehe bleibt dagegen viewport-verankert (100dvh statt 100%): das ist
+   der Grund, warum audi-dashboard.css das ueberhaupt so baute - HA gibt der
+   panel_custom-Kette keine verlaessliche Hoehe weiter, height:100% liess den
+   Hauptinhalt hier auf 0px kollabieren (Tabbar direkt unter dem Header,
+   main#view unsichtbar). Erst ab 860px (siehe @container unten) darf die
+   880px-Deckelung fallen, damit die App auf grossen Bildschirmen mehr als
+   eine schwebende Telefonkarte ist. */
+:host > div{height:min(880px, calc(100dvh - 24px));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}
@@ -174,6 +181,9 @@ main{padding:0 16px 30px;scroll-behavior:smooth}
    eigenen Rahmen sitzt und nicht die Fensterbreite messen darf. Schwelle 860 px.
    ================================================================== */
 @container (min-width:860px){
+  /* Ab hier keine schwebende Telefonkarte mehr - die 880px-Deckelung faellt,
+     die App fuellt die tatsaechliche (weiterhin viewport-verankerte) Hoehe. */
+  :host > div{height:calc(100dvh - 24px)}
   .phone{display:grid;grid-template-columns:264px minmax(0,1fr);
     grid-template-rows:auto auto minmax(0,1fr)}
   .topbar{grid-column:2;grid-row:1;padding:38px 44px 8px}

homeassistant/www/audi-dashboard-version.json

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