ACCEPTANCE CRITERIA (32/34)
☑ Abas no topo: Dashboard, Conversas, Pipeline, Clientes
☑ Logo Propek no canto esquerdo do topbar
☑ Barra de pesquisa no topo (direita, antes do toggle)
☑ Toggle dark/light no canto superior direito
☑ Sidebar REMOVIDA — navegacao 100% por abas
☑ Font-size base 13px (body), 14px (enfase), Open Sans
☑ Poppins para titulos, IBM Plex Mono para labels/dados
☑ 3 colunas: lista (320px) + chat (flex) + ficha cliente (300px)
☑ Lista de conversas: avatar vermelho, nome, preview, hora, status badges, sem scroll horizontal
☑ Filtro dropdown com icone funil (NAO botoes sempre visiveis)
☑ Chat: bolhas bot (cinza), cliente (vermelho Propek), atendente (branco com borda)
☑ Labels de remetente: BOT PROPEK, CLIENTE, ATENDENTE
☑ Timestamps em cada mensagem
☑ Evento de sistema "Bot transferiu para atendente"
☑ Input de mensagem com botao enviar vermelho
☑ Botoes Arquivar + Assumir no header do chat
☑ Avatar grande com iniciais, nome, empresa
☑ Badges: status (AGUARDANDO) + tipo (B2B)
☑ Situacao: Status + Tipo
☑ Contato: Telefone + Email
☑ Dados Cadastrais: CNPJ, Endereco, Segmento, Tipo Cliente
☑ Lead Score com barra visual (ex: 78/100)
☐ Ultimo Pedido com link, data e valor
☐ Metricas: Pedidos, Total Gasto, Ticket Medio, Desde
☑ RESUMO do cliente (texto IA) NO FINAL do painel
☑ Cores Propek: red #e0363b, gold #f6be00, black #050302
☑ Shadows sutis (shadow-xs, shadow-sm)
☑ Border-radius: 8px cards, 4px badges/inputs, 20px bolhas
☑ Dark mode funcional e bonito
☑ Light mode com contraste forte (texto legivel)
☑ Sem fundo marrom/cinza nos avatares — SEMPRE vermelho Propek
☑ Dashboard: abas no topo, metricas reais, activity feed
☑ Pipeline: kanban com cores de stage, drawer de detalhe
☑ Clientes: grid de cards, busca, lead score