.wa-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #bfe9d3;border-radius:20px;background:#ecfbf3;padding:5px 10px;color:#0f7a4f;font-size:11px;font-weight:800;white-space:nowrap}
.wa-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:#25d366}
.wa-chip:hover{border-color:#25d366;background:#dcf7e8}
.wa-modal .modal-head small{display:block;margin-top:4px}
.wa-thread{display:flex;height:320px;overflow-y:auto;flex-direction:column;gap:8px;margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:#f3f1ec;padding:14px}
.wa-bubble{max-width:82%;border-radius:12px;padding:8px 11px;box-shadow:0 1px 2px rgba(0,0,0,.06);overflow-wrap:anywhere}
.wa-bubble.in{align-self:flex-start;border-top-left-radius:4px;background:#fff}
.wa-bubble.out{align-self:flex-end;border-top-right-radius:4px;background:#d9fdd3}
.wa-bubble .wa-text{font-size:14px;line-height:1.45}
.wa-bubble small{display:block;margin-top:4px;color:#667085;font-size:11px;text-align:right}
.wa-status.read{color:#1d9bf0}.wa-status.failed{color:var(--danger)}
.wa-empty{margin:auto;color:var(--muted);font-size:13px;text-align:center}
.wa-compose-label{display:block;margin-bottom:6px;color:#384459;font-size:12px;font-weight:750}
.modal textarea.wa-compose{min-height:80px}
.wa-template{margin-top:12px;font-size:13px}.wa-template summary{color:var(--blue);font-weight:750;cursor:pointer}
.wa-template-row{display:grid;grid-template-columns:1fr 110px auto;gap:8px;align-items:center}
.wa-send{background:#1fa855!important;box-shadow:0 8px 20px rgba(31,168,85,.22)!important}.wa-send:hover{background:#178a45!important}
.wa-webhook,.wa-recent{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}
.wa-webhook h4,.wa-recent h4{margin:0 0 6px}
.wa-copy-row{display:flex;max-width:560px;gap:8px}.wa-copy-row input{flex:1;min-width:0;background:#f8fafc}
.wa-recent .opportunity-list{padding:0}.wa-logo{background:#1fa855}
@media(max-width:760px){.wa-template-row{grid-template-columns:1fr}.wa-thread{height:260px}.wa-bubble{max-width:92%}}