/* Native-only system UI adjustments. Inert in ordinary browsers. */
html[data-456-native][data-456-keyboard="open"] .mobile-dock,
html[data-456-native][data-456-keyboard="open"] .mobile-bottom-nav{
  transform:translateY(calc(var(--456-keyboard-height, 0px) + 120%));
  transition:transform .16s ease;
}
html[data-456-native]{
  background:#fff;
}


/* Native safe-area handling for notches, rounded corners, and home indicators. */
html[data-456-native] body{
  padding-left:env(safe-area-inset-left, 0px);
  padding-right:env(safe-area-inset-right, 0px);
}
html[data-456-native] .preview-banner{
  padding-top:env(safe-area-inset-top, 0px);
  min-height:calc(29px + env(safe-area-inset-top, 0px));
  max-height:none;
}
html[data-456-native] .topbar{
  padding-left:max(0px, env(safe-area-inset-left, 0px));
  padding-right:max(0px, env(safe-area-inset-right, 0px));
}
html[data-456-native] footer{
  padding-bottom:max(16px, env(safe-area-inset-bottom, 0px));
}
html[data-456-native] .mobile-dock,
html[data-456-native] .mobile-bottom-nav{
  padding-bottom:max(8px, env(safe-area-inset-bottom, 0px));
}
html[data-456-native] .account-panel:not([hidden]),
html[data-456-native] .modal:not([hidden]){
  padding-bottom:max(18px, env(safe-area-inset-bottom, 0px));
}

/* Guard older cached app scripts: never show the unsafe native push prompt. */
#accountEnablePush{display:none!important;pointer-events:none!important}