/* Approved user-supplied Elephant Pay artwork, 2026-10-28. Preserve the combined lockup's native proportions. */
:root,:host{--ep-final-logo:url('/brand/elephant-pay.png');--ep-final-mark:url('/brand/elephant-mark.png')}
html[data-theme="dark"],html[data-ep-theme="dark"],.is-dark,:host(.is-dark){--ep-final-logo:url('/brand/elephant-pay-dark.png')}
/* Sign-in, signup, recovery and onboarding use the exact same combined artwork. */
body .lockup,body .auth-brand-lockup,body .ob-lockup,body .onboard-lockup,
:host .lockup,:host .auth-brand-lockup{
 position:relative!important;display:inline-block!important;flex:none!important;width:3.81em!important;height:1.6em!important;min-height:0!important;aspect-ratio:2050/861!important;
 background:var(--ep-final-logo) center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important;filter:none!important;gap:0!important;vertical-align:middle;
}
body .lockup>*,body .auth-brand-lockup>*,body .ob-lockup>*,body .onboard-lockup>*,
:host .lockup>*,:host .auth-brand-lockup>*{display:none!important}
/* Portal names remain separate from the artwork. */
body .lockup:has(.lockup-tag)>.lockup-word{display:contents!important;font-size:0!important}
body .lockup .lockup-tag{display:block!important;position:absolute!important;left:calc(100% + 8px);bottom:2px;font-size:11px!important;font-weight:500;line-height:1.2;color:var(--text-3,#737780)!important;-webkit-text-fill-color:currentColor!important;filter:none!important;background:none!important;margin:0!important;white-space:nowrap}
body .onboard-lockup{font-size:22px!important}
body .ep-mark,body .mark.chrome,body .ob-lockup-mark,body .ep-hero-art{background-image:var(--ep-final-mark)!important;background-size:contain!important;background-repeat:no-repeat!important;-webkit-mask:none!important;mask:none!important;filter:none!important}
/* Loading artwork uses the approved mark without changing the progress behavior. */
body .epl-art img{object-fit:contain!important;padding:8%;box-sizing:border-box}
body .status-shell header>a[aria-label="Elephant Pay"]{display:block!important;width:100px!important;height:42px!important;background:var(--ep-final-logo) center/contain no-repeat!important;font-size:0!important}
body .status-shell header>a[aria-label="Elephant Pay"]>*{display:none!important}

/* Dashboard sidebar lockups, including dynamically built Merchant, Agent, Agency and customer views. */
html.ep body .ep-brand>.ep-mark{display:none!important}
html.ep body .ep-brand .ep-brand-word{display:block!important;width:105px!important;height:44px!important;background:var(--ep-final-logo) center/contain no-repeat!important;font-size:0!important;color:transparent!important;letter-spacing:0!important;overflow:hidden}
html.ep body .ep-brand .ep-brand-sub{margin-top:6px!important}
html.ep.ep-merchant body .mx-lockup{position:relative!important;display:inline-block!important;background:var(--ep-final-logo) center/contain no-repeat!important;width:105px!important;height:44px!important;gap:0!important}
html.ep.ep-merchant body .mx-lockup>.mx-mark{display:none!important}
html.ep.ep-merchant body .mx-lockup>.mx-word{display:contents!important;font-size:0!important;color:transparent!important}
html.ep.ep-merchant body .mx-lockup .mx-tag{position:absolute;display:block;left:0;top:100%;font-size:10px!important;color:var(--ep-text-3)!important;margin:6px 0 0!important;line-height:1.2}
html.ep body .ep-hero-art{background:none!important}
html.ep body .ep-hero-art::before{background-image:var(--ep-final-mark)!important}
html.ep body .ep-mark{background:var(--ep-final-mark) center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}