.apserver-chatbot { position: fixed; right: 18px; bottom: 18px; z-index: 999999; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.apserver-chatbot__toggle { width: 56px; height: 56px; border-radius: 50%; border: none; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,.18); background: #0ea5e9; position: relative; }
.apserver-chatbot__toggle-dot { display:block; width: 10px; height: 10px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 8px rgba(255,255,255,.25); }
.apserver-chatbot__panel { position: fixed; right: 18px; bottom: 86px; width: 340px; max-height: 60vh; background: #fff; border-radius: 12px; box-shadow: 0 20px 40px rgba(0,0,0,.18); display: none; overflow: hidden; }
.apserver-chatbot__panel.is-open { display:block; }
.apserver-chatbot__header { padding: 12px 14px; background:#0ea5e9; color:#fff; display:flex; align-items:center; justify-content:space-between; }
.apserver-chatbot__title { font-weight: 700; }
.apserver-chatbot__close { background: transparent; border: none; color:#fff; font-size:20px; cursor:pointer; }
.apserver-chatbot__messages { padding: 12px; height: 320px; overflow-y: auto; background: #f8fafc; }
.apserver-chatbot__msg { padding: 10px 12px; margin: 8px 0; border-radius: 10px; line-height: 1.35; font-size: 14px; }
.apserver-chatbot__msg.user { background: #e2e8f0; margin-left: 40px; }
.apserver-chatbot__msg.bot  { background: #ffffff; margin-right: 40px; border: 1px solid #eef2f7; }
.apserver-chatbot__msg.waiting { opacity:.7; font-style: italic; }
.apserver-chatbot__form { display:flex; gap:8px; padding: 10px; border-top: 1px solid #eef2f7; background:#fff; }
.apserver-chatbot__form input { flex:1; border:1px solid #cbd5e1; border-radius:8px; padding:10px; font-size:14px; }
.apserver-chatbot__form button { border:none; background:#0ea5e9; color:#fff; border-radius:8px; padding:10px 12px; cursor:pointer; }
.apserver-chatbot__branding { text-align:right; padding: 0 12px 10px; font-size:12px; color:#64748b; }
.apserver-chatbot__branding a { color:#0ea5e9; text-decoration:none; }
@media (max-width: 480px){
  .apserver-chatbot__panel { right: 10px; left:10px; width: auto; bottom: 76px; }
}