/* Keep third-party authentication panels independent of the site footer. */
body .mgsk-login-modal{isolation:isolate;padding:20px!important;align-items:center!important;box-sizing:border-box;height:100vh;height:100dvh;z-index:2147483000}
body .mgsk-login-modal .mgsk-login-dialog{box-sizing:border-box;max-height:calc(100vh - 40px)!important;max-height:calc(100dvh - 40px)!important;overscroll-behavior:contain;border-radius:24px!important;animation:mana-dialog-in .22s ease-out}
body :is(.mgsk-login-modal,.mgsk-login-inline) .mgsk-auth-footer{position:static!important;inset:auto!important;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:16px 0 0!important;padding:12px!important;background:#f0f6f1!important;transform:none!important;overflow:visible!important;border-radius:14px;color:#24533f!important}
body :is(.mgsk-login-modal,.mgsk-login-inline) .mgsk-auth-footer::before,body :is(.mgsk-login-modal,.mgsk-login-inline) .mgsk-auth-footer::after{content:none!important;display:none!important}
body #mgsk-kyc-modal{box-sizing:border-box;height:100vh;height:100dvh;padding:20px!important;align-items:center!important;z-index:2147482999}
body #mgsk-kyc-modal[hidden]{display:none!important}
body #mgsk-kyc-modal .mgsk-modal-box{position:relative;box-sizing:border-box;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;border-radius:24px;padding-top:58px}
body #mgsk-kyc-modal .mana-kyc-close{position:absolute;top:12px;left:12px;width:36px;height:36px;min-height:36px;margin:0;padding:0;border:1px solid #c6d9cc;border-radius:50%;background:#eef5ef;color:#24533f;font-size:24px;line-height:1;cursor:pointer}
@keyframes mana-dialog-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){body .mg-site-header #navigation{position:fixed!important;inset:0 0 0 auto!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;width:min(86vw,360px);box-sizing:border-box;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;padding:64px 18px 30px!important;z-index:100001;background:#f7faf7!important;color:#24533f!important;align-content:start;justify-content:flex-start;flex-wrap:nowrap;flex-direction:column}body .mg-site-header #navigation .mobile-menu-close{position:absolute;inset:14px auto auto 14px;margin:0;min-height:36px;width:36px;color:#24533f}body .mg-site-header #navigation .mg-primary-menu{display:block;width:100%;padding:0;margin:0;list-style:none}body .mg-site-header #navigation .sub-menu{display:block!important;position:static!important;padding:4px 16px 4px 0;margin:0;list-style:none;width:auto;max-height:none;opacity:1;visibility:visible;transform:none;background:transparent}body .mg-site-header #navigation a{color:#24533f!important;white-space:normal;display:block;padding:10px 4px}body .mg-site-header #navigation li{width:100%}body.mg-menu-open{overflow:hidden}}
@media(prefers-reduced-motion:reduce){body .mgsk-login-modal .mgsk-login-dialog{animation:none!important}}
body .mg-site-header{background:linear-gradient(110deg,#2b5945,#38755b)!important;color:#fff!important;border-color:#aac6b3!important}
body .mg-site-header::before,body .mg-site-header::after{display:none!important}
body .mg-site-header .brand,body .mg-site-header .brand strong,body .mg-site-header .brand small,body .mg-site-header .head-actions :is(a,button){color:#fff!important}
@media(min-width:701px){body .mg-site-header #navigation>a,body .mg-site-header #navigation .mg-primary-menu>li>a{color:#fff!important}}
body .mg-configured-nav{grid-template-columns:repeat(auto-fit,minmax(0,1fr));overflow:visible}
body .mg-configured-nav>a{position:relative;min-width:0}
body .mg-configured-nav .mg-bottom-raised .icon{box-sizing:content-box;padding:12px;background:#38755b;color:#fff;border:5px solid #fbfbf9;border-radius:50%;margin-top:-28px;box-shadow:0 -5px 14px #173d2c15}body .mg-site-header .brand small{display:block!important;opacity:1!important;visibility:visible!important}

/* Mobile header controls must not inherit cream account/form button surfaces. */
@media(max-width:700px){
html body .mg-site-header .header-row .head-actions > :is(a.icon-button,button.icon-button){background:transparent!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;width:34px;min-width:34px;height:36px;min-height:36px;box-sizing:border-box}
html body .mg-site-header .header-row .head-actions > :is(a.icon-button,button.icon-button):is(:hover,:active){background:transparent!important;box-shadow:none!important}
html body .mg-site-header .header-row .head-actions > :is(a.icon-button,button.icon-button):focus-visible{outline:2px solid #fff;outline-offset:3px}
}