#mkchat,#mkchat *{box-sizing:border-box;margin:0;padding:0;font-family:var(--mkf,inherit);line-height:1.7;letter-spacing:0;text-transform:none;-webkit-tap-highlight-color:transparent}
#mkchat{position:fixed;bottom:20px;z-index:2147483000;direction:rtl;text-align:right;font-size:14px;color:#1e293b}
#mkchat.mk-left{left:20px}#mkchat.mk-right{right:20px}
#mkchat button{cursor:pointer;border:0;background:none;color:inherit;font:inherit}
#mkchat svg{display:block}

#mkchat .mk-fab{position:relative;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px -6px var(--c1);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
#mkchat .mk-fab:hover{transform:scale(1.08) rotate(-4deg)}
#mkchat .mk-fab:focus-visible,#mkchat .mk-send:focus-visible,#mkchat .mk-nav button:focus-visible{outline:3px solid #fff;outline-offset:-5px;box-shadow:0 0 0 3px var(--c1)}
#mkchat .mk-fab:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--c1);opacity:0;animation:mk-ring 2.8s ease-out 1.5s 3}
#mkchat.mk-open .mk-fab{display:none}
#mkchat .mk-badge{position:absolute;top:-4px;left:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;display:none;align-items:center;justify-content:center;border:2px solid #fff}
#mkchat .mk-badge.mk-on{display:flex}

#mkchat .mk-panel{display:none;flex-direction:column;width:370px;height:min(600px,calc(100vh - 40px));background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px -12px rgba(15,23,42,.35),0 0 0 1px rgba(15,23,42,.06);transform-origin:bottom left}
#mkchat.mk-right .mk-panel{transform-origin:bottom right}
#mkchat.mk-open .mk-panel{display:flex;animation:mk-pop .35s cubic-bezier(.2,1.1,.4,1)}

#mkchat .mk-head{position:relative;display:flex;align-items:center;gap:12px;padding:18px 18px 22px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2))}
#mkchat .mk-avs{display:flex;flex-direction:row-reverse}
#mkchat .mk-hav{width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:rgba(255,255,255,.25);margin-inline-start:-12px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
#mkchat .mk-hav:last-child{margin-inline-start:0}
#mkchat .mk-hav img{width:100%;height:100%;object-fit:cover}
#mkchat .mk-hi{flex:1;min-width:0}
#mkchat .mk-ht{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mkchat .mk-hs{font-size:12px;opacity:.92;display:flex;align-items:center;gap:6px}
#mkchat .mk-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex:none}
#mkchat .mk-on .mk-dot,#mkchat .mk-hs.mk-on .mk-dot{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.3)}
#mkchat .mk-x{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);transition:background .2s}
#mkchat .mk-x:hover{background:rgba(255,255,255,.32)}
#mkchat .mk-head:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:14px;background:#f8fafc;border-radius:16px 16px 0 0}

#mkchat .mk-body{flex:1;min-height:0;background:#f8fafc;position:relative}
#mkchat .mk-view{display:none;position:absolute;inset:0;overflow-y:auto;padding:6px 14px 14px;overscroll-behavior:contain;scrollbar-width:thin}
#mkchat .mk-view.mk-act{display:block}
#mkchat .mk-msgs{display:none;flex-direction:column}
#mkchat .mk-msgs.mk-act{display:flex}

#mkchat .mk-row{display:flex;gap:8px;margin-top:8px;max-width:100%;animation:mk-in .28s ease-out}
#mkchat .mk-me{flex-direction:row-reverse}
#mkchat .mk-av{width:30px;height:30px;border-radius:50%;flex:none;align-self:flex-end;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
#mkchat .mk-av img{width:100%;height:100%;object-fit:cover}
#mkchat .mk-col{display:flex;flex-direction:column;max-width:78%;min-width:0}
#mkchat .mk-me .mk-col{align-items:flex-end}
#mkchat .mk-nm{font-size:11px;color:#64748b;margin:0 6px 1px}
#mkchat .mk-ailb{display:inline-block;margin-inline-start:6px;padding:0 6px;border-radius:8px;background:#e0e7ff;color:#4338ca;font-size:10px}
#mkchat .mk-bub{padding:9px 13px;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.08);word-break:break-word;white-space:pre-wrap;overflow-wrap:anywhere}
#mkchat .mk-them .mk-bub{border-end-start-radius:5px}
#mkchat .mk-me .mk-bub{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border-end-end-radius:5px}
#mkchat .mk-bub a{color:inherit;text-decoration:underline}
#mkchat .mk-meta{display:flex;align-items:center;gap:4px;font-size:10px;color:#94a3b8;margin:2px 6px 0}
#mkchat .mk-tick{display:inline-flex;color:#94a3b8}
#mkchat .mk-tick.mk-rd{color:#38bdf8}
#mkchat .mk-note{align-self:center;margin-top:10px;padding:3px 12px;border-radius:12px;background:#e2e8f0;color:#475569;font-size:12px}
#mkchat .mk-typing .mk-bub{display:flex;gap:4px;padding:13px 14px}
#mkchat .mk-typing i{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:mk-dot 1.2s infinite}
#mkchat .mk-typing i:nth-child(2){animation-delay:.18s}#mkchat .mk-typing i:nth-child(3){animation-delay:.36s}

#mkchat .mk-card{margin-top:8px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.08)}
#mkchat .mk-card b{display:block;font-size:12px;color:#64748b;margin-bottom:6px;font-weight:600}
#mkchat .mk-lnk{display:inline-block;margin:2px 0 2px 6px;padding:4px 12px;border-radius:14px;background:#f1f5f9;color:#0f172a;text-decoration:none;font-size:13px;transition:background .2s}
#mkchat .mk-lnk:hover{background:#e2e8f0}
#mkchat .mk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#mkchat .mk-chip{padding:6px 12px;border-radius:16px;border:1.5px solid var(--c1);color:var(--c1);background:#fff;font-size:13px;transition:background .2s,color .2s}
#mkchat .mk-chip:hover{background:var(--c1);color:#fff}

#mkchat .mk-faqi{margin-top:8px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.08);overflow:hidden}
#mkchat .mk-faqq{width:100%;text-align:right;padding:12px 14px;font-weight:600;display:flex;justify-content:space-between;gap:10px;align-items:center}
#mkchat .mk-faqq:after{content:"+";font-size:18px;color:var(--c1);transition:transform .2s}
#mkchat .mk-faqi.mk-op .mk-faqq:after{transform:rotate(45deg)}
#mkchat .mk-faqa{display:none;padding:0 14px 12px;color:#475569;white-space:pre-wrap}
#mkchat .mk-faqi.mk-op .mk-faqa{display:block}
#mkchat .mk-empty{padding:30px 10px;text-align:center;color:#64748b}

#mkchat .mk-form{padding-top:14px}
#mkchat .mk-form h4{font-size:15px;margin-bottom:4px}
#mkchat .mk-form p{color:#64748b;font-size:13px;margin-bottom:10px}
#mkchat .mk-form label{display:block;font-size:12px;color:#475569;margin:10px 0 3px}
#mkchat .mk-in,#mkchat .mk-ta{width:100%;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;padding:9px 12px;font:inherit;color:#0f172a;outline:0;transition:border-color .2s}
#mkchat .mk-in:focus,#mkchat .mk-ta:focus{border-color:var(--c1)}
#mkchat .mk-btn{display:block;width:100%;margin-top:14px;padding:11px;border-radius:14px;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--c1),var(--c2));transition:filter .2s}
#mkchat .mk-btn:hover{filter:brightness(1.07)}
#mkchat .mk-err{color:#dc2626;font-size:12px;margin-top:8px;min-height:18px}

#mkchat .mk-comp{display:none;align-items:flex-end;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #eef2f7}
#mkchat .mk-comp.mk-act{display:flex}
#mkchat .mk-ta{resize:none;max-height:96px;height:40px;border-radius:20px;padding:8px 14px}
#mkchat .mk-send{width:40px;height:40px;border-radius:50%;flex:none;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));display:flex;align-items:center;justify-content:center;transition:transform .2s}
#mkchat .mk-send:hover{transform:scale(1.08)}
#mkchat .mk-send:disabled{opacity:.5}
#mkchat .mk-send svg{transform:scaleX(-1)}
#mkchat .mk-login{display:none;padding:12px;background:#fff;border-top:1px solid #eef2f7;text-align:center;font-size:13px}
#mkchat .mk-login a{color:var(--c1);font-weight:700}
#mkchat .mk-login.mk-act{display:block}

#mkchat .mk-nav{display:flex;background:#fff;border-top:1px solid #eef2f7}
#mkchat .mk-nav button{flex:1;padding:9px 0;font-size:12px;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:1px;position:relative}
#mkchat .mk-nav button svg{margin:0 auto}
#mkchat .mk-nav button.mk-act{color:var(--c1);font-weight:700}
#mkchat .mk-nav button.mk-act:before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--c1),var(--c2))}

@keyframes mk-pop{from{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}
@keyframes mk-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mk-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
@keyframes mk-ring{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(1.6)}}

@media (max-width:480px){
 #mkchat.mk-open{inset:0;bottom:0;left:0;right:0}
 #mkchat.mk-open .mk-panel{width:100%;height:100%;border-radius:0}
 #mkchat .mk-ta{font-size:16px}
}
@media (prefers-reduced-motion:reduce){#mkchat *{animation:none!important;transition:none!important}}