/* TEST 28 — single coordinate origin for customer screens.
   All vertical safe-area spacing belongs to #root only. The wheel,
   in-store menu/cover, PRIME and staff roles keep their approved layouts. */
@media screen {
 html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) {
   --ca28-top: max(38px, env(safe-area-inset-top, 0px));
 }
 html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #app {
   padding-top:0!important;
   margin-top:0!important;
   scroll-padding-top:var(--ca28-top)!important;
 }
 html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #root {
   position:relative!important;
   top:auto!important;
   transform:none!important;
   margin-top:0!important;
   padding-top:var(--ca28-top)!important;
   box-sizing:border-box!important;
 }
 html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #root>.food-shell {
   margin-top:0!important;
   padding-top:0!important;
   min-height:0!important;
 }
 html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #root .food-wrap:not(.ca80m-menu) {
   padding-top:0!important;
   margin-top:0!important;
   transform:none!important;
 }
 html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #root .food-wrap:not(.ca80m-menu)>:first-child {
   margin-top:0!important;
 }
 html.ca82v-customer-lock body[data-area-role="customer"]:not(:has(.bubble-page)):not(.ca82g-cover-open):not(:has(.ca82y-prime)) #root .ca82g-home-controls {
   top:0!important;
 }
}