:root{--wa-green:#075e54;--wa-action:#128c7e;--wa-bg:#efe7dd;--wa-user:#dcf8c6;--wa-text:#16202a;--wa-muted:#667781;--wa-line:#d1d7db}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:linear-gradient(135deg,#0b6157,#0a3d62 45%,#14213d);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--wa-text)}.chat-page{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:16px}.chat-shell{width:min(940px,calc(100vw - 32px));height:min(760px,calc(100vh - 32px));height:min(760px,calc(100dvh - 32px));display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 24px 70px #0005}.chat-header{flex:0 0 auto;background:var(--wa-green);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:74px}.chat-header-title{display:flex;align-items:center;gap:12px;min-width:0}.chat-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffff29;flex:0 0 auto}.chat-title-text{min-width:0}.chat-title{font-size:1rem;font-weight:800;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-brand{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status{font-size:.68rem;opacity:.85}.clear-chat{display:flex;align-items:center;gap:5px;border-color:#ffffffb3;color:#fff;border-radius:999px;font-weight:700;white-space:nowrap;min-height:38px}.clear-chat:hover{background:#ffffff24;color:#fff}.chat-alternative{flex:0 0 auto;padding:8px 12px;background:#f8fbf9;text-align:center;border-bottom:1px solid var(--wa-line);font-size:.8rem}.chat-alternative a{color:var(--wa-green);font-weight:650}.chat-history{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px;background:radial-gradient(#0000000b 1px,transparent 1px) 0 0/18px 18px,var(--wa-bg);scroll-behavior:auto}.message{max-width:min(78%,680px);padding:8px 11px 6px;border-radius:13px;margin-bottom:8px;font-size:.95rem;line-height:1.42;overflow-wrap:anywhere;box-shadow:0 1px .5px #0b141a2e}.bot-message{background:#fff;margin-right:auto;border-top-left-radius:4px}.user-message{background:var(--wa-user);margin-left:auto;border-top-right-radius:4px}.message strong{font-weight:800}.message-time{font-size:.68rem;color:var(--wa-muted);text-align:right;margin-top:3px;line-height:1}.typing-indicator{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;background:#fff;border-radius:999px;font-size:.8rem;color:var(--wa-muted);margin-bottom:8px}.typing-dot{width:6px;height:6px;border-radius:50%;background:#87929a;animation:typing 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,100%{opacity:.45}30%{opacity:1}}.chat-input{flex:0 0 auto;background:#f0f2f5;border-top:1px solid var(--wa-line);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.chat-input .input-group{align-items:center;gap:8px;flex-wrap:nowrap}.chat-input .form-control{height:46px;min-width:0;border-radius:999px!important;border:0;background:#fff;padding:0 18px;box-shadow:none;font-size:1rem}.chat-input .form-control:focus{box-shadow:0 0 0 3px #25d36633}.btn-send{width:46px;height:46px;border-radius:50%!important;border:0;background:var(--wa-action);display:grid;place-items:center;flex:0 0 auto}.btn-send:hover,.btn-send:focus{background:var(--wa-green)}.powered{font-size:.8rem;color:#ffffffd9;text-decoration:none}.powered:hover{color:#fff}.quick-replies{display:flex;flex-wrap:wrap;gap:6px}.quick-replies:not(:empty){padding-bottom:9px}.quick-replies button{border:1px solid #b8cbc2;background:#fff;color:var(--wa-green);border-radius:20px;padding:8px 13px;font-size:.83rem;font-weight:650;min-height:38px}.quick-replies button:hover{background:#e4f2e9}.chat-feedback{font-size:.78rem;color:#963528;margin:0}.chat-feedback:not(:empty){margin-top:8px}button:focus-visible,a:focus-visible{outline:3px solid #efbb48;outline-offset:3px}
@media(min-width:992px){.chat-page{padding:24px}.chat-shell{height:min(780px,calc(100vh - 48px));height:min(780px,calc(100dvh - 48px))}.chat-history{padding:24px}.message{font-size:1rem}.chat-header{padding:14px 18px}}
@media(max-width:768px){body{background:#f0f2f5}.chat-page{display:block;width:100%;height:100vh;height:100dvh;padding:0}.chat-shell{width:100%;max-width:none;height:100vh;height:100dvh;margin:0;border-radius:0;box-shadow:none}.chat-header{padding:10px 12px;min-height:72px}.chat-avatar{width:36px;height:36px}.chat-header-title{gap:8px}.chat-history{padding:12px 10px}.message{max-width:88%;font-size:.93rem}.chat-input{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.clear-chat span,.powered{display:none}.clear-chat{width:38px;justify-content:center}.quick-replies button{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.typing-dot{animation:none}}