/* Keep form focus readable on iOS, without disabling manual pinch zoom. */
@media (max-width:850px),(any-pointer:coarse){
 :root input:not([type="checkbox"]):not([type="radio"]),:root select,:root textarea,
 #modal-form input:not([type="checkbox"]):not([type="radio"]),#modal-form select,#modal-form textarea{
  font-size:max(16px,1rem);
 }
 button,a,input,select,textarea,label,summary{touch-action:manipulation}
 body{padding-bottom:var(--app-keyboard-space,0px)}
 dialog[open]{top:calc(var(--app-visible-top,0px) + 12px);bottom:auto;margin:0 auto;max-height:calc(var(--app-visible-height,100dvh) - 24px);overflow:hidden}
 #modal-form{display:flex;flex-direction:column;max-height:calc(var(--app-visible-height,100dvh) - 26px);overflow:hidden}
 #modal-form>.modal-heading,#modal-form>.modal-actions{flex-shrink:0}
 #modal-form>.modal-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:0 2px 2px}
 #modal-form>.modal-actions{margin-top:12px;padding-top:12px;flex-wrap:wrap;gap:8px}
 #modal-form>.modal-actions>.btn{min-width:0;max-width:100%;overflow-wrap:anywhere}
 dialog[open]>.installation-dialog{max-height:calc(var(--app-visible-height,100dvh) - 24px)}
 .inline-price-form{display:flex;flex-direction:column;max-height:var(--app-price-height,calc(var(--app-visible-height,100dvh) - 24px));overflow:hidden;scroll-margin-block:12px}
 .inline-price-body{min-height:0;overflow-y:auto;padding:0 2px 2px}
 .inline-price-body>small{display:block;font-size:.72rem;line-height:1.5;color:var(--muted)}
 .inline-price-form>.inline-price-actions{flex-shrink:0;flex-wrap:wrap;gap:8px}
 .inline-price-actions>.btn{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .shopping-row>.price-chip{min-width:64px;max-width:34%;overflow-wrap:anywhere}
}