html,body,#app{width:100%;min-width:0;min-height:100%;overflow-x:hidden}
body{-webkit-text-size-adjust:100%;padding-top:env(safe-area-inset-top)}
img,input,select,textarea,button{max-width:100%;box-sizing:border-box}
input,select,textarea{font-size:16px}
.card,.row,.form-grid,.toolbar,.top,.modal,.content>*{min-width:0;max-width:100%}
@media (max-width:700px){.content{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.modal{overflow-y:auto;-webkit-overflow-scrolling:touch}.form-actions,.toolbar,.toolbar-actions{flex-wrap:wrap}.form-actions>*{max-width:100%}}

/* iOS / iPadOS layout guardrails */
@media (max-width:700px){
  html,body,#app{width:100vw;max-width:100vw;overflow-x:hidden}
  .content{width:100%;max-width:100%;}
  .top{box-sizing:border-box}
  .modal-wrap{height:100dvh;max-height:100dvh}
  .modal{box-sizing:border-box;max-height:calc(100dvh - env(safe-area-inset-top));}
  .nav{padding-bottom:max(0px,env(safe-area-inset-bottom))}
  button,input,select,textarea{touch-action:manipulation}
}