/* ===== Hofy no WhatsApp Web ===== */
.wa{gap:16px;padding-bottom:120px}
.wa-top{display:flex;align-items:center;gap:12px;padding:4px 0}
.wa-ic{width:40px;height:40px;border-radius:20px;background:#DDF3E4;color:#1F7A45;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wa-ic svg{width:20px;height:20px}
.wa-ic.grande{width:52px;height:52px;border-radius:26px}
.wa-ic.grande svg{width:26px;height:26px}
.wa-nome{font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.wa-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--glass-shadow)}
.wa-card .avatar{flex-shrink:0}
.wa-novo{align-items:center;text-align:center;gap:10px}
.wa-novo .small{max-width:300px;line-height:1.45}
.wa-ag{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.wa-ag strong{font-size:15px}
.wa-acoes{display:flex;flex-wrap:wrap;gap:6px}
.wa-acoes .btn{height:36px;padding:0 12px;font-size:13px}
.wa-acoes .btn svg{width:16px;height:16px}
.wa-pill{flex-shrink:0;font-size:11px;font-weight:800;padding:4px 9px;border-radius:10px;background:var(--soft);color:var(--muted);white-space:nowrap}
.wa-pill.ok{background:var(--ok-soft);color:var(--ok)}
.wa-pill.w{background:#F6EEDC;color:#8C6B2A}
.wa-pill.mal{background:var(--bad-soft);color:var(--bad)}
.wa-msgs{display:flex;flex-wrap:wrap;gap:8px}
.wa-msgs .btn{height:38px;font-size:13px}
.wa-msgs .btn svg{width:16px;height:16px;color:#1F7A45}
.wa-busca{position:relative}
.wa-busca svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.wa-busca .input{padding-left:40px;width:100%;box-sizing:border-box}
#waRes{margin-top:8px}
/* botão para voltar à conversa, quando a pessoa navega pelo resto do sistema dentro do painel */
.wa-volta{position:fixed;left:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:7;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:20px;background:#1F7A45;color:#fff;font:700 13px Manrope,sans-serif;text-decoration:none;box-shadow:0 8px 22px rgba(31,122,69,.32)}
.wa-volta svg{width:16px;height:16px}
#waCorpo{display:flex;flex-direction:column;gap:18px}
.embed-wa body:has(.bottombar) .wa-volta,body:has(.bottombar) .wa-volta{bottom:calc(150px + env(safe-area-inset-bottom))}
.wa-aviso{font-size:13px;line-height:1.45;padding:10px 12px;border-radius:12px;background:#F6EEDC;color:#6B4E12}
.wa-puxa{margin-top:6px;height:38px;font-size:13px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px}
.wa-puxa svg{width:16px;height:16px;color:#1F7A45}