#mf-chat-btn{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border:none;border-radius:50%;background:#16504B;cursor:pointer;box-shadow:0 8px 24px rgba(16,80,75,.35);z-index:99998;display:flex;align-items:center;justify-content:center;transition:transform .2s}
#mf-chat-btn:hover{transform:scale(1.06)}
#mf-chat-btn svg{width:28px;height:28px}
#mf-chat-panel{position:fixed;right:22px;bottom:94px;width:370px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100vh - 130px);background:#F4EEE2;border-radius:18px;box-shadow:0 18px 50px rgba(16,80,75,.28);z-index:99999;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transition:opacity .22s,transform .22s,visibility .22s;font-family:'Poppins',-apple-system,Segoe UI,Roboto,sans-serif}
#mf-chat-panel.open{opacity:1;visibility:visible;transform:none}
.mf-head{background:#16504B;color:#F4EEE2;padding:13px 16px;display:flex;align-items:center;gap:10px}
.mf-head .mf-dot{width:9px;height:9px;border-radius:50%;background:#FAC93D;box-shadow:0 0 0 3px rgba(250,201,61,.25);flex:none}
.mf-head h4{margin:0;font-size:15px;font-weight:600;flex:1;line-height:1.25}
.mf-head .mf-sub{font-size:11px;opacity:.8;font-weight:400}
.mf-close{background:none;border:none;color:#F4EEE2;font-size:22px;cursor:pointer;line-height:1;opacity:.85}
.mf-close:hover{opacity:1}
.mf-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.mf-msg{max-width:84%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;word-wrap:break-word}
.mf-bot{background:#fff;color:#14302c;align-self:flex-start;border-bottom-left-radius:4px}
.mf-user{background:#16504B;color:#F4EEE2;align-self:flex-end;border-bottom-right-radius:4px}
.mf-msg a{color:#0c6b60;font-weight:600}
.mf-user a{color:#FAC93D}
.mf-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:#fff;border-radius:14px}
.mf-typing span{width:7px;height:7px;border-radius:50%;background:#9DBAB5;animation:mfb 1s infinite}
.mf-typing span:nth-child(2){animation-delay:.15s}
.mf-typing span:nth-child(3){animation-delay:.3s}
@keyframes mfb{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.mf-input{display:flex;gap:8px;padding:12px;background:#F4EEE2;border-top:1px solid rgba(16,80,75,.12)}
.mf-input textarea{flex:1;resize:none;border:1px solid rgba(16,80,75,.2);border-radius:12px;padding:10px 12px;font-size:13.5px;font-family:inherit;outline:none;max-height:90px;background:#fff;color:#14302c}
.mf-input textarea:focus{border-color:#16504B}
.mf-send{background:#16504B;border:none;width:42px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mf-send:hover{background:#1a5c56}
.mf-send svg{width:20px;height:20px}
@media(max-width:480px){#mf-chat-panel{right:8px;left:8px;width:auto;bottom:84px;height:70vh}}