/* ═══════════════════════════════════════════════════════════════════
   Vendas — layout do formulário Nova Venda / Editar Venda
   Ordem no JS: 1 Autoridade, 2 Tipo Pessoa, 3 Produto, 4 Modelo RFB.
   (não mover de volta para style.css; alterações aqui)
   ═══════════════════════════════════════════════════════════════════ */
.form-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
}
.form-grid-4 .form-group {
  min-width: 0;
  overflow: hidden;
}
/* 4º campo = Modelo RFB; em telas menores fica na 2ª linha (2+2) — não remover */
@media (max-width: 1100px) {
  .form-grid-4 {
    grid-template-columns: 1fr 1fr;
  }
  .form-grid-4 .form-group {
    min-width: 0;
  }
}