layout: 320 px ohne Ueberstand, Schubladen in voller Breite, Doppelklick-Sperre greift sofort

Befunde aus der Sichtpruefung (Attrappe des Backends, 320/768/1024/1440 px):
- Zaehlwerk: Das "H" ragte bei 320 px 30 px ueber sein Feld. Ziffern skalieren jetzt
  mit der Feldbreite (Container-Einheiten), am PC bleibt es bei 38 x 56 px.
- Flugplan und Update-Verlauf: Der Text bekam schmal nur ~50 px und lief in den Zustand.
  Schmales Feld: Zeit und Zustand oben, Text darunter (nach Feldbreite, nicht Bildschirm).
- Update-Zeilen am Handy: Name und Version stiessen aneinander ("BetriebssystemUbuntu"),
  die Version steht jetzt darunter; scheitert die Pruefung, heisst sie "unbekannt" statt "-".
- Schubladen (Modell-Suche, Dienste, Einstellungen, Protokoll) waren am Handy nur 75 %
  und am PC hoechstens 384 px breit - die shadcn-Grundklassen schlugen die eigenen.
- Doppelklick: Die Sperre beim Installieren haengt jetzt an einem Ref und greift sofort
  (vorher starteten zwei Klicks im selben Takt zwei Downloads); die Ja-Knoepfe von
  "Alles aktualisieren" und "Auftrag abbrechen" ignorieren den zweiten Klick.
- Balken eines abgebrochenen Downloads grau statt cyan.

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

frontend/src/components/cockpit/JobKarte.tsx

@@ -1,4 +1,5 @@
 import { useState } from "react"
+import { cn } from "cn"
 import { Button } from "@/components/ui/button"
 import { laeuftNoch } from "@/lib/anzeige"
 import { abbrechbar, fortschrittText, jobDownload, jobTitel, laufText, letzteMeldung } from "@/lib/wartung"
@@ -15,6 +16,10 @@ const ZUSTAND: Record<JobZustand, { text: string; art: ChipArt }> = {
   canceled: { text: "Abgebrochen", art: "grau" },
 }
 
+const BALKEN: Record<JobZustand, string> = {
+  queued: "bg-cyan", running: "bg-cyan", done: "bg-gruen", failed: "bg-rot", canceled: "bg-text-3",
+}
+
 const zeitVon = (sekunden: number) => flugplanZeit(new Date(sekunden * 1000).toISOString())
 
 /**
@@ -53,7 +58,7 @@ export function JobKarte({ job, onAbbrechen, abbrechenGesperrt }: {
           className="h-2 overflow-hidden rounded-full bg-linie"
         >
           <div
-            className={job.state === "failed" ? "h-full bg-rot" : "h-full bg-cyan"}
+            className={cn("h-full", BALKEN[job.state] ?? "bg-cyan")}
             style={{ width: `${Math.max(2, Math.min(100, job.progress))}%` }}
           />
         </div>
@@ -105,6 +110,7 @@ export function JobKarte({ job, onAbbrechen, abbrechenGesperrt }: {
           neinKnopf="Weiterlaufen lassen"
           onNein={() => setFrage(false)}
           onJa={() => {
+            if (!frage) return // zweiter Klick eines Doppelklicks
             setFrage(false)
             onAbbrechen?.(job)
           }}