Version-Kachel: Klassenkollision behoben, "aktuell" statt Satz

Die zusammengefuehrte Kachel war zerlegt: ich hatte den Wrapper
.dm-abschnitt genannt, den Namen gibt es aber schon - als Flex-Zeile mit
space-between (bausteine/FahrtDetail/TankDetail). Der Kachelinhalt lag dadurch
nebeneinander statt untereinander, der Knopf lief aus der Kachel. Der neue
Wrapper heisst .dm-kachelabschnitt, die bestehende Klasse bleibt unberuehrt.

Gefunden hat es der Eigentuemer, nicht ich: ich hatte nach dem Umbau die
Abstaende der eingesetzten Probe gemessen, aber nie die Kachel selbst
angesehen.

Dazu auf seine Vorgabe: statt "Integration ist aktuell (Zeitpunkt)." steht
jetzt ein gruenes "aktuell" direkt unter dem installierten Stand, der
Zeitpunkt gedaempft daneben. Wurde NIE geprueft, steht dort gar nichts mehr -
gruen "aktuell" waere ohne Pruefung eine Behauptung ohne Grundlage, und der
Knopf "Auf Update pruefen" sagt den Zustand ohnehin. In beiden Codebasen.

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

companion-app/src/screens/Einstellungen.tsx

@@ -748,7 +748,7 @@ export function Einstellungen({
       <Tile>
         <span className="ads-eyebrow">Version</span>
 
-        <div className="dm-abschnitt">
+        <div className="dm-kachelabschnitt">
           {/* Nur wenn darunter wirklich ein zweiter Abschnitt folgt. Ohne den
               staende "Integration" allein unter "Version" - eine Unterteilung
               ohne zweiten Teil, genau wie im Panel, das den App-Abschnitt gar
@@ -840,11 +840,14 @@ export function Einstellungen({
           </div>
         ) : (
           <>
-            <p className="dm-erklaerung">
-              {integrationUpdate
-                ? `Integration ist aktuell (${integrationUpdate.geprueft_am ? datumZeit(integrationUpdate.geprueft_am) : ""}).`
-                : "Noch nicht geprüft."}
-            </p>
+            {integrationUpdate && (
+              <span className="dm-standmarke">
+                aktuell
+                {integrationUpdate.geprueft_am && (
+                  <small>geprüft {datumZeit(integrationUpdate.geprueft_am)}</small>
+                )}
+              </span>
+            )}
             <div className="dm-knopfreihe">
               <ActionButton onClick={() => void updatePruefenAusloesen()}>
                 Auf Update prüfen
@@ -861,7 +864,7 @@ export function Einstellungen({
         </div>
 
         {otaMoeglich() && (
-          <div className="dm-abschnitt">
+          <div className="dm-kachelabschnitt">
             <span className="ads-eyebrow">App</span>
             <Werteliste
               kinder={

companion-app/src/stile/screens.css

@@ -1653,7 +1653,11 @@ button.dm-listenzeile {
    einer Suche nach allen Speicherleisten des Projekts kam das QR-Blatt als
    Treffer heraus, obwohl es dort nichts zu speichern gibt (vom Eigentümer
    richtiggestellt). Eine Klasse soll eine Sache bedeuten. */
-/* Zwei benannte Abschnitte in EINER Kachel, durch eine Haarlinie getrennt.
+/* NICHT .dm-abschnitt - den Namen gibt es schon, als Flex-Zeile mit
+   space-between (weiter oben, benutzt in bausteine/FahrtDetail/TankDetail).
+   Genau diese Verwechslung hat am 05.09.2026 die Version-Kachel zerlegt.
+
+   Zwei benannte Abschnitte in EINER Kachel, durch eine Haarlinie getrennt.
 
    Gebraucht in "Version": dort stehen seit dem 05.09.2026 die Integration
    und die App untereinander, jede mit eigenem Stand und eigenem
@@ -1663,7 +1667,32 @@ button.dm-listenzeile {
 
    Die Linie sitzt am ZWEITEN Abschnitt (Geschwister-Selektor), damit der
    erste keinen Strich direkt unter der Kachelueberschrift bekommt. */
-.dm-abschnitt + .dm-abschnitt {
+/* "aktuell" als grünes Wort direkt unter dem installierten Stand, statt
+   eines Satzes darunter (Vorgabe des Eigentuemers, 05.09.2026).
+
+   Der Zeitpunkt der Prüfung bleibt daneben stehen, gedaempft: die
+   angezeigte Fassung ist das gespeicherte Ergebnis der letzten Prüfung,
+   nicht der Live-Stand - ohne den Zeitpunkt sieht eine Wochen alte Zahl aus
+   wie eine Tatsache.
+
+   Wurde NIE geprüft, steht hier gar nichts: grün "aktuell" wäre dann
+   eine Behauptung ohne Grundlage, und der Knopf "Auf Update prüfen" sagt
+   den Zustand ohnehin. */
+.dm-standmarke {
+  display: block;
+  margin-top: 6px;
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--ok);
+}
+
+.dm-standmarke small {
+  margin-left: 8px;
+  color: var(--fg2);
+  font-size: 13px;
+}
+
+.dm-kachelabschnitt + .dm-kachelabschnitt {
   margin-top: var(--sp-4);
   padding-top: var(--sp-4);
   border-top: 1px solid var(--line);
@@ -1671,7 +1700,7 @@ button.dm-listenzeile {
 
 /* Die Ueberschrift eines Abschnitts ist kein direktes Kind der Kachel, die
    Regel .ads-tile > .ads-eyebrow:first-child greift hier also nicht. */
-.dm-abschnitt > .ads-eyebrow:first-child {
+.dm-kachelabschnitt > .ads-eyebrow:first-child {
   display: block;
   margin-bottom: 14px;
 }