.mn-online-bar{background:#006faf;color:#fff}
.mn-online-row{display:flex;justify-content:flex-end;align-items:center;min-height:62px;padding-top:7px;padding-bottom:7px;box-sizing:border-box}
.mn-online-bar .mn-online-access{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:132px;min-height:46px;padding:6px 14px;box-sizing:border-box;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.8);border-radius:4px;text-align:center;line-height:1.15;text-decoration:none;white-space:nowrap}
.mn-online-label{display:flex;flex-direction:column;gap:2px}
.mn-online-label span:first-child{font-size:15px;font-weight:700}
.mn-online-label span:last-child{font-size:12px;font-weight:500;letter-spacing:.04em}
/* Same lift, shadow and border feedback as the FAQ cards. */
#magnacon-site #mn-navigation>a,.mn-online-bar .mn-online-access{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
#magnacon-site #mn-navigation>a:not(.mn-button){padding:9px 10px;border:1px solid transparent;border-radius:8px}
#magnacon-site #mn-navigation>a:focus-visible{outline:3px solid #107ec1;outline-offset:4px}
@media(hover:hover){
 #magnacon-site #mn-navigation>a:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(1,39,65,.11);border-color:#b1c9d8}
 .mn-online-bar .mn-online-access:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(1,39,65,.11);border-color:#b1c9d8;background:transparent;color:#fff}
}
@media(prefers-reduced-motion:reduce){
 #magnacon-site #mn-navigation>a,.mn-online-bar .mn-online-access{transition:none}
 #magnacon-site #mn-navigation>a:hover,.mn-online-bar .mn-online-access:hover{transform:none}
}
.mn-online-bar .mn-online-access:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mn-online-access svg{flex:none}
@media(max-width:650px){.mn-online-row{min-height:58px}.mn-online-bar .mn-online-access{min-width:122px}}
.mn-helper[hidden],.mn-helper-panel[hidden]{display:none!important}
.mn-helper{position:fixed;right:24px;bottom:110px;z-index:9999999;display:flex;gap:12px;align-items:flex-end;max-width:calc(100vw - 32px);font:15px/1.5 Arial,Helvetica,sans-serif;color:#012741;animation:mn-helper-enter .45s ease both}
.mn-helper-panel{position:relative;box-sizing:border-box;width:250px;padding:24px 20px 20px;border:1px solid #d6e2eb;border-radius:18px;background:#fff;box-shadow:0 12px 35px #01274126}
.mn-helper-greeting{margin:0 0 16px;font-size:16px;line-height:1.5;color:#012741}
.mn-helper-close{position:absolute;right:6px;top:4px;width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:#456477;font-size:24px;cursor:pointer}
.mn-helper-primary,.mn-helper-secondary{display:block;text-align:center;text-decoration:none;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:600;min-height:44px;box-sizing:border-box}
.mn-helper-primary{background:#012741;color:#fff!important}
.mn-helper-secondary{color:#003e77!important;background:#edf5fa;margin-top:8px}
.mn-helper-primary:hover{background:#003e77}
.mn-helper-character{padding:0;margin:0;background:transparent;border:0;width:100px;cursor:pointer;flex:none;animation:mn-helper-float 3s ease-in-out infinite;transform-origin:50% 90%}
.mn-helper-character img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain}
.mn-helper-character:active{animation-play-state:paused}
.mn-helper button:focus-visible,.mn-helper a:focus-visible{outline:3px solid #107ec1;outline-offset:4px}
body.mn-helper-visible .qlwapp{display:none!important}
@keyframes mn-helper-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes mn-helper-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@media(max-width:650px){.mn-helper{right:16px;bottom:calc(85px + env(safe-area-inset-bottom,0px));gap:8px}.mn-helper-character{width:70px}.mn-helper-panel{width:min(230px,calc(100vw - 118px));padding:24px 16px 16px}.mn-helper-greeting{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mn-helper,.mn-helper-character{animation:none!important}}
