/* WhatsApp AI Employee chat mockup — truthful, reusable component */
.wa-chat{background:#0b141a;border-radius:18px;overflow:hidden;border:1px solid var(--line,#1f2c37);max-width:430px;box-shadow:0 18px 40px rgba(0,0,0,.35);font-size:13px;text-align:left}
.wa-head{background:#1f2c34;color:#e9edef;padding:10px 14px;display:flex;align-items:center;gap:10px}
.wa-av{width:34px;height:34px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;font-weight:900;color:#062;font-size:13px}
.wa-name{font-weight:700;font-size:13px;line-height:1.1}
.wa-name small{display:block;font-weight:400;color:#8696a0;font-size:10.5px}
.wa-body{background:#0b141a url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><path d="M0 80 20 60 40 80 60 60 80 80z" fill="%23111b21"/></svg>');padding:14px 12px;min-height:250px;display:flex;flex-direction:column;gap:8px}
.wa-b{max-width:82%;padding:7px 10px;border-radius:10px;line-height:1.45;font-size:12.5px}
.wa-in{background:#202c33;color:#e9edef;align-self:flex-start;border-top-left-radius:2px}
.wa-out{background:#005c4b;color:#e9edef;align-self:flex-end;border-top-right-radius:2px}
.wa-time{display:block;text-align:right;font-size:9px;color:#8696a0;margin-top:2px}
.wa-cards{display:flex;gap:6px;margin-top:2px}
.wa-card{background:#202c33;border-radius:9px;padding:8px 12px;color:#e9edef;font-size:11.5px;font-weight:600}
.wa-badge{background:#111b21;border:1px solid #1f2c37;color:#25D366;border-radius:999px;padding:5px 12px;font-size:10px;font-weight:800;letter-spacing:.8px;text-align:center;margin:10px auto 0;width:max-content}