.mk-chat-fab{
  position:fixed; right:18px; bottom:18px; width:56px; height:56px; border-radius:50%;
  background:#0a6cff; color:#fff; display:flex; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 8px 24px rgba(0,0,0,.2); z-index:99999; font-size:22px;
}
.mk-chat-panel{
  position:fixed; width:320px; max-height:70vh; background:#fff; border:1px solid #e6e6e6;
  border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.18); display:none; flex-direction:column;
  overflow:hidden; z-index:99999;
}
.mk-pos-bottom-right{ right:18px; bottom:84px; }
.mk-pos-bottom-left{ left:18px; bottom:84px; }

.mk-chat-header{ padding:10px 12px; border-bottom:1px solid #eee; font:600 15px/1.3 Arial, sans-serif; }
.mk-chat-body{ padding:10px; height:300px; overflow:auto; font:14px/1.4 Arial, sans-serif; background:#fafafa; }
.mk-msg{ margin:8px 0; max-width:85%; padding:8px 10px; border-radius:10px; }
.mk-user{ background:#e7f0ff; margin-left:auto; }
.mk-bot{ background:#fff; border:1px solid #eee; }
.mk-typing{ font-size:12px; color:#666; padding:6px 12px; }
.mk-chat-input{ display:flex; gap:8px; padding:10px; border-top:1px solid #eee; background:#fff; }
.mk-chat-input input{ flex:1; padding:10px; border:1px solid #ddd; border-radius:10px; font:14px Arial, sans-serif; }
.mk-chat-input button{ padding:10px 12px; border:0; border-radius:10px; background:#0a6cff; color:#fff; font:600 14px Arial, sans-serif; cursor:pointer; }