.chat-launcher{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:.6rem;padding:.85rem 1.2rem;border:0;border-radius:999px;background:#254d3d;color:#fff;box-shadow:0 6px 24px #0003;font:inherit;font-size:.95rem;cursor:pointer}
.chat-launcher:hover{background:#193b2d}
.chat-launcher:focus-visible,.web-chat button:focus-visible,.web-chat a:focus-visible{outline:3px solid #b69255;outline-offset:4px}
.web-chat[hidden]{display:none}
.web-chat{position:fixed;right:20px;bottom:90px;z-index:91;display:flex;flex-direction:column;width:min(390px,calc(100vw - 32px));height:560px;max-height:calc(100dvh - 115px);padding:0;margin:0;border:1px solid #dcded7;border-radius:20px;background:#faf9f5;box-shadow:0 16px 60px #0003;overflow:hidden}
.web-chat-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;background:#254d3d;color:white}
.web-chat-header strong{display:block;font-size:1.15rem}
.web-chat-header small{display:block;margin-top:4px;font-size:.8rem}
.web-chat-header button{border:0;border-radius:50%;background:transparent;color:white;width:40px;height:40px;font-size:28px;cursor:pointer;flex-shrink:0}
.web-chat-welcome{flex:1;padding:36px 24px;overflow:auto;text-align:center}
.web-chat-welcome>span{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e8eee7;color:#254d3d;letter-spacing:.1em}
.web-chat-welcome h2{font-size:1.2rem;margin:20px 0 12px}
.web-chat-welcome p{font-size:.95rem;line-height:1.8}
.web-chat-frame{display:block;flex:1;min-height:0;width:100%;border:0;background:white}
.web-chat-contact{margin:0;padding:12px 16px;text-align:center;border-top:1px solid #e4e5df;font-size:.8rem;background:white}
.web-chat-contact a{color:#254d3d;text-decoration:underline}
.web-chat-messages{flex:1;min-height:0;overflow:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}
.chat-bubble{margin:0;padding:12px 14px;max-width:90%;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid #e1e8e0;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.65}
.chat-bubble small{display:block;font-size:.7rem;opacity:.7;margin-bottom:4px}.chat-bubble span{display:block}
.chat-customer{align-self:flex-end;background:#254d3d;color:#fff;border-color:#254d3d;border-radius:16px 16px 4px 16px}
.chat-composer{flex-shrink:0;padding:10px 14px;background:white;border-top:1px solid #e1e8e0}
.chat-composer #chat-status{font-size:.75rem;min-height:1.4em;margin:0 0 6px;color:#52675b}
.chat-composer form{display:flex;align-items:flex-end;gap:8px;margin:0}
.chat-composer textarea{min-width:0;flex:1;padding:10px;border:1px solid #ccd6cb;border-radius:12px;font:inherit;font-size:16px;resize:none;max-height:100px;background:#fafcf9;color:#243d36}
.chat-composer button{padding:11px 15px;border:0;border-radius:12px;background:#254d3d;color:white;font:inherit;cursor:pointer}
.chat-composer button:disabled{opacity:.5;cursor:wait}.chat-composer>small{display:block;font-size:.65rem;color:#66766a;margin-top:8px}
.chat-input-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:860px){.chat-launcher{bottom:calc(78px + env(safe-area-inset-bottom));right:16px}.web-chat{right:16px;bottom:calc(144px + env(safe-area-inset-bottom));max-height:calc(100dvh - 164px - env(safe-area-inset-bottom))}}