/* Narrow customer audit layer; load after existing H5 and shared styles. */
body:has(#portal) [hidden],
body:has(#portal) [hidden] *{display:none!important}
body:has(#portal) #portal{scroll-padding-bottom:calc(var(--customer-payment-height,0px) + 24px)}
body.checkout-view:has(#portal) #portal{padding-bottom:calc(var(--customer-payment-height,92px) + 72px + env(safe-area-inset-bottom))}
/* Three region selectors were squeezed into ~80px cells at 361–390px. */
@media(max-width:420px){
 body:has(#portal) #portal .region-fields>div{grid-template-columns:minmax(0,1fr)}
 body:has(#portal) #portal .address-fields{grid-template-columns:minmax(0,1fr)}
}
body:has(#portal) #portal :is(.customer-cart-info,.customer-cart-prices,.customer-cart-actions,.member-setting-segments){min-width:0;max-width:100%}
body:has(#portal) #portal :is(.customer-cart-prices,.customer-cart-actions,.member-setting-segments){flex-wrap:wrap;row-gap:8px}
body:has(#portal) #portal .customer-cart-prices>strong{white-space:normal;overflow-wrap:anywhere}
body:has(#portal) #portal :is(.complaint-record,.complaint-pending,.vr-history-row){overflow-wrap:anywhere;min-width:0}
body:has(#portal) :is(#viewerProfileEditor,#viewerComplaintDialog,#memberDialog):not([data-inline=true]){
 max-height:min(85dvh,calc(var(--customer-visible-height,100dvh) - 24px));overflow-y:auto;scroll-padding-block:16px;overscroll-behavior:contain;
}
body:has(#portal) #viewerComplaintDialog:not([data-inline=true]) footer{position:sticky;bottom:0;z-index:2;padding-bottom:env(safe-area-inset-bottom)}
body:has(#portal) #viewerComplaintDialog footer>button{min-height:44px;flex:1 1 120px;white-space:normal}
body:has(#portal) #memberDialog :is(textarea,select,input){max-width:100%;min-width:0}
body:has(#portal) #memberDialog textarea{resize:vertical;min-height:96px}
body:has(#portal) :is(.portal-nav button,.customer-live-return,.payment-submit){touch-action:manipulation}