/* Cotiza: ajustes táctiles y pantallas con áreas seguras. */
html body { font-size: 16px; }
html #app, html #login-screen { width: 100%; max-width: 640px; overflow: hidden; }
html #content, html .sheet-body { min-height: 0; overscroll-behavior-y: contain; }
html .topbar { padding-top: max(14px, env(safe-area-inset-top)); }
html #app { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
html button, html input, html select, html textarea { touch-action: manipulation; }
html input, html select, html textarea, html .field input, html .field select,
html .field textarea, html .searchbar input { font-size: 16px; min-width: 0; }
html .iconbtn, html .stepbtn { min-width: 44px; min-height: 44px; }
html .btn, html .tab { min-height: 44px; }
html .btn-sm, html .tab, html .field label { font-size: 14px; }
html .navitem { min-height: 52px; min-width: 0; }
html .navitem span { font-size: 12px; }
html .field-row .field, html .row .main { min-width: 0; }
html .btnrow { flex-wrap: wrap; }
html .btnrow > .btn { flex: 1 1 125px; }
html .sheet-foot { padding-bottom: max(14px, env(safe-area-inset-bottom)); }
html .sheet-head, html .sheet-foot { flex-shrink: 0; }
html .fab { bottom: calc(86px + env(safe-area-inset-bottom)); }
html .toast { max-width: calc(100% - 32px); width: max-content; text-align: center; }
html .stepper { gap: 6px; flex-shrink: 0; }
html .posit .nm, html .posit .pr { font-size: 14px; overflow-wrap: anywhere; }
html .hint, html .empty .d { font-size: 13px; line-height: 1.5; }
html .rline, html .ritem { gap: 10px; overflow-wrap: anywhere; }
html .rline > :last-child, html .ritem > :last-child { flex-shrink: 0; }
html :focus-visible { outline: 3px solid var(--mustard-600); outline-offset: 2px; }
@media (max-width: 359px) {
  html #content { padding-left: 12px; padding-right: 12px; }
  html .sheet-body { padding: 12px; }
  html .field-row { flex-direction: column; gap: 0; }
  html .receipt { padding: 10px; }
  html .stepper { gap: 3px; }
}
@media (max-height: 500px) and (orientation: landscape) {
  html .sheet { max-height: 100%; }
  html .topbar { padding-top: 6px; padding-bottom: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html *, html *::before, html *::after { transition: none !important; }
}