.wa-chat { margin-top:16px; min-width:0; overflow-wrap:anywhere; }
.wa-chat-badge { background:#fff3d4; color:#714800; padding:7px 11px; border-radius:20px; font-size:12px; white-space:nowrap; }
.wa-chat-layout { display:grid; grid-template-columns:minmax(210px, 30%) minmax(0,1fr); border:1px solid var(--border,#dde4de); border-radius:14px; overflow:hidden; }
.wa-chat-embedded { grid-template-columns:minmax(0,1fr); }
.wa-chat-sidebar { padding:16px; border-right:1px solid var(--border,#dde4de); }
.wa-chat label { display:grid; gap:6px; font-size:13px; }
.wa-chat input,.wa-chat select,.wa-chat textarea { box-sizing:border-box; width:100%; min-width:0; padding:10px; border:1px solid var(--border,#cbd7ce); border-radius:9px; background:var(--panel,#fff); color:inherit; font:inherit; }
.wa-chat-clients { max-height:460px; overflow:auto; margin-top:16px; }
.wa-chat-clients button { display:grid; gap:5px; width:100%; padding:12px; text-align:left; background:transparent; color:inherit; border:0; border-bottom:1px solid var(--border,#dde4de); cursor:pointer; }
.wa-chat-clients button.active { background:#e6f2e9; color:#19452a; border-radius:10px; }
.wa-chat-clients small { color:#617169; }
.wa-chat-main { min-width:0; }
.wa-chat-main header,.wa-chat-main form[data-wa-chat-compose],.wa-chat-main>.panel-actions { padding:16px; }
.wa-chat-main header h3 { margin:0 0 12px; }
.wa-chat-selectors { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }
.wa-chat-history { background:#edf3ed; min-height:200px; max-height:480px; overflow:auto; padding:18px; display:flex; flex-direction:column; gap:12px; }
.wa-chat-bubble { max-width:85%; padding:12px 16px; border-radius:3px 15px 15px; background:white; color:#223b2b; align-self:flex-start; box-shadow:0 1px 2px #153b2020; }
.wa-chat-bubble small { color:#62796c; font-size:11px; }
.wa-chat-bubble p { margin:7px 0 0; white-space:pre-wrap; }
.wa-chat-message-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; }
.wa-chat-message-status { display:block; font-size:11px; margin-top:9px; color:#425f4b; }
.wa-chat-status-note { display:block; margin-top:6px; }
.wa-chat-attention { border:1px solid #c6a356; }
.wa-chat-outbound { align-self:flex-end; background:#d7efd6; border-radius:15px 3px 15px 15px; }
.wa-chat-empty { padding:30px 20px; color:#58695f; text-align:center; }
.wa-chat-address { font-size:12px; }
.wa-chat-send-preview { margin:0 16px 16px; padding:14px; border:1px solid #bdcdbf; border-radius:10px; background:#f5f8f4; }
.wa-chat-send-preview h4 { margin:0 0 10px; }
.wa-chat-preview-text { white-space:pre-wrap; }
.wa-chat-simulation { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding-top:10px; border-top:1px solid #d6dfd7; }
.wa-chat-simulation small { max-width:40em; }
.wa-chat .panel-actions { flex-wrap:wrap; gap:8px; }
@media(max-width:760px) { .wa-chat-layout { grid-template-columns:minmax(0,1fr); } .wa-chat-sidebar { border-right:0; border-bottom:1px solid var(--border,#dde4de); } .wa-chat-clients { max-height:180px; } .wa-chat-selectors { grid-template-columns:1fr; } .wa-chat-bubble { max-width:95%; } }