.clarification-indicator { margin: .5rem 0; font-size: var(--font-helper); white-space: normal; }
.clarification-waiting { color: rgb(var(--warning)); }
.clarification-received { color: rgb(var(--success)); }
.clarification-label { display: block; margin: .5rem 0; color: rgb(var(--muted)); font-size: var(--font-helper); }
.clarification-dialog { width: min(560px,90vw); max-height: 85vh; overflow-y: auto; padding: 1.5rem; background: rgb(var(--surface)); color: rgb(var(--text)); border: 1px solid rgb(var(--border)); border-radius: .75rem; }
.clarification-dialog h2 { font-size: var(--font-section); font-weight: 600; margin-bottom: 1rem; }
.clarification-dialog .field { display: grid; gap: .5rem; margin: 1rem 0; }
.clarification-dialog textarea { width: 100%; resize: vertical; }
.clarification-dialog .form-error { color: rgb(var(--error)); }
.clarification-dialog-actions { display: flex; justify-content: flex-end; gap: .5rem; flex-wrap: wrap; margin-top: 1rem; }
.clarification-question { white-space: pre-wrap; overflow-wrap: anywhere; padding: .75rem; background: rgb(var(--hover)); border-radius: .5rem; }