/* White mobile canvas also keeps the installed iOS status area white. */
@media (max-width:1180px), (pointer:coarse) {
  html:root,body { background-color:#fff; }
}
/* Compact navigation keeps its full safe area and 44px touch targets. */
@media (max-width:959px) {
  html:root .retail-shell.retail-reference.retail-shell {
    --retail-mobile-nav-height:52px;
    grid-template-rows:52px minmax(0,1fr) calc(var(--retail-mobile-nav-height) + env(safe-area-inset-bottom,0px));
  }
  html:root .retail-shell.retail-reference .ref-rail {
    padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));
  }
  html:root .retail-shell.retail-reference .ref-rail button {
    height:44px;
    min-height:44px;
  }
}