.chat-launch{position:fixed;right:20px;bottom:94px;z-index:100;background:var(--teal);color:#04211c;border:0;border-radius:30px;padding:14px 20px;font:600 15px Inter,system-ui;cursor:pointer;box-shadow:0 8px 30px #0006}
#web-chat{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:20px;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:hidden}
#web-chat::backdrop{background:#071321bb}
.chat-layout{display:flex;flex-direction:column;height:min(680px,calc(100dvh - 26px))}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}
.chat-header h2{font-size:19px;margin:0}.chat-header button{background:none;color:var(--text);border:0;font-size:24px;min-width:44px;min-height:44px;cursor:pointer}
.chat-info{margin:0;padding:12px 20px;font-size:12px;color:var(--text-soft)}
.chat-log{flex:1;min-height:80px;overflow:auto;padding:0 20px;overscroll-behavior:contain}
.chat-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px;border-radius:12px;background:var(--surface-alt);font-size:14px;line-height:1.6}.chat-message.visitor{margin-left:30px;background:var(--teal-dim)}
.chat-options{display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px}.chat-options button{background:var(--bg);border:1px solid var(--line);color:var(--teal);padding:10px;border-radius:10px;min-height:44px;cursor:pointer}
.chat-form{display:flex;gap:8px;padding:0 20px 12px}.chat-form input{min-width:0;flex:1;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:16px}.chat-form button{border:0;border-radius:10px;background:var(--teal);color:#04211c;padding:12px;cursor:pointer}
.chat-status{margin:0;padding:0 20px;font-size:13px;color:var(--amber);min-height:24px}.chat-links{padding:0 20px 16px;font-size:13px;display:flex;gap:16px}.chat-links a{color:var(--teal)}
#web-chat button:disabled{opacity:.5;cursor:wait}
.chat-contact-actions{padding:8px 0 16px}.chat-contact-actions a{display:inline-flex;align-items:center;background:var(--teal);color:#04211c;padding:10px;border-radius:10px;min-height:44px;font-size:14px;text-decoration:none}.chat-contact-actions a:focus-visible,.chat-contact-actions button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:480px){.chat-launch{right:12px;bottom:90px}#web-chat{border-radius:14px}.chat-info{padding:10px 14px}.chat-log{padding:0 14px}.chat-options{padding:8px 14px}.chat-form{padding:0 14px 10px}}