Workers P4: Pult – als Mensch antworten, Vorschau freigeben, Antwort des Kunden einfügen

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

src/styles/workers.css

@@ -199,6 +199,22 @@
 .wk-pult-row .wk-pult-draft { display: block; width: 100%; min-height: 140px; margin: 0 0 12px; }
 .wk-pult-row .wk-pult-actions { align-items: center; gap: 8px 16px; }
 
+/* Aufgeklappte Felder unter den Aktionen: „Als Mensch antworten“ (reply) und „Antwort des Kunden einfügen“ (paste). Haarlinie darüber, volle Breite. */
+.wk-pult-row .wk-pult-reply, .wk-pult-row .wk-pult-paste {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid var(--line);
+}
+.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; }
+.wk-pult-count { color: var(--text-2); font-size: 13px; font-variant-numeric: tabular-nums; }
+.wk-pult-count.over { color: var(--red-fg); }
+
 /* ---------- Interessenten-Panel (Dialog) ---------- */
 
 /* Fremdtext (Anfrage, Nachrichten): Zeilenumbrüche des Absenders bleiben, lange Wörter und Adressen brechen um */
@@ -236,6 +252,9 @@
   .wk-pult-row { padding: 12px 0; }
   .wk-pult-row .wk-pult-actions { flex-direction: column; align-items: stretch; gap: 8px; }
   .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; }
+  .wk-pult-panel-foot .btn { width: 100%; min-height: 40px; justify-content: center; text-align: center; }
 }
 
 /* ---------- Weniger Bewegung ---------- */