/* O widget `formulario_simples` (FeitoWeb.Widgets.Formulario, docs/telas.md §2). O <form> que a tela escreve
   e trata, com os <.campo> dentro: em bloco (os campos e a grade, com o espaço do próprio campo, e os botões
   embaixo) ou em linha (a fileira de filtros da casca: lado a lado, pelo pé, a busca crescendo). Novo na F6
   (26/10/2026). Regra (docs/telas.md §4, o teste test/feito_web/widgets_regra_test.exs): cor só por token (var(--…), com a cor de
   hoje como reserva); cor nova é token novo, no style.css (claro) e no temas.css (escuro e acrílico). Ligado no layout
   raiz logo depois do style.css (FeitoWeb.Widgets.folhas/0): as camadas da casca (visual.css, componentes.css,
   navegacao.css, temas.css, fonte.css e a escala gerada por `mix casca.escala`) vestem por cima, como vestem tudo.
   Mudou este arquivo: `mix casca.escala` (o ./servidor faz sozinho). */

/* em bloco: o espaço entre as linhas é o do próprio campo (a ajuda e o erro ficam junto dele), como no formulario */
.form-simples { margin: 0; min-width: 0; }
.form-simples .grade { row-gap: 0; }
/* em linha: a fileira .filtros (widgets/filtro.css), os campos pelo pé e os botões no fim */
.form-simples-linha { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-bottom: 14px; }
.form-simples-linha > .campo { margin: 0; min-width: 160px; }
.form-simples-linha > .campo-busca { flex: 1 1 260px; max-width: 460px; }
/* o texto de uma linha também cresce, até onde se lê bem (o nome da empresa, o do departamento) */
.form-simples-linha > .campo-texto { flex: 1 1 16em; max-width: 28em; }
.form-simples-linha > .campo-busca input { width: 100%; }
/* dentro de uma tabela (a célula com a escolha, o nome na ficha): sem margem, e o campo do tamanho dele */
table .form-simples-linha { margin: 0; }
table .form-simples-linha > .campo { min-width: 0; }
@media (max-width: 760px) {
  .form-simples-linha > .campo-busca { max-width: none; flex-basis: 100%; }
  .form-simples-linha > .campo-busca input { font-size: 16px; }
}