Service-Kennzahl als Kachel mit Hintergrund statt flach

Nutzerwunsch nach dem ersten Stand: der Block soll als Box mit Hintergrund
erscheinen. .tile.flat -> .tile; die Haarlinie trennt jetzt innerhalb der
Kachel, statt die Kachel zu ersetzen.

Der Chevron bleibt unveraendert auf right:0 relativ zum Knopf - da der
Knopf innerhalb des Kachel-Paddings sitzt, landet er damit automatisch auf
demselben Innenabstand wie ein normales .go in einer gepolsterten Kachel,
ohne Sonderregel.

Neu: .serviceblock:active{opacity:.55} als Tipp-Rueckmeldung. Ein
Hintergrundwechsel wie bei .tilebtn geht hier nicht, weil der Knopf schon
auf der Kachelflaeche liegt und nur ihr oberer Teil ist.

Beide Themes geprueft: Kachelhintergrund und Haarlinie kommen aus Tokens
(Tag rgb(255,255,255) / Nacht rgba(255,255,255,.055)), der Knopf selbst
bleibt transparent.

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

homeassistant/installationspaket/www/audi-dashboard.css

@@ -463,11 +463,13 @@ button.tile, .tilebtn { transition: background .15s, transform .1s; }
 /* Der Außenabstand sitzt am Raster, nicht an den Kacheln - sonst wird er im
    2×2-Raster (vHome) zum zusätzlichen internen Zeilenabstand und der Abstand
    innerhalb der Gruppe wäre größer als der zur nächsten. */
-/* Übersicht: "Nächster Service" als flache, tippbare Kennzahl, darunter der
-   Kilometerstand als Wertezeile (siehe Kommentar in vHome()). Der Block sitzt
-   in einer .tile.flat, hat also keinen eigenen Kachelhintergrund - deshalb
-   sitzt der Chevron bündig am oberen rechten Rand statt auf --sp-5 eingerückt
-   wie sonst in einer gepolsterten Kachel. */
+/* Übersicht: "Nächster Service" als tippbare Kennzahl, darunter der
+   Kilometerstand als Wertezeile (siehe Kommentar in vHome()). Der Knopf sitzt
+   INNERHALB einer normalen .tile - nicht die Kachel selbst ist der Knopf,
+   sondern nur ihr oberer Teil, damit die Kilometerstand-Zeile erkennbar reine
+   Anzeige bleibt. Der Chevron steht deshalb auf right:0 relativ zum Knopf und
+   landet damit genau auf demselben Innenabstand wie ein normales .go in einer
+   gepolsterten Kachel. */
 .serviceblock {
   position: relative;
   display: block; width: 100%;
@@ -475,6 +477,9 @@ button.tile, .tilebtn { transition: background .15s, transform .1s; }
   font-family: inherit; text-align: left; color: inherit; cursor: pointer;
 }
 .serviceblock > .go { top: 3px; right: 0; }
+/* Rückmeldung beim Tippen: ein Hintergrundwechsel wie bei .tilebtn ginge hier
+   nicht, der Knopf liegt ja schon auf der Kachelfläche. */
+.serviceblock:active { opacity: .55; }
 /* Beschriftung nie unter dem Chevron hindurchlaufen lassen */
 .serviceblock > .label:first-child { padding-right: 24px; }
 .servicezeile {