.chat-dock{ position: fixed; right: 10px; bottom: 0; z-index: 3000; display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap-reverse; max-width: calc(100vw - 20px); }
.chat-float{ width: 300px; background: rgba(20,20,20,.95); border:1px solid rgba(255,255,255,.1); border-radius:14px 14px 0 0; box-shadow: 0 8px 26px rgba(0,0,0,.4); overflow:hidden; display:flex; flex-direction:column; }
.chat-float header{ display:flex; align-items:center; gap:10px; padding:8px 10px; background:#0b0b0b; border-bottom:1px solid rgba(255,255,255,.1); }
.chat-float header img{ width:28px; height:28px; border-radius:50%; object-fit:cover; }
.chat-float header .title{ flex:1; font-size:13px; }
.chat-float header .ctas button{ background:transparent; border:none; color:#fff; cursor:pointer; margin-left:6px; }
.chat-float .body{ height:240px; overflow:auto; padding:10px; display:flex; flex-direction:column; gap:6px; }
.chat-float .msg{ max-width:80%; padding:8px 10px; border-radius:12px; background:#111; }
.chat-float .msg.me{ align-self:flex-end; background:#0e1a0e; border:1px solid #15fb00; }
.chat-float footer{ display:flex; gap:6px; padding:8px; border-top:1px solid rgba(255,255,255,.1); }
.chat-float input[type="text"]{ flex:1; padding:8px 10px; border-radius:8px; border:1px solid rgba(255,255,255,.2); background:#0b0b0b; color:#fff; }
.chat-float button{ padding:8px 10px; border-radius:8px; border:none; background:#15fb00; color:#000; cursor:pointer; }
.chat-float .attach{ background:#0b0b0b; color:#fff; border:1px solid rgba(255,255,255,.15); }