#mplHelperBtn{position:fixed;right:16px;bottom:16px;z-index:9000;background:#176b59;color:#fff;border:0;border-radius:999px;padding:14px 20px;font:700 17px system-ui,Arial;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer}
#mplHelperPanel{position:fixed;right:16px;bottom:76px;z-index:9001;width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 110px));display:none;flex-direction:column;background:#fff;border:2px solid #176b59;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.3);font:16px/1.45 system-ui,Arial;color:#173349}
#mplHelperPanel.open{display:flex}
#mplHelperPanel header{background:#176b59;color:#fff;padding:12px 14px;border-radius:11px 11px 0 0;display:flex;justify-content:space-between;align-items:center;font-weight:800}
#mplHelperPanel header button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
#mplHelperLog{padding:12px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:8px}
#mplHelperLog .m{padding:9px 12px;border-radius:12px;max-width:92%;white-space:pre-wrap}
#mplHelperLog .u{background:#dcecff;align-self:flex-end}
#mplHelperLog .a{background:#e8f2ee;align-self:flex-start}
#mplHelperLog .e{background:#fff0f0;color:#9b1c1c;align-self:flex-start}
#mplHelperForm{display:flex;gap:8px;padding:10px;border-top:1px solid #cfe0d8}
#mplHelperForm textarea{flex:1;font:16px system-ui,Arial;padding:8px;border:2px solid #9dbdc9;border-radius:8px;resize:none;min-height:44px}
#mplHelperForm button{background:#176b59;color:#fff;border:0;border-radius:8px;padding:0 16px;font:700 16px system-ui,Arial;cursor:pointer}
#mplHelperForm button:disabled{opacity:.5}
#mplHelperNote{font-size:13px;color:#536d7b;padding:0 12px 10px}
#mplHelperLog .chips{display:flex;flex-direction:column;gap:6px;align-self:stretch}
#mplHelperLog .chip{background:#fff;border:2px solid #176b59;color:#176b59;border-radius:10px;padding:9px 12px;font:600 15px system-ui,Arial;text-align:left;cursor:pointer}

/* Leave the approved bottom navigation and Everyday Spending action clear. */
body.pr-new-face #mplHelperBtn{left:12px;right:auto;bottom:calc(86px + env(safe-area-inset-bottom,0px));max-width:min(180px,calc(50vw - 20px));font-size:15px;padding:10px 14px}
body.pr-new-face #mplHelperPanel{left:12px;right:auto;bottom:calc(150px + env(safe-area-inset-bottom,0px));max-height:min(560px,calc(100dvh - 180px))}
#mplHelperForm textarea{min-width:0;box-sizing:border-box}
#mplHelperBtn[hidden]{display:none!important}

/* help button lives in the top row beside the website buttons */
#mplHelperBtn.in-nav,body.pr-new-face #mplHelperBtn.in-nav{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;max-width:none!important;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;padding:12px 17px!important;border:1px solid #176b59;border-radius:24px!important;font:600 15px/1.3 system-ui,sans-serif!important;min-height:22px;background:#176b59;color:#fff;margin-left:auto}
#mplHelperPanel,body.pr-new-face #mplHelperPanel{top:150px!important;bottom:auto!important;max-height:calc(100dvh - 170px)!important}
#mplHelperPanel,body.pr-new-face #mplHelperPanel{left:auto!important;right:16px!important}@media(max-width:700px){#mplHelperBtn.in-nav{order:-1;margin-left:0}#mplHelperPanel,body.pr-new-face #mplHelperPanel{left:12px!important;right:12px!important;width:auto!important;top:110px!important}}
