Selbst-Update-Sicherung, Service-Prognose ohne Servicebuch und Sicherheit neu gestaltet

- aktualisierung.py: Backup-Ordner verliert sein manifest.json beim Sichern,
  sonst laedt HA ihn nach einem Neustart als zweite audi_dashboard-Integration
  (Ursache des raetselhaften "gleicher Pfad"-Umbenennungs-Fehlers).
- service.ts/audi-dashboard-app.js: Uebersicht faellt jetzt wie Service schon
  auf die Fahrzeugmeldung zurueck, wenn kein Servicebucheintrag existiert;
  eigenes (kuerzeres) Oelwechsel-Intervall wird jetzt auch ohne Servicebuch-
  eintrag naeherungsweise aus der Herstellermeldung hochgerechnet, statt
  weiterhin unveraendert die Herstellervorgabe zu zeigen.
- Sicherheit neu gestaltet: vier Sammelzeilen (Fahrzeug verriegelt / Tueren
  und Klappen geschlossen / Fenster und Dach geschlossen / Kein Licht) statt
  einer flachen Liste, mit neuen Tuerschloss-, Dach- und Standlicht-Sensor-
  rollen, Kreis-Haekchen-Symbolen und einer Detailseite je Tuer/Motorhaube/
  Kofferraum in beiden Frontends.

Details, Verifikation und Sensor-Rollen in AGENTS.md (Abschnitte J/M/N).

Co-Authored-By: Claude Sonnet 5 <[email protected]>

companion-app/src/stile/screens.css

@@ -486,6 +486,48 @@
   border: 1.5px solid var(--fg3);
 }
 
+/* Kreis-Häkchen für die vier Sammelzeilen der Sicherheit-Seite - Zustand ist
+   so schon am Symbol erkennbar, nicht nur an der Farbe (siehe .dm-punkt
+   oben, das bleibt für die Detailliste unverändert). */
+.dm-statuskreis {
+  flex: none;
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--ok);
+}
+.dm-statuskreis--warn { background: var(--warn); }
+.dm-statuskreis--bad { background: var(--bad); }
+.dm-statuskreis svg { display: block; }
+
+.dm-sicherheitsliste {
+  display: flex;
+  flex-direction: column;
+}
+.dm-sicherheitszeile {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-3);
+  padding: 12px 0;
+  border-bottom: 1px solid var(--line);
+  width: 100%;
+  background: none;
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+}
+.dm-sicherheitszeile:last-child { border-bottom: 0; }
+button.dm-sicherheitszeile { cursor: pointer; }
+button.dm-sicherheitszeile:active { background: var(--tile-2); }
+.dm-sicherheitszeile__text { flex: 1; font-size: 14.5px; }
+.dm-sicherheitszeile__chev { margin-left: auto; flex: none; color: var(--fg3); }
+
 /* ------------------------------------------------------------ Galerie */
 
 .dm-galerie {