Cartões de resumo com sinais verde, amarelo e vermelho: leitura instantânea do que pede atenção

O que é

Tabela de 12 colunas e 30 linhas é leitura exaustiva. Dono de PME não tem tempo. Os cartões de resumo no topo dos relatórios + os sinais visuais nas linhas respondem em segundos o que a tabela inteira respondia em minutos.

Cinco relatórios principais do Controle Ágil (Fluxo de caixa diário, Fluxo de caixa mensal, Suas Vendas, Orçamento do mês, Comparativo "Tá melhor ou pior?") abrem com uma faixa de cartões no topo. Cada cartão mostra um número-chave (saldo do início, do fim, projetado, total entradas, total saídas, menor saldo previsto) com um sinal visual — verde se está OK, amarelo se merece atenção, vermelho se há problema.

Linhas da tabela com problema também ficam destacadas. Dia com saldo previsto negativo no fluxo de caixa? Vermelho. Categoria que estourou o orçamento? Vermelho. Você passa o olho na tabela e os pontos de atenção saltam.

A cor não é cálculo improvisado no front. Cada sinal segue uma regra de negócio definida no servidor — o front só exibe. Você pode confiar que vermelho realmente significa "preciso agir".

• Aplicado em 5 relatórios-âncora: Fluxo de caixa diário, Fluxo de caixa mensal, Suas Vendas, Orçamento do mês, Comparativo.
• Cartões de resumo no topo + sinais visuais nas linhas.
• Verde/amarelo/vermelho seguem regra do servidor — consistência e auditoria.
• Clicar em um cartão geralmente abre o detalhe filtrado.

Como o Controle Ágil faz isso

1. Abra qualquer um dos 5 relatórios-âncora

   Fluxo de caixa diário, mensal, Suas Vendas, Orçamento do mês ou Comparativo "Tá melhor ou pior?". Todos seguem o mesmo padrão visual.

2. Leia os cartões no topo

   Cada relatório tem sua faixa de cartões. No fluxo de caixa diário, por exemplo: saldo do início, total entradas, total saídas, transferências, saldo do fim, saldo projetado, e o menor saldo previsto do período. No Comparativo: variação total, principal categoria responsável, etc.

3. Olhe as cores dos cartões

   Verde quer dizer que aquele número está OK pelo critério do sistema. Amarelo, atenção. Vermelho, há problema (saldo negativo, estouro de orçamento, vencimento crítico). O sinal te direciona pra onde olhar primeiro.

   Dica: O cartão "menor saldo previsto" é especialmente útil: se ele está vermelho, significa que em algum dia do período seu caixa fica negativo. Vale clicar pra ver qual dia é.

4. Olhe as linhas destacadas na tabela

   Dias com saldo negativo, categorias com orçamento estourado, parceiros com algo fora do esperado — tudo isso aparece com destaque vermelho na linha da tabela. Você bate o olho e identifica os problemas sem ler tudo.

5. Clique no cartão pra investigar

   Em vários relatórios, clicar em um cartão filtra a tabela ou abre o detalhe relacionado. No Suas Vendas, clicar em "em atraso" filtra a lista. No fluxo, clicar no menor saldo te leva ao dia exato.

   Atenção: A regra de cor vem do servidor — não dá pra customizar individualmente quando vermelho aparece. Se você acha que o critério não faz sentido pro seu caso, isso vira feedback de produto pra ajuste futuro.

Esse padrão visual é o mesmo nos 5 relatórios-âncora — uma vez que você aprende a leitura, ela serve em todo lugar.

Vantagens no Controle Ágil

• Leitura em segundos

  Você passa o olho nos cartões e nas linhas destacadas e em segundos sabe se algo merece atenção. Sem precisar ler tabela linha por linha.

• Problema apontado pelo sistema

  Não é você procurando — é o sistema sinalizando. Saldo negativo, orçamento estourado, vencimento crítico viram destaque visual automaticamente.

• Aplicado em 5 relatórios principais

  Mesma linguagem visual em Fluxo de caixa diário, mensal, Suas Vendas, Orçamento do mês e Comparativo. Você aprende uma vez e usa em todo lugar.

• Cor segue regra do negócio

  Não é cálculo no front que pode estar inconsistente. A regra é definida no servidor, igual pra todos os usuários, auditável.

Perguntas frequentes

Em quais relatórios aparece?

Cinco relatórios-âncora hoje: Fluxo de caixa diário, Fluxo de caixa mensal, Suas Vendas, Orçamento do mês (Orçado vs Realizado) e Comparativo Financeiro ("Tá melhor ou pior que antes?"). Outros relatórios estão recebendo o mesmo tratamento gradualmente.

Quem decide a cor?

O servidor. Cada cartão e cada linha tem uma regra de negócio que define quando a cor é verde, amarela ou vermelha. Por exemplo: no fluxo de caixa, dia com saldo previsto negativo fica vermelho. No orçamento, categoria que passou de 100% do planejado fica vermelha. Regra centralizada garante consistência.

Funciona no celular?

Sim. Os cartões e os destaques visuais funcionam tanto no desktop quanto em telas menores. Em mobile, os cartões se reorganizam pra caber bem.

O que conta como amarelo e o que conta como vermelho?

Depende do relatório e do indicador. Em geral: vermelho é problema concreto (saldo negativo, orçamento estourado, conta vencida); amarelo é alerta (perto do limite, requer monitoramento); verde é OK. A regra exata vive no servidor pra cada cartão.

Posso desligar os destaques visuais?

Não há opção pra desligar — os destaques são parte estrutural da experiência dos relatórios. A ideia é que eles te ajudem, não atrapalhem.