.mk-messenger { position: fixed; right: 24px; bottom: 24px; z-index: 2000; font-family: inherit; }
.mk-messenger-toggle { border: 0; border-radius: 999px; padding: 13px 18px; background: #019bc9; color: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.18); cursor: pointer; }
.mk-messenger-toggle i { margin-right: 8px; }
.mk-messenger-dismiss { display:none; position:absolute; top:-7px; right:-7px; z-index:2; width:22px; height:22px; padding:0; border:0; border-radius:50%; background:#334e5c; color:#fff; font-size:17px; line-height:20px; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.25); }
.mk-messenger-dismissed { display:none; }
.mk-messenger-panel { position: absolute; right: 0; bottom: 58px; width: 370px; height: 470px; display:flex; flex-direction:column; background: #fff; border-radius: 14px; box-shadow: 0 12px 40px rgba(0,0,0,.2); overflow: hidden; border: 1px solid #e5e7eb; }
.mk-messenger-panel header { display:flex; justify-content:space-between; align-items:center; padding:15px 16px; background:#019bc9; color:#fff; }
.mk-messenger-close { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:0; background:transparent; color:#fff; font-size:24px; cursor:pointer; }
.mk-messenger-messages { flex:1; min-height:0; overflow:auto; padding:14px; background:#f7fafc; }
.mk-message-row { display:flex; align-items:flex-end; gap:7px; margin:0 0 10px; }
.mk-message-row.customer { justify-content:flex-end; }
.mk-message-row.admin { justify-content:flex-start; }
.mk-message { max-width:82%; padding:9px 11px; margin:0; border-radius:12px; font-size:14px; white-space:pre-wrap; }
.mk-message.customer { margin-left:auto; background:#019bc9; color:#fff; border-bottom-right-radius:3px; }
.mk-message.admin { background:#fff; color:#1f2937; border:1px solid #e5e7eb; border-bottom-left-radius:3px; }
.mk-message-avatar { display:flex; align-items:center; justify-content:center; flex:0 0 26px; width:26px; height:26px; border-radius:50%; background:#019bc9; color:#fff; font-size:13px; }
.mk-message small { display:block; opacity:.7; margin-top:4px; font-size:10px; }
.mk-messenger-form { display:flex; padding:10px; gap:8px; border-top:1px solid #e5e7eb; }
.mk-messenger-form textarea { min-width:0; min-height:38px; max-height:84px; flex:1; resize:none; border:1px solid #d1d5db; border-radius:8px; padding:9px; font:inherit; line-height:1.35; }
.mk-messenger-form button { border:0; border-radius:8px; width:42px; background:#019bc9; color:#fff; }
@media (max-width: 991px) {
  .mk-messenger { right:12px; bottom:82px; z-index:4000; }
  .mk-messenger-toggle { width:48px; height:48px; padding:0; font-size:0; }
  .mk-messenger-toggle i { margin:0; font-size:20px; }
  .mk-messenger-dismiss { display:block; }
  .mk-messenger-panel { position:fixed; right:12px; left:12px; bottom:140px; width:auto; height:min(470px, calc(100vh - 170px)); z-index:4001; }
}