/* Edge-to-edge mobile browsers: keep controls outside notches and system bars.
   Page gutters stay unchanged at zero insets. Dialogs keep a 12px safety gap.
   No auth or offline cache here. */
@media(max-width:1023px){
 body#page-start.cp-wide-layout.g75{
  --g93-safe-left:env(safe-area-inset-left,0px);
  --g93-safe-right:env(safe-area-inset-right,0px);
  --g93-safe-top:env(safe-area-inset-top,0px);
  --g93-safe-bottom:env(safe-area-inset-bottom,0px);
 }
 body#page-start.cp-wide-layout.g75 .cp-site-content{
  box-sizing:border-box;
  padding-left:var(--g93-safe-left);
  padding-right:var(--g93-safe-right);
 }
 body#page-start.cp-wide-layout.g75:not(.g92-account-expanded) .cp-site-content{
  padding-top:var(--g93-safe-top);
 }
 /* Expanded account already owns its top/bottom system-bar spacing. */
 body#page-start.cp-wide-layout.g75.g92-account-expanded .g84-topline{
  padding-top:max(4px,var(--g93-safe-top));
 }
 body#page-start.cp-wide-layout.g75 dialog{
  left:var(--g93-safe-left)!important;
  right:var(--g93-safe-right)!important;
  top:var(--g93-safe-top)!important;
  bottom:var(--g93-safe-bottom)!important;
  max-width:calc(100vw - var(--g93-safe-left) - var(--g93-safe-right) - 24px)!important;
  max-height:calc(100dvh - var(--g93-safe-top) - var(--g93-safe-bottom) - 24px)!important;
 }
 body#page-start.cp-wide-layout.g75 .cp-contact-panel,
 body#page-start.cp-wide-layout.g75 #cp-assistant .cp-assistant-panel{
  right:max(12px,var(--g93-safe-right))!important;
  max-width:calc(100vw - var(--g93-safe-left) - var(--g93-safe-right) - 24px)!important;
 }
}
@media(max-width:360px){
 body#page-start.cp-wide-layout.g75 .damage-editor{
  width:calc(100vw - var(--g93-safe-left) - var(--g93-safe-right) - 40px);
 }
}