:root{--mx-navy:#0b2139;--mx-blue:#0d7bdc;--mx-blue-soft:#eaf4ff;--mx-bg:#f4f7fb;--mx-line:#d9e3ee;--mx-ink:#102033;--mx-muted:#5d6d7f;--mx-ok:#176438;--mx-error:#9b1c1c}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#fff;color:var(--mx-ink);font-family:Arial,Helvetica,sans-serif}
button,input,textarea{font:inherit}
.mx-embed-body{overflow:hidden}
.mx-embed{height:100vh;display:flex;flex-direction:column;background:#fff}
.mx-embed-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--mx-navy);color:#fff}
.mx-embed-brand{display:flex;align-items:center;gap:11px;min-width:0}
.mx-embed-brand>div{min-width:0}.mx-embed-brand strong{display:block;font-size:15px;line-height:1.2}.mx-embed-brand small{display:block;margin-top:3px;color:#cbd8e6;font-size:11px;line-height:1.2}
.mx-embed-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f5b700;color:#0c2138;font-weight:900;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.mx-embed-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;color:#d7e5f3}.mx-embed-status i{width:8px;height:8px;border-radius:50%;background:#34c96b;box-shadow:0 0 0 3px rgba(52,201,107,.14)}
.mx-embed-notice{padding:9px 14px;background:#f8fafc;border-bottom:1px solid var(--mx-line);color:#5c6d7f;font-size:11px;line-height:1.4}
.mx-embed-tabs{display:flex;background:#f5f8fc;border-bottom:1px solid var(--mx-line)}
.mx-embed-tab{flex:1;border:0;background:transparent;padding:11px 12px;color:#42556a;font-weight:800;cursor:pointer;border-bottom:2px solid transparent}.mx-embed-tab.active{background:#fff;color:var(--mx-blue);border-bottom-color:var(--mx-blue)}
.mx-embed-panel{display:none;flex:1;min-height:0}.mx-embed-panel.active{display:flex;flex-direction:column}
.mx-chat-log{flex:1;min-height:0;overflow:auto;padding:14px;background:var(--mx-bg);scrollbar-gutter:stable}
.mx-msg{max-width:88%;margin:0 0 10px;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}.mx-msg.user{margin-left:auto;background:#dceeff;color:#123553;border-bottom-right-radius:5px}.mx-msg.bot{background:#fff;border:1px solid #e0e8f0;border-bottom-left-radius:5px;box-shadow:0 3px 10px rgba(13,42,70,.04)}
.mx-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px;background:#fff;border-top:1px solid var(--mx-line)}
.mx-chat-form input,.mx-ticket-form input,.mx-ticket-form textarea{width:100%;border:1px solid #ced9e5;border-radius:10px;background:#fff;color:var(--mx-ink);padding:10px 11px;outline:none}.mx-chat-form input:focus,.mx-ticket-form input:focus,.mx-ticket-form textarea:focus{border-color:#76afe0;box-shadow:0 0 0 3px rgba(13,123,220,.10)}
.mx-primary{border:0;border-radius:10px;background:var(--mx-blue);color:#fff;padding:10px 14px;font-weight:800;cursor:pointer}.mx-primary:disabled{opacity:.6;cursor:not-allowed}
.mx-ticket-form{flex:1;overflow:auto;padding:14px;background:var(--mx-bg)}
.mx-ticket-form label{display:block;margin:0 0 11px;color:#30475f;font-size:12px;font-weight:800}.mx-ticket-form input,.mx-ticket-form textarea{display:block;margin-top:5px;font-weight:400}.mx-ticket-form textarea{min-height:104px;resize:vertical}
.mx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mx-file-hint{margin:-2px 0 10px;color:var(--mx-muted);font-size:11px;line-height:1.4}
.mx-file-list{display:none;margin:0 0 10px;border:1px solid var(--mx-line);border-radius:10px;background:#fff;overflow:hidden}.mx-file-list.show{display:block}.mx-file-item{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--mx-line);font-size:11px}.mx-file-item:last-child{border-bottom:0}.mx-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-file-size{color:var(--mx-muted);white-space:nowrap}
.mx-progress-wrap{display:none;margin:10px 0}.mx-progress-wrap.show{display:block}.mx-progress-track{height:10px;border-radius:999px;background:#e4edf6;overflow:hidden}.mx-progress-bar{height:100%;width:0;background:var(--mx-blue);transition:width .15s linear}.mx-progress-text{margin-top:6px;color:var(--mx-muted);font-size:11px}
.mx-ticket-submit{width:100%;margin-top:2px}.mx-status{display:none;margin-top:10px;padding:9px 10px;border-radius:10px;font-size:12px;line-height:1.4}.mx-status.info{display:block;background:#eaf4ff;color:#174a78}.mx-status.ok{display:block;background:#eaf8ef;color:var(--mx-ok)}.mx-status.err{display:block;background:#fff0f0;color:var(--mx-error)}
.mx-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:520px){.mx-embed-header{padding:12px}.mx-embed-notice{padding:8px 12px}.mx-form-grid{grid-template-columns:1fr}.mx-ticket-form{padding:12px}.mx-chat-log{padding:12px}}

/* MIROMAX_ANIMATED_AGENT_ICON */
.mx-embed-logo--animated {
    font-size: 21px;
    line-height: 1;
    animation: mx-agent-float 2.2s ease-in-out infinite;
    transform-origin: center;
}

@keyframes mx-agent-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    25% { transform: translateY(-2px) rotate(-5deg); }
    50% { transform: translateY(0) rotate(0deg) scale(1.08); }
    75% { transform: translateY(-2px) rotate(5deg); }
}

@media (prefers-reduced-motion: reduce) {
    .mx-embed-logo--animated {
        animation: none;
    }
}