feat(ui): UI-006 Abweichungen in der Kontrolle dauerhaft hervorheben

PositionCard bekommt eine farbige linke Randlinie je Zustand (grün
passt, gelb Abweichung/Fehlbestand, rot Übertragungsfehler) - eine
Abweichung war bisher nur während des kurz offenen Nachfüll-Dialogs
sichtbar, danach nicht mehr von einer normalen Bestätigung zu
unterscheiden. Fortschrittsanzeige existierte bereits. Nebenbei
hartkodierte Hex-Fallbackfarben durch Token-Referenzen ersetzt.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV

arbeitskacheln/20_ui_redesign.md

@@ -165,7 +165,14 @@ Aktueller Stand vor Redesign: 39 Seiten-/Komponenten-Dateien, ~7.000 Zeilen, ein
 - **Rechte:** keine Änderung
 - **Akzeptanzkriterien:** Fortschritt live sichtbar, Abweichungen nicht zu übersehen.
 - **Tests:** bestehende Kontroll-Tests bleiben grün.
-- **DoD:** offen.
+- **DoD:** umgesetzt (2026-09-06). Fortschrittsanzeige ("X von Y Positionen
+  bestätigt" + Balken) existierte bereits. Neu: `PositionCard` bekommt eine
+  farbige linke Randlinie je Zustand (grün = passt & gespeichert, gelb =
+  Abweichung/Fehlbestand, rot = Übertragungsfehler) - Abweichung war bisher nur
+  während des kurz offenen Nachfüll-Dialogs sichtbar, danach nicht mehr von
+  einer normalen Bestätigung zu unterscheiden. Nebenbei: hartkodierte Hex-
+  Fallbackfarben (`var(--color-x, #hex)`, aus der Zeit vor UI-001) durch reine
+  Token-Referenzen ersetzt.
 
 ## UI-007 — QR-Scan-Aktionsleiste