/* Customer navigation is independent from charger controls and account state. */
body.customer-bottom-nav-visible{--customer-bottom-nav-height:calc(68px + var(--pwa-safe-bottom,env(safe-area-inset-bottom,0px)))}
.customer-bottom-navigation{position:fixed;left:0;right:0;bottom:0;z-index:900;box-sizing:border-box;min-height:var(--customer-bottom-nav-height,68px);padding:6px max(12px,var(--pwa-safe-right,env(safe-area-inset-right,0px))) calc(6px + var(--pwa-safe-bottom,env(safe-area-inset-bottom,0px))) max(12px,var(--pwa-safe-left,env(safe-area-inset-left,0px)));border-top:1px solid #eadccf;background:#fffdfa;box-shadow:0 -5px 22px #6041250a;font-family:inherit;color:#85654d}
.customer-bottom-navigation[hidden]{display:none!important}
.customer-bottom-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:600px;margin:0 auto;align-items:center}
.customer-bottom-items>a,.customer-bottom-items>button{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;width:100%;min-width:0;min-height:52px;margin:0;padding:5px 8px;border:0;border-radius:12px;background:transparent;color:#8a705b;font:inherit;font-size:12px;font-weight:550;line-height:1.45;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.customer-bottom-items .pwa-icon{width:22px;height:22px;flex-shrink:0;stroke-width:1.8}
.customer-bottom-items>[aria-current=page]{color:#a7441e;background:#fff0e4;font-weight:700}
.customer-bottom-items>.customer-bottom-scan{min-height:54px;max-width:150px;justify-self:center;background:#a7441e;color:#fff;border:1px solid #963813;box-shadow:0 3px 9px #a7441e20}
.customer-bottom-items>.customer-bottom-scan[aria-current=page]{background:#883611;color:#fff;border-color:#78300f}
.customer-bottom-items>a:focus-visible,.customer-bottom-items>button:focus-visible{outline:3px solid #d2a67b;outline-offset:2px}
.customer-nav-enabled :is([data-customer-menu],#customer-activity-link){display:none!important}
/* Printed-QR charging keeps its own back/help controls and no portal navigation. */
.customer-qr-flow #customer-activity-link{display:none!important}
.customer-bottom-nav-visible :is(#customer-activity-view,#station-finder-view){box-sizing:border-box;padding-bottom:var(--customer-bottom-nav-height)}
.customer-bottom-nav-visible #customer-view{box-sizing:border-box;padding-bottom:calc(var(--customer-bottom-nav-height) + 8px)}
.customer-bottom-nav-visible #customer-view .prepaid-shell>.member-journey{position:relative;bottom:auto}
.customer-menu-list [data-customer-login]>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){
 .customer-bottom-nav-visible #customer-view .prepaid-shell{min-height:calc(100svh - var(--customer-header) - var(--screen-gap) - 8px - var(--pwa-safe-top,env(safe-area-inset-top,0px)) - var(--customer-bottom-nav-height));min-height:calc(100dvh - var(--customer-header) - var(--screen-gap) - 8px - var(--pwa-safe-top,env(safe-area-inset-top,0px)) - var(--customer-bottom-nav-height))}
 .customer-bottom-nav-visible #customer-view.pwa-banner-visible .prepaid-shell{min-height:0}
}
@media(max-width:350px){.customer-bottom-navigation{padding-inline:max(8px,var(--pwa-safe-left,env(safe-area-inset-left,0px))) max(8px,var(--pwa-safe-right,env(safe-area-inset-right,0px)))}.customer-bottom-items{gap:5px}.customer-bottom-items>a,.customer-bottom-items>button{font-size:11px;padding-inline:5px}.customer-bottom-items>.customer-bottom-scan{max-width:125px}}
@media(min-width:700px){body.customer-bottom-nav-visible{--customer-bottom-nav-height:calc(72px + var(--pwa-safe-bottom,env(safe-area-inset-bottom,0px)))}.customer-bottom-navigation{padding-top:7px}.customer-bottom-items{gap:20px}.customer-bottom-items>a,.customer-bottom-items>button{min-height:52px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.customer-bottom-navigation,.customer-bottom-items>*{transition:none}}