feat(v1.4.0): design system semântico, correções de revalidação e melhorias de UX

- Adicionar tokens semânticos de estado (success, warning, info) no globals.css
- Migrar ~60+ componentes de cores hardcoded do Tailwind para tokens semânticos
- Unificar 3 arrays duplicados de cores de categorias em importação única
- Corrigir widgets de boleto/fatura que não atualizavam após pagamento
  (actions de fatura e antecipação não invalidavam cache do dashboard)
- Corrigir scroll em listas Popover+Command (modal prop)
- Adicionar link "detalhes" no card de orçamento para página da categoria
- Adicionar indicadores de tendência coloridos nos cards de métricas
- Estender cores de chart de 6 para 10
- Normalizar dark mode e remover tokens não utilizados

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

components/relatorios/cartoes/card-invoice-status.tsx

@@ -43,11 +43,11 @@ export function CardInvoiceStatus({ data }: CardInvoiceStatusProps) {
 	const getStatusColor = (status: string | null) => {
 		switch (status) {
 			case "pago":
-				return "bg-green-500";
+				return "bg-success";
 			case "pendente":
-				return "bg-yellow-500";
+				return "bg-warning";
 			case "atrasado":
-				return "bg-red-500";
+				return "bg-destructive";
 			default:
 				return "bg-muted";
 		}

components/relatorios/cartoes/card-usage-chart.tsx

@@ -134,7 +134,7 @@ export function CardUsageChart({ data, limit, card }: CardUsageChartProps) {
 								label={{
 									value: "Limite",
 									position: "right",
-									className: "text-xs fill-red-500",
+									className: "text-xs fill-destructive",
 								}}
 							/>
 						)}

components/relatorios/cartoes/cards-overview.tsx

@@ -58,9 +58,9 @@ export function CardsOverview({ data }: CardsOverviewProps) {
 		}).format(value);
 
 	const getUsageColor = (percent: number) => {
-		if (percent < 50) return "bg-green-500";
-		if (percent < 80) return "bg-yellow-500";
-		return "bg-red-500";
+		if (percent < 50) return "bg-success";
+		if (percent < 80) return "bg-warning";
+		return "bg-destructive";
 	};
 
 	const buildUrl = (cardId: string) => {