## PROMPT 2 - ABA NOVO NEGÓCIO (CADASTRO)

---

**TELA: CADASTRO DE NOVO NEGÓCIO**

**Descrição Geral:**
Formulário completo e organizado em etapas/seções para cadastrar uma nova oportunidade de negócio no sistema. Layout em cards agrupando informações relacionadas.

**HEADER DA PÁGINA:**

- Título "Novo Negócio" com ícone de +
- Subtítulo "Cadastre uma nova oportunidade"
- Botão "Voltar" para retornar à tela de Negócios
- Botão "Salvar" (cor primária) para gravar o negócio
- Botão "Salvar e Criar Outro" (cor secundária) para gravar e limpar formulário


**SEÇÃO 1 - INFORMAÇÕES BÁSICAS:**
Card com título "Informações do Negócio"

- Campo "Nome/Título do Negócio" (texto, obrigatório, máx 200 caracteres)
- Campo "Descrição" (textarea, opcional, para detalhes da oportunidade)
- Campo "Valor do Negócio" (numérico com máscara R$, obrigatório)
- Campo "Valor Mensal Recorrente" (numérico com máscara R$, opcional - para contratos recorrentes)


**SEÇÃO 2 - CLASSIFICAÇÃO:**
Card com título "Classificação"

- Select "Funil" (dropdown com funis cadastrados, obrigatório)
- Select "Etapa/Coluna" (dropdown dinâmico baseado no funil selecionado, obrigatório)
- Select "Temperatura" (Quente, Morno, Frio - com ícones coloridos)
- Select "Urgência" (Crítica, Alta, Média, Baixa)
- Campo "Probabilidade de Fechamento" (slider ou input 0-100%)
- Campo "Data Prevista de Fechamento" (datepicker, obrigatório)


**SEÇÃO 3 - EMPRESA E CONTATO:**
Card com título "Empresa e Contato"

- Select "Empresa" (dropdown com busca, lista empresas cadastradas)

- Botão "+ Nova Empresa" ao lado que abre modal de cadastro rápido



- Select "Contato Principal" (dropdown filtrado pela empresa selecionada)

- Botão "+ Novo Contato" ao lado que abre modal de cadastro rápido



- Exibe preview dos dados da empresa selecionada (CNPJ, telefone, email)
- Exibe preview dos dados do contato selecionado (cargo, telefone, email)


**SEÇÃO 4 - RESPONSÁVEL E ORIGEM:**
Card com título "Atribuição"

- Select "Responsável" (dropdown com usuários do sistema, obrigatório)
- Select "Origem/Fonte" (dropdown: Site, Indicação, LinkedIn, Evento, Prospecção Ativa, Outro)
- Campo "Detalhes da Origem" (texto, opcional - ex: nome de quem indicou)


**SEÇÃO 5 - DETALHES DO SERVIÇO/PRODUTO:**
Card com título "Detalhes da Oportunidade"

- Select "Tipo de Serviço/Produto" (dropdown com tipos cadastrados)
- Campo "Escopo do Projeto" (textarea para descrever o que será entregue)
- Campo "Quantidade de Funcionários" (numérico, para dimensionar projeto)
- Select "Frequência do Serviço" (Único, Mensal, Trimestral, Anual)
- Campo "Endereço de Execução" (texto, se aplicável)


**SEÇÃO 6 - TAGS E OBSERVAÇÕES:**
Card com título "Classificação Adicional"

- Campo "Tags" (input com autocomplete, permite múltiplas tags)

- Tags existentes aparecem como sugestão
- Pode criar novas tags digitando
- Tags selecionadas aparecem como chips removíveis



- Campo "Observações Internas" (textarea para notas que só a equipe vê)


**SEÇÃO 7 - ARQUIVOS (opcional):**
Card com título "Anexos"

- Área de drag and drop para upload de arquivos
- Lista de arquivos anexados com botão remover
- Aceita: PDF, DOC, DOCX, XLS, XLSX, PNG, JPG (máx 10MB cada)


**MODAL CADASTRO RÁPIDO DE EMPRESA:**

- Campo Nome da Empresa (obrigatório)
- Campo CNPJ (com máscara e validação)
- Campo Email
- Campo Telefone
- Campo Segmento/Setor
- Botões: Cancelar, Salvar


**MODAL CADASTRO RÁPIDO DE CONTATO:**

- Campo Nome Completo (obrigatório)
- Campo Email
- Campo Telefone
- Campo Cargo
- Select Empresa (pré-selecionada se veio do formulário)
- Botões: Cancelar, Salvar


**VALIDAÇÕES DO FORMULÁRIO:**

- Campos obrigatórios marcados com asterisco vermelho
- Validação em tempo real (borda vermelha + mensagem de erro abaixo do campo)
- Validação de CNPJ (formato e dígitos verificadores)
- Validação de email (formato válido)
- Validação de valor (deve ser maior que zero)
- Validação de data (não pode ser no passado)
- Ao tentar salvar com erros, scroll automático para primeiro campo inválido


**COMPORTAMENTO AO SALVAR:**

- Exibe loading no botão durante requisição
- Em caso de sucesso: toast de confirmação verde + redireciona para Negócios
- Em caso de erro: toast vermelho com mensagem do erro
- "Salvar e Criar Outro": limpa formulário, mantém funil e responsável selecionados


**RESPONSIVIDADE:**

- Em telas grandes: formulário em 2 colunas
- Em tablets: formulário em 1 coluna
- Em mobile: campos ocupam 100% da largura, botões fixos no rodapé