SYNERGO OS

2026-05-04-alta-polyflow-correcao-ux-urgente-navbar-dropdown-e-dark-mode-resposta.md

# Resposta: 2026-05-04-alta-polyflow-correcao-ux-urgente-navbar-dropdown-e-dark-mode.md
> Processado em: 2026-05-03 22:07:31

---

---

## RESULTADO

**STATUS: FEITO**

**ARQUIVOS ALTERADOS:**
- `panel/src/components/Layout.jsx` — 3 edits
- `panel/src/index.css` — 1 edit (bloco ~80 linhas adicionado)

**O QUE FOI CORRIGIDO:**

**Tarefa 1 — Dropdown escondido:**
- Removido `overflow-x-auto` da `<nav>` que cortava os dropdowns `position: absolute`
- Adicionado `flex-wrap` para manter navegabilidade sem overflow
- z-index do dropdown aumentado de `z-50` para `z-[9999]`
- Adicionada classe `.pf-dropdown` para estilização dark mode específica

**Tarefa 2 — Dark mode:**
- Dropdown: fundo escuro (#1E1E28), borda visível, texto legível, hover funcional
- Inputs/selects/textareas: fundo #16161E, texto #F2F2F7, borda #3A3A4A
- Placeholders: cor #6B6B7A (visível no escuro)
- Select options: fundo/texto escuro legível
- Status badges (bg-red-100, bg-yellow-100, bg-green-100): versões dark com opacidade
- bg-gray-100/200: tons escuros adequados
- Tabelas: headers e rows com cores dark
- Hover states: bg-gray-50, bg-pink-50 adaptados
- Text-gray-300/400: tons legíveis no dark

**Tarefa 3 — Aba Anamnese:**
- Tab wrapper (bg-gray-100) recebe fundo #16161E no dark
- Tab ativa (bg-white) recebe fundo #1E1E28 no dark
- Cards (rounded-xl.shadow-sm) com fundo/borda dark
- Inputs de busca e select de serviço legíveis no dark
- Botão "Gerar Link" mantém identidade pink

**COMO TESTAR:**
1. Abrir https://polydesigner.com.br/panel/anamnese no modo claro — verificar visual normal
2. Clicar no botão de lua/sol para ativar dark mode — verificar que TODOS os textos estão legíveis
3. Passar mouse sobre Anamnese, Caixa, Financeiro, Cadastro — dropdown deve abrir POR CIMA do conteúdo
4. No dark mode: verificar input de busca, select de serviço, placeholders, status badges
5. Testar em mobile (responsivo) — nav agora faz wrap em vez de scroll horizontal

**RESULTADO:**
- Build: OK (vite v8.0.7, 649ms)
- Deploy: OK (container recreated + started)
- Panel HTTP 200: OK
- WhatsApp enviado: OK

**PENDENCIAS:**
- Nenhuma crítica. Se o scroll horizontal da nav for preferido no mobile em vez do wrap, posso ajustar com uma abordagem de portal para os dropdowns.

---
_SKIPPER — processamento automatico_