Workers P4 Endprüfung W4: Esc und „Abbrechen“ schließen die Felder und geben den Fokus an den Knopf zurück

„Als Mensch antworten“ und „Antwort des Kunden einfügen“ ließen sich nur durch erneuten Klick auf den
Auslöser schließen. Esc (aus dem ganzen Feld, mit preventDefault für die Handy-Leiste) und der neue Knopf
„Abbrechen“ schließen das Feld, der Text bleibt in der Liste erhalten, der Fokus geht an den Auslöser
zurück (data-opens am Knopf, gesucht in der Aktionsgruppe: Button reicht kein ref durch). Während einer
Anfrage sind beide gesperrt. Neue Gruppe .wk-pult-panel-btns, auf dem Handy mit dem Hauptknopf oben.
Test-Läufer: ref-Objekte an Tags und eine document-Attrappe für den Fokus.

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

src/styles/workers.css

@@ -212,6 +212,8 @@
 .wk-pult-reply .wk-hint, .wk-pult-paste .wk-hint { margin: 0; }
 .wk-pult-reply .textarea, .wk-pult-paste .textarea { display: block; width: 100%; min-height: 140px; }
 .wk-pult-panel-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
+/* „Abbrechen“ links vom Hauptknopf */
+.wk-pult-panel-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
 .wk-pult-count { color: var(--text-2); font-size: 13px; font-variant-numeric: tabular-nums; }
 .wk-pult-count.over { color: var(--red-fg); }
 
@@ -254,6 +256,8 @@
   .wk-pult-row .wk-pult-actions .btn, .wk-pult-row .wk-pult-actions .link-danger { width: 100%; min-height: 40px; justify-content: center; text-align: center; }
   /* Felder: Zähler und Knopf untereinander, der Knopf über die volle Breite */
   .wk-pult-panel-foot { flex-direction: column; align-items: stretch; }
+  /* Hauptknopf oben, „Abbrechen“ darunter */
+  .wk-pult-panel-btns { flex-direction: column-reverse; align-items: stretch; }
   .wk-pult-panel-foot .btn { width: 100%; min-height: 40px; justify-content: center; text-align: center; }
 }