/* Chat */
.chat-btn{position:fixed; right:calc(20px + env(safe-area-inset-right,0px)); bottom:calc(20px + env(safe-area-inset-bottom,0px)); z-index:70; width:62px; height:62px; border-radius:50%; border:0; background:var(--ink); color:var(--white); cursor:pointer; box-shadow:0 10px 28px rgba(8,40,42,.35); display:flex; align-items:center; justify-content:center}
.chat-btn svg{width:28px; height:28px}
.chat-btn .dot{position:absolute; top:6px; right:6px; width:14px; height:14px; border-radius:50%; background:var(--gold); border:2px solid var(--ink)}
.chat{position:fixed; right:calc(20px + env(safe-area-inset-right,0px)); bottom:calc(96px + env(safe-area-inset-bottom,0px)); z-index:70; width:min(380px, calc(100vw - 32px)); height:min(560px, calc(100vh - 140px)); background:var(--white); border-radius:16px; box-shadow:0 20px 50px rgba(8,40,42,.32); display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--line)}
@media (max-width:480px){.chat{right:16px; left:16px; width:auto}}
.chat header{background:var(--ink); color:var(--white); padding:16px 18px; display:flex; gap:12px; align-items:center}
.chat header .av{width:38px; height:38px; border-radius:50%; background:var(--teal); display:flex; align-items:center; justify-content:center; flex-shrink:0}
.chat header .av svg{width:20px; height:24px; color:var(--white)}
.chat header b{display:block; font-size:15px}
.chat header small{color:var(--on-ink-muted); font-size:12.5px}
.chat header .x{margin-left:auto; background:rgba(255,255,255,.12); color:var(--white)}
.msgs{flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:10px; background:var(--paper)}
.msg{max-width:86%; padding:10px 13px; border-radius:12px; font-size:14.5px; line-height:1.5; white-space:pre-line}
.msg.bot{background:var(--white); border:1px solid var(--line); border-bottom-left-radius:4px; align-self:flex-start}
.msg.me{background:var(--teal); color:var(--white); border-bottom-right-radius:4px; align-self:flex-end}
.chips{display:flex; flex-wrap:wrap; gap:6px}
.chips button{border:1px solid var(--teal); color:var(--teal); background:var(--white); border-radius:999px; font:500 13px var(--body); padding:6px 11px; cursor:pointer}
.chips button:hover{background:var(--teal); color:var(--white)}
.lead-form{display:flex; flex-direction:column; gap:8px; background:var(--white); border:1px solid var(--line); border-radius:12px; padding:12px; align-self:stretch}
.lead-form input,.lead-form textarea{font:14.5px var(--body); border:1px solid var(--line); border-radius:6px; padding:9px 10px; width:100%; background:var(--paper); color:var(--text)}
.chat form.send{display:flex; gap:8px; padding:12px; border-top:1px solid var(--line); background:var(--white)}
.chat form.send input{flex:1; min-width:0; font:15px var(--body); border:1px solid var(--line); border-radius:999px; padding:10px 14px; background:var(--paper); color:var(--text)}
.chat form.send button{border:0; background:var(--gold); color:var(--white); width:42px; height:42px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0}
.toast{position:fixed; left:50%; transform:translateX(-50%); bottom:calc(24px + env(safe-area-inset-bottom,0px)); background:var(--ink); color:var(--white); padding:12px 18px; border-radius:8px; z-index:90; font-size:14px}