ou pequeno, semibold, verde, dentro da linha de topo do cartão. A regra é estreita de propósito (só text-sm e text-base), porque VALOR costuma vir grande (text-lg para cima) e precisa manter a cor: verde é sinal de dinheiro positivo, e apagar isso seria perder informação em nome de estética. */ main p[class*="text-sm"][class*="text-verde-lavoura"], main span[class*="text-sm"][class*="text-verde-lavoura"], main p[class*="text-base"][class*="text-verde-lavoura"], main span[class*="text-base"][class*="text-verde-lavoura"], main h3[class*="text-verde-lavoura"], main h4[class*="text-verde-lavoura"]{ color:var(--n-900) !important; } /* Exceção da exceção: dentro de botão e link o verde é a AÇÃO. */ main button p[class*="text-verde-lavoura"], main button span[class*="text-verde-lavoura"], main a[class*="text-verde-lavoura"] span, main a p[class*="text-verde-lavoura"]{color:inherit !important;} /* Ícone de ação dentro de botão de tabela (editar, apagar): traço, no lugar do emoji, que variava de desenho e de tamanho conforme o sistema operacional de quem abria a tela. */ .ic-acao{width:14px; height:14px; display:block;} main button > .ic-acao{margin:0 auto;} /* Ícone de linha de lista (pessoa, cargo): mesmo traço do menu. */ .ic-linha{width:16px; height:16px; display:block; color:var(--n-500);} /* Cartão de destaque: o realce vem do fundo, não de uma moldura de 2px. A moldura grossa é o recurso de quem não tem escala de elevação; aqui existe uma. */ main .card[style*="border:2px solid var(--verde"], main .card[style*="border: 2px solid var(--verde"]{ border:1px solid #cfe0cd !important; background:#f6faf5; } main hr[class*="border-2"][class*="border-verde"]{ border-top-width:1px !important; border-color:var(--n-200) !important; } main button[class*="border-2"][class*="border-verde"]{ border-width:1px !important; } /* ══ Cor como sinal, não como fundo ═══════════════════════════ Bloco preenchido e saturado grita antes do produtor ler o rótulo, e quando a tela tem cinco deles nenhum grita mais. A cor passa para o ÍCONE, que é onde ela informa. O CTA de lançar dinheiro está logo acima; o que segue é o resto da mesma regra. */ /* Dourado cheio: era o fundo mais destoante da paleta, e marcava ação SECUNDÁRIA (simular aporte, simular crédito). Vira contorno neutro; o dourado fica para o selo e para o gráfico, onde é dado. */ main button[class*="bg-dourado-soja"], main a[class*="bg-dourado-soja"]{ background:var(--n-0) !important; color:var(--n-900) !important; border:1px solid var(--n-200) !important; box-shadow:var(--sh-1); font-weight:600; } main button[class*="bg-dourado-soja"]:hover, main a[class*="bg-dourado-soja"]:hover{ background:var(--n-50) !important; border-color:var(--n-300) !important; filter:none; } /* Controle segmentado: escolha de visão do mesmo dado. Trilho neutro, opção ativa em branco elevado. Preencher de verde a opção ativa fazia uma ESCOLHA parecer uma AÇÃO em curso. */ .segmentado{ display:inline-flex; gap:2px; padding:2px; background:var(--n-100); border-radius:calc(var(--r-ctl) + 2px); } .segmentado button{ border:0; background:transparent; cursor:pointer; padding:5px 12px; border-radius:var(--r-ctl); font-size:.78rem; font-weight:600; color:var(--n-500); transition:background .15s ease, color .15s ease; } .segmentado button:hover{color:var(--n-700);} .segmentado button.ativo{ background:var(--n-0); color:var(--n-900); box-shadow:var(--sh-1); } /* ══ Barra de ações ao lado das abas de atividade (Operação) ═══ As abas em si voltaram a ser pílula com borda (estilo oficial do sistema inteiro, 16/09/2026 — revertendo o sublinhado de 13/09/2026 a pedido explícito, para não haver mais de um estilo de aba no app); .abas-sep/.abas-acoes seguem valendo, são só o separador e os botões de + Atividade/− Atividade ao lado. */ .abas-sep{width:1px; height:18px; background:var(--n-200); margin:0 10px; display:inline-block;} /* + Atividade e − Atividade: logo depois do seletor de Período, na mesma altura dele, com a moldura de sempre (07/10/2026, pedido do Rodrigo: o estilo antigo era o certo; o que estava ruim era o lugar, sozinhos numa linha e encostados na ponta direita). */ .abas-acoes{display:inline-flex; align-items:center; gap:6px; margin-left:8px; padding-left:12px; border-left:1px solid var(--n-200);} .abas-acoes button{ border:1px solid var(--n-200); background:var(--n-0); border-radius:var(--r-ctl); min-height:34px; padding:0 12px; font-size:.8rem; font-weight:600; color:var(--n-700); cursor:pointer; } .abas-acoes button:hover{background:var(--n-50); border-color:var(--n-300);} .abas-acoes .acao-remover{color:var(--neg);} .abas-acoes .acao-remover:hover{background:#fdeceb; border-color:#f0c8c5;} /* Botão que ocupava a largura inteira do cartão para dizer uma coisa só: vira botão de tamanho de botão. Largura cheia é para campo de formulário, não para ação. */ main button[class*="w-full"][class*="py-3"]:not(.cta-btn){ width:auto !important; min-width:200px; display:inline-flex; align-items:center; justify-content:center; } @media (max-width:640px){ .abas-acoes{margin-left:0; padding-left:0; border-left:0;} .abas-acoes button{min-height:44px;} main button[class*="w-full"][class*="py-3"]{width:100% !important;} } /* ══ Links de ação em texto ("underline" cru) ═══════════════════ Cerca de 30 chamadas em 15 arquivos montam uma ação secundária (abrir uma aba, ir para outra tela, limpar filtro, "de onde vem esse custo") como