:root{--mlc-color:#2563eb}#mlc-root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#mlc-launch{position:fixed;right:20px;bottom:20px;background:var(--mlc-color);color:#fff;border:0;border-radius:999px;padding:14px 19px;font-weight:700;z-index:99999;cursor:pointer;box-shadow:0 8px 24px #0002;transition:.18s}#mlc-launch:hover{transform:translateY(-2px)}#mlc-launch.pos-bl{left:20px;right:auto}#mlc-launch.pos-tr{top:20px;bottom:auto}#mlc-launch.pos-tl{left:20px;right:auto;top:20px;bottom:auto}.mlc-hidden{display:none!important}#mlc-box{position:fixed;right:20px;bottom:78px;width:370px;height:560px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 20px 60px #0f172a2b;z-index:99999;overflow:hidden}#mlc-box.pos-bl{left:20px;right:auto}#mlc-box.pos-tr{top:78px;bottom:auto}#mlc-box.pos-tl{left:20px;right:auto;top:78px;bottom:auto}#mlc-box.mlc-custom-pos{position:fixed}.mlc-head{height:64px;background:var(--mlc-color);color:#fff;padding:0 15px;display:flex;align-items:center;justify-content:space-between;cursor:move}.mlc-head strong,.mlc-head small{display:block}.mlc-head small{font-size:10px;opacity:.75;margin-top:3px}.mlc-head-actions{display:flex;gap:2px}.mlc-head button{background:transparent;border:0;color:#fff;font-size:22px;width:30px;height:30px;border-radius:8px;cursor:pointer}.mlc-head button:hover{background:#ffffff22}#mlc-status{padding:9px 13px;color:#667085;background:#f8fafc;font-size:11px;border-bottom:1px solid #edf0f4}#mlc-form{padding:18px;display:flex;flex-direction:column;gap:9px}#mlc-welcome{font-size:13px;color:#344054;line-height:1.5;margin:0 0 4px}#mlc-form input{padding:11px;border:1px solid #dbe2ea;border-radius:9px;outline:none}#mlc-form input:focus,#mlc-input:focus{border-color:var(--mlc-color)}#mlc-start,#mlc-send{background:var(--mlc-color);color:#fff;border:0;border-radius:9px;padding:11px 13px;cursor:pointer}#mlc-chat{height:calc(100% - 99px);display:flex;flex-direction:column}#mlc-messages{flex:1;overflow:auto;padding:10px;background:#fbfcfe}.mlc-msg{max-width:78%;padding:9px 11px;border-radius:13px;margin:6px 10px;word-break:break-word;font-size:12px;line-height:1.45}.mlc-msg.me{margin-left:auto;background:var(--mlc-color);color:#fff}.mlc-msg.agent{background:#eef2f7;color:#111827}.mlc-img{display:block;max-width:235px;max-height:230px;border-radius:9px}#mlc-compose{display:flex;gap:6px;padding:9px;border-top:1px solid #edf0f4;background:#fff}.mlc-photo,#mlc-drop{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe2ea;border-radius:8px;cursor:pointer;background:#fff}.mlc-photo input{display:none}#mlc-drop{position:relative}#mlc-drop.dragover{border-color:var(--mlc-color);background:#eff6ff}#mlc-drop.dragover::after{content:'Drop photo';position:absolute;bottom:44px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#111827;color:#fff;font-size:10px;padding:4px 7px;border-radius:5px}#mlc-input{min-width:0;flex:1;border:1px solid #dbe2ea;border-radius:9px;padding:9px}#mlc-send{width:38px;padding:0;font-size:17px}#mlc-file-status{font-size:10px;color:#667085;padding:0 11px 7px;background:#fff}@media(max-width:500px){#mlc-box{right:8px;bottom:70px;width:calc(100vw - 16px);height:72vh}#mlc-box.pos-bl{left:8px}#mlc-box.pos-tr{top:8px}#mlc-box.pos-tl{left:8px;top:8px}}

#mlc-chat.photo-dragging::after{content:'Drop photo anywhere in the chat';position:absolute;inset:10px;z-index:50;display:flex;align-items:center;justify-content:center;border:2px dashed var(--mlc-color,#2563eb);border-radius:14px;background:rgba(239,246,255,.92);color:#1d4ed8;font-weight:700;font-size:15px;pointer-events:none}
#mlc-chat{position:relative}

/* Header controls: insulated from theme button styles. */
#mlc-root .mlc-head{position:relative!important;box-sizing:border-box!important;height:64px!important;min-height:64px!important;padding:0 88px 0 15px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
#mlc-root .mlc-head-title{min-width:0}
#mlc-root .mlc-head-actions{position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;gap:4px!important;width:auto!important;height:36px!important;margin:0!important;padding:0!important}
#mlc-root .mlc-head-actions #mlc-min,#mlc-root .mlc-head-actions #mlc-close{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;float:none!important;background:transparent!important;border:0!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:22px!important;font-weight:400!important;line-height:1!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0!important;border-radius:8px!important;box-shadow:none!important;transform:none!important;cursor:pointer!important}
#mlc-root .mlc-head-actions #mlc-min:hover,#mlc-root .mlc-head-actions #mlc-close:hover{background:rgba(255,255,255,.14)!important}
#mlc-root #mlc-drop{position:relative;width:36px;height:36px;display:flex;flex:0 0 36px;align-items:center;justify-content:center;border:1px solid #dbe2ea;border-radius:8px;cursor:pointer;background:#fff}
#mlc-root #mlc-drop input{display:none}
#mlc-root #mlc-launch{touch-action:none;user-select:none}
#mlc-root #mlc-launch-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;vertical-align:middle}
#mlc-root #mlc-launch-icon svg{width:25px;height:25px;fill:currentColor}
#mlc-root #mlc-launch-icon img{width:25px;height:25px;display:block;object-fit:contain;border-radius:5px}
#mlc-root .mlc-launch-text{margin-left:7px}
#mlc-root #mlc-launch{touch-action:auto;user-select:auto;cursor:pointer!important}
#mlc-root .mlc-head{cursor:default!important}

/* Mobile: use the complete visible viewport and keep the page behind it still. */
@media(max-width:500px){
 html.mlc-chat-open,body.mlc-chat-open{overflow:hidden!important;overscroll-behavior:none!important}
 #mlc-root #mlc-box,#mlc-root #mlc-box.pos-bl,#mlc-root #mlc-box.pos-tr,#mlc-root #mlc-box.pos-tl{position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;transform:none!important;display:flex;flex-direction:column;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-sizing:border-box!important}
 #mlc-root #mlc-box.mlc-hidden{display:none!important}
 #mlc-root .mlc-head{flex:0 0 auto;height:calc(60px + env(safe-area-inset-top))!important;min-height:calc(60px + env(safe-area-inset-top))!important;padding-top:env(safe-area-inset-top)!important}
 #mlc-root #mlc-status{box-sizing:border-box;min-height:42px}
 #mlc-root #mlc-form{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;box-sizing:border-box;padding:18px}
 #mlc-root #mlc-chat{flex:1 1 auto;height:auto;min-height:0}
 #mlc-root #mlc-messages{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #mlc-root #mlc-compose{flex:0 0 auto;padding-bottom:max(9px,env(safe-area-inset-bottom))}
}

/* Keep customer photos inside their message bubble at every screen size. */
#mlc-root .mlc-msg.image{box-sizing:border-box;overflow:hidden;background:transparent!important;padding:0!important}
#mlc-root .mlc-img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:55vh!important;object-fit:contain;border-radius:9px}
@media(max-width:500px){#mlc-root .mlc-msg.image{max-width:88%}}