Tickets auf WEBklar zugeschnitten (Paket B)

- Status: 6 statt 10, auf Deutsch (Offen, In Arbeit, Wartet auf Kunde,
  Prüfung, Erledigt, Storniert). Gespeichert werden die Werte, die das
  Kundenportal für die Fortschrittsleiste kennt; alte Werte wie Assigned
  werden weiter angezeigt ("Eingeplant"), sind aber nicht mehr wählbar.
- Zuweisen ändert den Status nicht mehr; neue Tickets starten "Offen".
- Priorität: Schalter "Dringend" statt fünf Stufen (dringend = 4, normal
  = 2; alte Stufen Hoch/Kritisch gelten als dringend), rotes Abzeichen.
- Ticketliste: Standardansicht "Aufträge" ohne Akquise-Tickets; Filter
  Typ (Aufträge/Webpage/Migration/Projekt/Akquise/Alle), 6 Status-Gruppen,
  "Nur dringende". Die toten Felder Kunde, Benutzer/Thema und Datum sind
  durch eine echte Suche ersetzt (Kunde, Betreff, Angefragt von, WOID).
  Deep-Link ?woid= zeigt das Ticket weiter unabhängig von Art und Status.
- Formulare "Neues Ticket" und "Arbeitsblatt" auf Deutsch; raus sind
  Workload Estimate, Requested for und die Service-Art am Ticket
  (gespeichert wird weiter Fernwartung).
- Ticketkarte: Projekt/Preview im Details-Reiter (4 statt 5 Reiter), eine
  Zusammenfassungszeile statt der großen Statistik, doppelter
  Projekte-Stift weg, Service-Abzeichen weg.

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

src/styles/global.css

@@ -498,6 +498,7 @@ textarea.form-control {
 .status-occupied { background: rgba(148,163,184,0.18) !important; color: #cbd5e0 !important; }
 .status-assigned { background: rgba(20,184,166,0.18) !important; color: #2dd4bf !important; }
 .status-awaiting { background: rgba(245,158,11,0.18) !important; color: #fbbf24 !important; }
+.status-working { background: rgba(59,130,246,0.16) !important; color: #93c5fd !important; }
 .status-closed { background: rgba(148,163,184,0.14) !important; color: #94a3b8 !important; }
 
 /* Priority Colors (ruhiger, semantisch) */
@@ -1052,6 +1053,24 @@ textarea.form-control {
 .tcard-loc { color: var(--text-muted); font-size: 13px; }
 .tcard-topic { color: var(--text-muted); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .tcard-badges { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
+
+/* Schalter "Dringend" in der Ticketkarte */
+/* Aus: dezent gestrichelt, damit nicht jedes Ticket "dringend" wirkt */
+.urgent-toggle {
+  background: transparent; border: 1px dashed var(--border-strong); color: var(--text-faint);
+  border-radius: var(--r-pill); padding: 3px 12px; font-size: 12px; font-weight: 700; cursor: pointer;
+}
+.urgent-toggle:hover { color: var(--text-muted); border-color: rgba(239,68,68,0.5); }
+.urgent-toggle.on { background: rgba(239,68,68,0.18); border: 1px solid rgba(239,68,68,0.5); color: #f87171; }
+
+/* Eine Zeile ueber der Arbeitsblatt-Liste */
+.worksheet-summary {
+  display: flex; flex-wrap: wrap; gap: 6px 20px; align-items: baseline;
+  padding: 10px 14px; margin-bottom: 16px; font-size: 14px; color: var(--text-muted);
+  background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--r-md);
+}
+.worksheet-summary strong { color: var(--text); }
+.worksheet-summary .open { color: #fb923c; font-weight: 700; }
 .tcard-side { display: flex; align-items: center; gap: var(--sp-3); }
 .tcard-detail { border-top: 1px solid var(--border); padding: var(--sp-4); background: var(--surface-1); }
 .chevron { color: var(--text-muted); transition: transform 0.2s ease; }