Vorgaenge in der WebUI: entscheiden und Stellungnahme anfordern (#689, Stufe 3)

- /api/cases (offen/alle), /api/cases/{id}/decide, /api/cases/{id}/statement, /api/decisions
- Ansicht "Vorgaenge": offene Faelle mit Verlauf je Ebene (Lauf-Links), Frist und
  "Mensch gerufen"; Reiter Beschluesse mit Reichweite; Zaehler in der Seitenleiste
- Konzept Abschnitt 5: Umsetzung

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

src/ClawdDotNet.Manager.Web/wwwroot/app.css

@@ -781,6 +781,68 @@ button.klein {
   gap: 12px;
 }
 
+/* ─── #689: cases ─── */
+
+.faelle-liste {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  margin-top: 16px;
+}
+
+.fall-plaketten {
+  margin-bottom: 12px;
+}
+
+/* The two answers of the human wrap below the subject on a narrow screen instead of squeezing it. */
+.fall-karte .karte-kopf {
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.fall-karte .karte-kopf h2 {
+  flex: 1 1 240px;
+}
+
+.fall-beim-menschen {
+  border-left: 3px solid var(--warnung);
+}
+
+.fall-verlauf-titel {
+  margin: 16px 0 8px;
+  font-size: 14px;
+}
+
+.fall-verlauf {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.fall-eintrag {
+  padding: 8px 12px;
+  border-left: 2px solid var(--divider);
+  background: var(--bg);
+}
+
+.fall-eintrag-decided,
+.fall-eintrag-handled {
+  border-left-color: var(--akzent, var(--divider));
+}
+
+.fall-eintrag-called {
+  border-left-color: var(--warnung);
+}
+
+.fall-eintrag-text {
+  margin-top: 4px;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
 /* #715: marks a tool that brings outside text in — it changes the agent's reporting line. */
 .werkzeug-fremd {
   display: inline-block;