/* Chat live pe site */
.mh-chat{position:fixed;right:22px;bottom:22px;z-index:70;font-family:inherit}
body:has(.mh-chat) .wa-float{bottom:92px}
.mhc-fab{width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;background:var(--red,#e4141c);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(11,13,18,.45);position:relative;transition:transform .18s}
.mhc-fab:hover{transform:scale(1.06)}
.mhc-fab svg{width:27px;height:27px;fill:currentColor}
.mhc-dot{position:absolute;top:4px;right:4px;width:13px;height:13px;border-radius:50%;background:#98a2b3;border:2px solid #fff}
.mh-chat.is-online .mhc-dot{background:#12b76a}
.mh-chat.has-new .mhc-fab{animation:mhc-ping 1.2s ease-in-out infinite}
@keyframes mhc-ping{50%{transform:scale(1.12)}}
.mhc-box{position:absolute;right:0;bottom:72px;width:min(370px,calc(100vw - 32px));height:min(540px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(11,13,18,.45),0 0 0 1px rgba(11,13,18,.06)}
.mhc-box[hidden]{display:none}
.mhc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;background:var(--night,#0b0d12);color:#fff}
.mhc-head b{display:block;font-size:16px}.mhc-head small{display:flex;align-items:center;gap:6px;color:#c3c8d2;font-size:12.5px;margin-top:2px}
.mhc-head small::before{content:"";width:8px;height:8px;border-radius:50%;background:#98a2b3}
.mh-chat.is-online .mhc-head small::before{background:#12b76a}
.mhc-x{border:0;background:rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:10px;cursor:pointer;font-size:14px}
.mhc-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:#f6f7f9}
.mhc-m{max-width:82%;display:flex;flex-direction:column;gap:2px}
.mhc-m p{margin:0;padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.mhc-m small{font-size:11px;color:#98a2b3;padding:0 6px}
.mhc-them{align-self:flex-start}.mhc-them p{background:#fff;color:#0e1014;border:1px solid #eaecf0;border-bottom-left-radius:5px}
.mhc-me{align-self:flex-end;align-items:flex-end}.mhc-me p{background:var(--red,#e4141c);color:#fff;border-bottom-right-radius:5px}
.mhc-sys{align-self:center;max-width:92%}.mhc-sys p{background:#fffaeb;color:#93370d;font-size:13px;text-align:center}
.mhc-form{border-top:1px solid #eaecf0;padding:10px;display:grid;gap:8px;background:#fff}
.mhc-who{display:grid;gap:6px}.mhc-who[hidden]{display:none}
.mhc-who input{width:100%;font:inherit;font-size:14px;padding:9px 11px;border:1px solid #d6d9e1;border-radius:10px}
.mhc-row{display:flex;gap:8px;align-items:flex-end}
.mhc-row textarea{flex:1;resize:none;font:inherit;font-size:14.5px;line-height:1.4;padding:10px 12px;border:1px solid #d6d9e1;border-radius:12px;max-height:120px;min-height:42px}
.mhc-row textarea:focus,.mhc-who input:focus{outline:none;border-color:var(--red,#e4141c)}
.mhc-row button{width:42px;height:42px;border-radius:12px;border:0;background:var(--red,#e4141c);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.mhc-row button svg{width:19px;height:19px;fill:currentColor}
.mhc-err{margin:0;color:#b42318;font-size:13px}
@media (max-width:600px){.mh-chat{right:14px;bottom:14px}body:has(.mh-chat) .wa-float{bottom:82px}.mhc-fab{width:54px;height:54px}}
@media (prefers-reduced-motion:reduce){.mh-chat.has-new .mhc-fab{animation:none}}
.mhc-who .mhc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
