/* TONOS.AUTO.FULL V1.1.37
   Protecao final contra zoom de foco no Safari/iOS.
   Carregado por ultimo para vencer os estilos historicos injetados por JavaScript. */

@media (max-width: 850px) {
  html {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  /* Telas fixas: todo controle editavel precisa ter 16px efetivos no iOS. */
  body #app .content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  body #app .content select,
  body #app .content textarea,
  body #app .content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,
  body #app .content select:focus,
  body #app .content textarea:focus {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* Regras antigas usam dois IDs e 11px; estas correspondencias as vencem. */
  #modalCategoriasProdutos #categoriaProdutoNome,
  #modalCategoriasProdutos #categoriaProdutoDescricao,
  #modalCategoriasProdutos #categoriaProdutoNome:focus,
  #modalCategoriasProdutos #categoriaProdutoDescricao:focus,
  #modalCategoriasOperacao #catOpNome,
  #modalCategoriasOperacao #catOpNome:focus,
  #modalCategorias #catNome,
  #modalCategorias #catDescricao,
  #modalCategorias #catNome:focus,
  #modalCategorias #catDescricao:focus {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* Formularios flutuantes criados fora de #app ficam igualmente protegidos. */
  body > .modal-bg input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  body > .modal-bg select,
  body > .modal-bg textarea,
  body > .modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  body > .modal select,
  body > .modal textarea {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  #modalCategoriasProdutos .category-tools,
  #modalCategoriasOperacao .category-tools,
  #modalCategorias .category-tools {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 700px) {
  #modalCategoriasProdutos .category-tools,
  #modalCategoriasOperacao .category-tools,
  #modalCategorias .category-tools {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}