feat(ux): incorporar diretrizes de despoluicao visual e hierarquia do Refactoring UI e referenciar livro no Paiol

global/rules/estilos-design-system.md

@@ -17,10 +17,11 @@ Usado nos módulos voltados a empresas privadas e gestão corporativa.
 
 ### Características
 
-- **Framework UI:** Vuetify (Vue 3) / `eli-vue`
-- **Cores:** paleta própria definida no tema Vuetify do projeto
-- **Tipografia:** controlada pelo tema Vuetify
-- **Componentes:** componentes Vuetify (`v-btn`, `v-card`, `v-data-table`, etc.)
+- **Framework UI:** Vuetify (Vue 3) / `eli-vue` ou Tailwind CSS v4 (módulos verdes e-Licencie `#688c00`)
+- **Cores:** paleta própria definida no tema do projeto (`#688c00` verde floresta e-Licencie)
+- **Tipografia Obrigatória:** **`Google Sans`** (Variable Font 100–900 carregada via `@font-face` do MinIO Paiol: `https://paiol.idz.one/estaticos/GoogleSans/GoogleSans-VariableFont_GRAD,opsz,wght.ttf` e `GoogleSans-Italic-VariableFont_GRAD,opsz,wght.ttf`). Proibido uso de fontes genéricas ou `font-mono` em badges/valores (usar `tabular-nums` com `Google Sans`).
+- **Iconografia Obrigatória:** **`@lucide/vue`** exclusivamente. É proibido usar `lucide-vue-next`, `@mdi/font`, SVGs inline ou caracteres Unicode/ASCII (`└`, `➔`) como ícones visuais.
+- **Componentes:** componentes Vuetify (`v-btn`, `v-card`, `v-data-table`, etc.) ou componentes modulares Vue 3
 - **Estilo visual:** moderno, tech, voltado a usabilidade corporativa
 
 ### Quando aplicar
@@ -184,6 +185,8 @@ import { eBetha } from "p-ambiente";
 - Identidade do Módulo: `memorias-ia/modulo.yml`
 - Betha Design System: https://design.plataforma.betha.cloud/doc/index.html
 - Framework Design CDN: https://cdn.betha.cloud/base/g4/design/4.0.0/
+- Rule: `refactoring-ui-hierarquia-despoluicao` (despoluição visual, hierarquia e espaçamento)
+- Livro *Refactoring UI* (Steve Schoger & Adam Wathan): `https://adm.paiol.idz.one/estaticos/Refactoring-UI-Steve-Schoger-Adam-Wathan.pdf`
 - Rule: `css-global-betha` (variáveis --bth-*)
 - Rule: `theme-provider-mui-betha` (arquitetura ThemeProvider)
 - Rule: `modal-dialog-padrao-betha` (estrutura de modais)