/* Magic Resales website chat: navy #003366, orange #CC5500, Poppins like the rest of the site. */
#mrchat-root{--mr-navy:#003366;--mr-orange:#CC5500;--mr-ink:#1f2937;--mr-muted:#6b7280;--mr-bg:#f5f7fb;font-family:Poppins,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--mr-ink)}
#mrchat-root *{box-sizing:border-box}
#mrchat-root .mrchat-fab{position:fixed;right:20px;bottom:20px;z-index:99998;display:flex;align-items:center;gap:10px;padding:12px 18px!important;border:0!important;border-radius:999px!important;background:var(--mr-navy)!important;color:#fff!important;font:600 15px/1 Poppins,sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;box-shadow:0 8px 24px rgba(0,51,102,.28);transition:transform .15s ease,box-shadow .15s ease}
#mrchat-root .mrchat-fab:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,51,102,.34);background:#002a55!important;color:#fff!important}
#mrchat-root .mrchat-fab svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#mrchat-root .mrchat-fab--hidden{display:none}
#mrchat-root .mrchat-panel{position:fixed;right:20px;bottom:20px;z-index:99999;width:380px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 40px);display:none;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.22);overflow:hidden}
#mrchat-root .mrchat-panel--open{display:flex}
#mrchat-root .mrchat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--mr-navy);color:#fff;border-bottom:3px solid var(--mr-orange)}
#mrchat-root .mrchat-head b{font-size:16px;font-weight:600}
#mrchat-root .mrchat-head small{display:block;font-size:12px;opacity:.85;font-weight:400}
#mrchat-root .mrchat-close{border:0!important;background:transparent!important;color:#fff!important;font-size:22px!important;line-height:1;cursor:pointer;padding:4px 6px!important;border-radius:6px!important;text-transform:none!important}
#mrchat-root .mrchat-close:hover{background:rgba(255,255,255,.12)!important}
#mrchat-root .mrchat-log{flex:1;overflow-y:auto;padding:16px;background:var(--mr-bg);display:flex;flex-direction:column;gap:10px}
#mrchat-root .mrchat-msg{max-width:85%;padding:10px 14px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}
#mrchat-root .mrchat-msg--agent{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px}
#mrchat-root .mrchat-msg--user{align-self:flex-end;background:var(--mr-navy);color:#fff;border-bottom-right-radius:4px}
#mrchat-root .mrchat-msg--note{align-self:center;background:transparent;color:var(--mr-muted);font-size:13px;text-align:center;padding:4px 8px}
#mrchat-root .mrchat-typing{align-self:flex-start;color:var(--mr-muted);font-size:13px;padding:2px 6px}
#mrchat-root .mrchat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #e5e7eb;background:#fff}
#mrchat-root .mrchat-form textarea{flex:1;resize:none;min-height:44px;max-height:120px;padding:10px 12px!important;border:1px solid #d1d5db!important;border-radius:10px!important;font:inherit!important;color:var(--mr-ink)!important;background:#fff!important;margin:0!important}
#mrchat-root .mrchat-form textarea:focus{outline:2px solid rgba(0,51,102,.25);border-color:var(--mr-navy)}
#mrchat-root .mrchat-send{border:0!important;border-radius:10px!important;background:var(--mr-orange)!important;color:#fff!important;font:600 14px Poppins,sans-serif!important;padding:0 16px!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important}
#mrchat-root .mrchat-send:hover{background:#b34a00!important;color:#fff!important}
#mrchat-root .mrchat-send:disabled{opacity:.55;cursor:default}
#mrchat-root .mrchat-foot{padding:6px 12px 10px;font-size:11px;color:var(--mr-muted);text-align:center;background:#fff}
@media (max-width:480px){#mrchat-root .mrchat-panel{right:12px;bottom:12px;width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:none;border-radius:14px}#mrchat-root .mrchat-fab{right:14px;bottom:14px}}