.wa-workspace { display:grid; gap:20px; max-width:1500px; }
.wa-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:26px; }
.wa-heading h2 { margin:6px 0 10px; font-size:clamp(22px,2.3vw,30px); }
.wa-heading p,.wa-hint { color:var(--muted,#63716c); line-height:1.5; }
.wa-heading p { margin:0; }
.wa-eyebrow { color:#176b52; font-size:12px; font-weight:750; letter-spacing:.1em; }
.wa-compose { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:20px; align-items:start; }
.wa-editor,.wa-selection,.wa-action-detail,.wa-history { padding:24px; min-width:0; }
.wa-workspace h3 { margin:0 0 20px; font-size:20px; }
.wa-workspace .field { margin-bottom:16px; min-width:0; }
.wa-workspace input:not([type=checkbox]),.wa-workspace textarea,.wa-workspace select { width:100%; box-sizing:border-box; }
.wa-workspace textarea { resize:vertical; min-height:70px; line-height:1.5; }
.wa-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.wa-hint,.wa-workspace small { font-size:12px; line-height:1.5; }
.wa-workspace small { display:block; color:var(--muted,#63716c); }
.wa-tools,.wa-dispatch-actions { display:flex; flex-wrap:wrap; gap:8px; }
.wa-tools { margin-bottom:10px; }
.wa-recipients { max-height:420px; overflow:auto; border-block:1px solid #dce4df; }
.wa-recipient { display:grid; grid-template-columns:minmax(0,1fr) minmax(140px,.85fr); gap:10px; padding:14px 0; border-bottom:1px solid #e9eeeb; align-items:center; }
.wa-person { display:flex; align-items:center; gap:10px; min-width:0; }
.wa-person strong { display:block; overflow-wrap:anywhere; }
.wa-workspace input[type=checkbox] { width:18px; height:18px; flex:0 0 18px; accent-color:#176b52; }
.wa-phone select { font:inherit; font-size:12px; padding:10px; min-height:42px; border:1px solid #dce4df; border-radius:8px; background:var(--surface,#fff); color:inherit; }
.wa-draft-helper { border-block:1px solid #dce4df; margin:18px 0; padding:14px 0; }
.wa-draft-helper summary { cursor:pointer; font-weight:650; margin-bottom:14px; }
.wa-chat-preview { background:#edf6ee; border:1px solid #d0e4d5; padding:18px; border-radius:14px; }
.wa-workspace pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:14px; line-height:1.6; margin:10px 0 0; }
.wa-consent { background:var(--surface-subtle,#f4f5f1); padding:16px; border-radius:10px; margin:16px 0; }
.wa-consent > label,.wa-checkbox { display:flex; gap:10px; align-items:flex-start; font-size:13px; line-height:1.5; }
.wa-consent .field { margin:14px 0 0; }
.wa-history article { display:flex; gap:16px; align-items:center; justify-content:space-between; padding:16px 0; border-top:1px solid #dce4df; }
.wa-history article strong { display:block; }
.wa-empty { padding:20px 0; color:var(--muted,#63716c); }
.wa-dispatch-row { padding:20px 0; border-top:1px solid #dce4df; }
.wa-dispatch-person { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; margin-bottom:14px; }
.wa-state { font-size:12px; color:#176b52; font-weight:650; }
.wa-error { color:#a0292d!important; width:100%; }
.wa-message-detail { margin-top:14px; }
.wa-message-detail summary { cursor:pointer; color:var(--muted,#63716c); font-size:13px; }
.wa-reply-form { display:grid; gap:12px; max-width:700px; margin-top:18px; }
.wa-reply-form label { display:grid; gap:7px; }
.wa-reply-form .wa-checkbox { display:flex; }
.wa-reply-form button { justify-self:start; }
.wa-launch { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px; margin-bottom:20px; }
.wa-launch h2 { margin:0 0 6px; }
.wa-launch p { margin:0; color:var(--muted,#63716c); }
@media(max-width:1000px) { .wa-compose { grid-template-columns:1fr; } }
@media(max-width:600px) { .wa-heading,.wa-launch { align-items:stretch; flex-direction:column; padding:18px; } .wa-fields { grid-template-columns:1fr; gap:0; } .wa-editor,.wa-selection,.wa-action-detail,.wa-history { padding:16px; } .wa-recipient { grid-template-columns:1fr; } .wa-phone { margin-left:28px; } .wa-history article { align-items:flex-start; flex-direction:column; } .wa-dispatch-actions button { flex:1 1 140px; } }