From e5e3c5e75111d511ebc14e3142725a9a7f8cba29 Mon Sep 17 00:00:00 2001
From: Sidney <sidney201900@users.noreply.github.com>
Date: Thu, 14 May 2026 14:21:21 -0300
Subject: [PATCH] Fix: improve financial visibility with dynamic headers and
 paid labels in Portal

---
 portal/src/pages/Financeiro.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/portal/src/pages/Financeiro.tsx b/portal/src/pages/Financeiro.tsx
index 663fa2e..fd0b926 100644
--- a/portal/src/pages/Financeiro.tsx
+++ b/portal/src/pages/Financeiro.tsx
@@ -307,7 +307,10 @@ export default function Financeiro() {
                   <th>Vencimento</th>
                   <th>Valor</th>
                   <th>Desconto</th>
-                  <th>A Pagar</th>
+                  <th>
+                    {filter === 'paid' ? 'Valor Pago' : 
+                     filter === 'all' ? 'Valor / A Pagar' : 'A Pagar'}
+                  </th>
                   <th>Status</th>
                   <th>Ação</th>
                 </tr>
@@ -343,7 +346,16 @@ export default function Financeiro() {
                         fontWeight: 600, 
                         color: normalizeStatus(payment) === 'overdue' ? 'var(--color-danger)' : 'var(--color-primary-light)' 
                       }}>
-                        {formatCurrency(getEffectiveValue(payment))}
+                        <div style={{ display: 'flex', flexDirection: 'column' }}>
+                          <span style={{ color: normalizeStatus(payment) === 'paid' ? 'var(--color-success)' : 'inherit' }}>
+                            {formatCurrency(getEffectiveValue(payment))}
+                          </span>
+                          {normalizeStatus(payment) === 'paid' && (
+                            <span style={{ fontSize: '0.65rem', color: 'var(--color-success)', fontWeight: 700, marginTop: -2 }}>
+                              PAGO
+                            </span>
+                          )}
+                        </div>
                       </td>
                       <td data-label="Status">{getStatusBadge(payment)}</td>
                       <td>