## PROMPT: Redesign Elegante de Formulários

### CONTEXTO
Aplicação web PHP com Bootstrap 5.3, sistema de gestão imobiliária.
Os formulários atuais têm controles grandes, espaçamento excessivo e aparência genérica.
Preciso que você redesenhe TODOS os formulários com as seguintes diretrizes.

### OBJETIVO
Criar formulários elegantes, compactos e profissionais — aparência de software
corporativo real, não de template genérico de IA.

### 1. TAMANHO DOS CONTROLES (PRIORIDADE MÁXIMA)

Todos os controles devem ser compactos. Reduza:

- **Inputs, selects, textareas:**
  - padding: 2px 4px (não o padrão Bootstrap de ~10px 12px)
  - font-size: 0.8125rem (13px)
  - height: ~32px para inputs/selects simples
  - border-radius: 4px (não o padrão 6px do Bootstrap 5)
  - border: 1px solid #d0d5dd (sutil, não escuro demais)

- **Botões (btn-sm):**
  - padding: 3px 8px
  - font-size: 0.75rem (12px)
  - height: 24px
  - border-radius: 3px

- **Botões normais:**
  - padding: 4px 12px
  - font-size: 0.8125rem (13px)
  - height: 28px

- **Labels:**
  - font-size: 0.75rem (12px)
  - font-weight: 600
  - text-transform: uppercase
  - letter-spacing: 0.03em
  - color: #475467
  - margin-bottom: 3px (não 4px ou mais)

- **Form-text (help text):**
  - font-size: 0.6875rem (11px)
  - color: #667085

- **Badges e tags:**
  - font-size: 0.6875rem (11px)
  - padding: 1px 6px
  - font-weight: 500

### 2. ESPAÇAMENTO ENTRE CAMPOS

- Entre cada grupo label+input: margin-bottom de 10px (não 16px ou 20px)
- Entre seções do formulário: margin-top de 16px
- Padding interno do card do formulário: 16px (não 24px ou 32px)
- Entre botões de ação: gap de 6px

### 3. TIPOGRAFIA

- Fonte do corpo do formulário: system-ui, -apple-system, 'Segoe UI', sans-serif
- NÃO usar fontes decorativas nos inputs
- Títulos de seção (h5, h6 ou .section-title):
  - font-size: 0.8125rem (13px)
  - font-weight: 700
  - text-transform: uppercase
  - letter-spacing: 0.05em
  - color: #344054
  - border-bottom: 1px solid #e4e7ec
  - padding-bottom: 6px
  - margin-bottom: 12px

### 4. BORDAS E SOMBRAS

- Cards/containers:
  - border: 1px solid #e4e7ec
  - border-radius: 6px
  - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05)
  - NÃO usar sombras pesadas

- Inputs no focus:
  - border-color: #3b82f6
  - box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15)
  - outline: none

- Inputs com erro:
  - border-color: #f04438
  - box-shadow: 0 0 0 2px rgba(240, 68, 56, 0.12)

### 5. CORES

- Fundo da página: #f9fafb
- Fundo dos cards: #ffffff
- Borda padrão: #e4e7ec
- Texto principal: #101828
- Texto secundário/labels: #475467
- Texto muted/help: #667085
- Cor de destaque/primary: #2563eb (azul profissional)
- Cor de sucesso: #12b76a
- Cor de perigo: #f04438
- Cor de aviso: #f79009

### 6. LAYOUT DOS FORMULÁRIOS

- Usar grid com colunas (col-md-3, col-md-4, col-md-6) para agrupar campos
  relacionados lado a lado — NÃO um campo por linha desperdiçando espaço
- Máximo de 4 campos por linha em desktop
- Em telas pequenas, colapsar para 1 ou 2 colunas
- Separadores entre seções: usar uma linha sutil (<hr>) ou um título de seção
  estilizado, NÃO bordas grossas

### 7. BOTÕES DE AÇÃO

- Botões primários: fundo #2563eb, texto branco
- Botões secundários: fundo #ffffff, borda #d0d5dd, texto #344054
- Botões de perigo: fundo #fef3f2, borda #fecdca, texto #b42318 (sutil, NÃO
  vermelho sólido para ações de exclusão)
- Botões de sucesso: fundo #ecfdf3, borda #a6f4c5, texto #067647
- Hover: escurece levemente o fundo (darken ~5%)
- Todos os botões devem ter a mesma altura quando lado a lado

### 8. TABELAS (se aplicável no mesmo arquivo)

- Padding das células: 6px 10px
- Font-size: 0.8125rem (13px)
- Cabeçalho: fundo #f9fafb, font-weight: 600, text-transform: uppercase,
  font-size: 0.6875rem (11px), letter-spacing: 0.04em, cor #475467
- Bordas: apenas bottom, 1px solid #e4e7ec (não bordas em todos os lados)
- Hover da linha: fundo #f9fafb

### 9. RESPONSIVIDADE

- Em telas < 768px: campos ficam full-width (col-12)
- Botões de ação ficam empilhados ou em scroll horizontal
- Tabelas com scroll horizontal se necessário

### 10. O QUE NÃO FAZER

- NÃO usar gradientes nos botões ou cards
- NÃO usar cores vivas/desaturadas como fundo
- NÃO usar font-size maior que 14px em nenhum controle de formulário
- NÃO usar padding maior que 8px em inputs
- NÃO usar bordas arredondadas maiores que 6px
- NÃO usar animações exageradas (no máximo transição de 0.15s em hover)
- NÃO usar placeholders como substitutos de labels
- NÃO usar ícones Font Awesome dentro dos inputs (mantenha limpo)
- NÃO adicionar campos que não existem no formulário original

### 11. IMPLEMENTAÇÃO

- Prefira CSS customizado no arquivo custom.css global sobre inline styles
- Se precisar usar inline styles, mantenha consistente
- Preserve TODA a lógica PHP, validações e nomes de campos
- NÃO altere a estrutura de dados, action dos forms, ou lógica backend
- Aplique apenas mudanças visuais/HTML/CSS
- Mantenha a funcionalidade idêntica ao original

### FORMATO DE ENTREGA
Para cada formulário, entregue o arquivo PHP COMPLETO com as alterações
visuais aplicadas. Não entregue trechos — arquivo completo sempre.