/* Impact6 website assistant. Uses the site tokens from site.css. */
.i6c-btn{position:fixed; right:16px; bottom:calc(16px + env(safe-area-inset-bottom,0px)); z-index:70; display:inline-flex; align-items:center; gap:10px; font:700 1rem/1 var(--body); padding:15px 20px; border:0; border-radius:999px; background:var(--coral); color:#fff; cursor:pointer; box-shadow:0 10px 30px rgba(28,14,44,.28)}
.i6c-btn:hover{background:#A9380A}
.i6c-btn:focus-visible,.i6c-panel :focus-visible{outline:3px solid var(--coral-hi); outline-offset:2px}
.i6c-btn svg{width:20px; height:20px; flex:none}
@media (max-width:860px){.i6c-btn{bottom:calc(84px + env(safe-area-inset-bottom,0px)); padding:14px; } .i6c-btn span{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}}
.i6c-panel{position:fixed; right:16px; bottom:16px; z-index:80; width:min(400px, calc(100vw - 32px)); height:min(640px, calc(100vh - 32px)); display:flex; flex-direction:column; background:var(--paper); color:var(--ink); border-radius:22px; box-shadow:0 24px 70px rgba(28,14,44,.35); overflow:hidden; font:400 1rem/1.5 var(--body)}
.i6c-panel[hidden],.i6c-form[hidden]{display:none}
@media (max-width:520px){.i6c-panel{right:0; bottom:0; width:100vw; height:100dvh; border-radius:0}}
.i6c-head{display:flex; align-items:center; gap:12px; padding:16px 16px 14px 20px; background:var(--plum-deep); color:#fff}
.i6c-head h2{font:700 1.05rem/1.2 var(--hd); margin:0; color:#fff}
.i6c-head p{margin:2px 0 0; font-size:.85rem; color:#E8DDF2}
.i6c-close{margin-left:auto; width:40px; height:40px; border:0; border-radius:999px; background:rgba(255,255,255,.12); color:#fff; font-size:1.4rem; line-height:1; cursor:pointer}
.i6c-log{flex:1; overflow-y:auto; padding:18px 16px; display:flex; flex-direction:column; gap:12px}
.i6c-note{font-size:.85rem; color:var(--muted); background:var(--lilac); border-radius:14px; padding:10px 12px}
.i6c-msg{max-width:88%; padding:11px 14px; border-radius:16px; white-space:normal; overflow-wrap:anywhere}
.i6c-msg p{margin:0 0 .5em} .i6c-msg p:last-child{margin:0}
.i6c-msg ul{margin:.25em 0 .5em; padding-left:1.2em}
.i6c-bot{align-self:flex-start; background:#fff; border:1px solid var(--line); border-bottom-left-radius:6px}
.i6c-me{align-self:flex-end; background:var(--plum); color:#fff; border-bottom-right-radius:6px}
.i6c-bot a{color:var(--coral); font-weight:700}
.i6c-who{display:flex; flex-direction:column; gap:8px}
.i6c-who button{text-align:left; font:600 .98rem/1.3 var(--body); padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:#fff; color:var(--plum-ink); cursor:pointer}
.i6c-who button:hover{border-color:var(--plum-2)}
.i6c-form{display:flex; gap:8px; padding:12px; border-top:1px solid var(--line); background:#fff}
.i6c-form textarea{flex:1; resize:none; min-height:44px; max-height:120px; font:400 1rem/1.4 var(--body); padding:11px 12px; border:1px solid var(--line); border-radius:14px; color:var(--ink); background:var(--paper)}
.i6c-form button{flex:none; font:700 .95rem/1 var(--body); padding:0 16px; border:0; border-radius:14px; background:var(--coral); color:#fff; cursor:pointer}
.i6c-form button:disabled{opacity:.5; cursor:default}
.i6c-typing{color:var(--muted); font-style:italic}
@media (prefers-reduced-motion:no-preference){.i6c-panel{animation:i6c-in .18s ease-out} @keyframes i6c-in{from{opacity:0; transform:translateY(12px)}}}