/* 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="120" height="120"><g fill="none" stroke="%23172229" stroke-width="1"><path d="M18 22l4 8 8 4-8 4-4 8-4-8-8-4 8-4z"/><path d="M92 90c0-4 3-7 7-7s7 3 7 7-3 7-7 7-7-3-7-7z"/><path d="M30 92c0-2 2-4 4-4s4 2 4 4-2 4-4 4-4-2-4-4z"/><path d="M95 30c0-3 2-5 5-5s5 2 5 5-2 5-5 5-5-2-5-5z"/><path d="M14 14h10M19 9v10" stroke="%23172229" stroke-width="1.2"/><path d="M80 20c0-3 2-5 5-5s5 2 5 5-2 5-5 5-5-2-5-5z"/><path d="M58 64c0-2 2-4 4-4s4 2 4 4-2 4-4 4-4-2-4-4z"/></g></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}