---
name: Padrao visual obrigatorio - design system slate
description: Toda view administrativa deve seguir o padrao das demandas/dashboard. Modais para criar/editar, sem paginas separadas
type: feedback
originSessionId: ed34bd4b-73f4-4220-8560-0d7ae92866ff
---
Toda view administrativa do sistema deve seguir o padrao visual das demandas/dashboard.

**Why:** o usuario reclama explicitamente quando uma pagina foge do padrao ("nao ficou igual das demandas", "esta confuso", "ate mesmo o destaque do mes"). Ele cita demandas e dashboard como referencia direta de como uma pagina deve aparecer.

**How to apply:**
- Sempre usar o design system slate documentado em [[padrao_visual_sistema_slate]] (cores, dash-btn, tabela, DataTable, modais)
- **Criar e editar** sempre em modal unico, nunca pagina separada
- **Excluir** com SweetAlert + AJAX (sem confirm() nativo)
- DataTable jquery vanilla com `dom: "<'top'lf>rt<'bottom'ip>"` - NAO usar `dataTables.bootstrap5`
- Botoes de acao: `dash-btn icon-only` (cinza claro). Excluir tem variante com texto/borda vermelha
- Ao acessar uma pagina pela primeira vez (nova URL ou nova feature), sempre comparar visualmente com /demandas e /dashboard antes de propor algo diferente
- Ao detectar que ele pediu para "padronizar" ou "deixar igual sistema", apagar pagina create.php / edit.php e mover tudo pra modal

**Reforcado por correcoes da sessao 2026-05-08:** ele reclamou de cores aleatorias, bagunca de paginacao, layout desalinhado, "buceta" (nivel de stress). A unica correcao definitiva e seguir 100% o padrao slate sem inventar cores/layouts proprios.