From 142b4d5889ddb70dce4d65151cd32c0d1f3f4bd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Mon, 17 Aug 2026 13:40:32 -0300
Subject: [PATCH] Separate pending data balance columns

---
 src/pages/PlanningIssues.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/PlanningIssues.tsx b/src/pages/PlanningIssues.tsx
index 315dd56..3e39738 100644
--- a/src/pages/PlanningIssues.tsx
+++ b/src/pages/PlanningIssues.tsx
@@ -608,8 +608,8 @@ const PlanningIssues = () => {
                     <thead className="border-b border-dark-border bg-dark-header text-dark-muted">
                       <tr>
                         <th className="px-5 py-3 text-[10px] font-bold uppercase tracking-wider">Material</th>
-                        <th className="px-5 py-3 text-right text-[10px] font-bold uppercase tracking-wider">Saldo informado</th>
-                        <th className="px-5 py-3 text-[10px] font-bold uppercase tracking-wider">Planejamento</th>
+                        <th className="px-5 py-3 pr-16 text-right text-[10px] font-bold uppercase tracking-wider">Saldo informado</th>
+                        <th className="px-5 py-3 pl-16 text-[10px] font-bold uppercase tracking-wider">Planejamento</th>
                         <th className="px-5 py-3 text-right text-[10px] font-bold uppercase tracking-wider">Ações</th>
                       </tr>
                     </thead>
@@ -617,8 +617,8 @@ const PlanningIssues = () => {
                       {paginatedNegativeStockRows.map(row => (
                         <tr key={row.produto_id} className="transition-colors hover:bg-dark-input/50">
                           <td className="max-w-0 px-5 py-3"><p className="truncate font-bold text-dark-text" title={row.nome}>{row.nome}</p><p className="mt-1 font-mono text-[11px] font-semibold text-dark-muted">#{row.produto_id}</p></td>
-                          <td className="px-5 py-3 text-right"><p className="font-bold text-red-300">{formatNumber(Number(row.saldo), 2)} un.</p><p className="mt-1 text-[11px] font-semibold text-dark-muted">informado no Tiny</p></td>
-                          <td className="px-5 py-3"><span className="inline-flex rounded-full border border-dark-border bg-dark-input px-2.5 py-1 text-xs font-bold text-dark-muted">Usa 0 disponível</span></td>
+                          <td className="px-5 py-3 pr-16 text-right"><p className="font-bold text-red-300">{formatNumber(Number(row.saldo), 2)} un.</p><p className="mt-1 text-[11px] font-semibold text-dark-muted">informado no Tiny</p></td>
+                          <td className="px-5 py-3 pl-16"><span className="inline-flex rounded-full border border-dark-border bg-dark-input px-2.5 py-1 text-xs font-bold text-dark-muted">Usa 0 disponível</span></td>
                           <td className="px-5 py-3 text-right">
                             <Link to="/supplies/inventory?tab=stock" title={`Conferir ${row.nome} no estoque`} aria-label={`Conferir ${row.nome} no estoque`} className="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-dark-border bg-dark-input text-brand-primary transition-colors hover:border-brand-primary cursor-pointer"><Eye className="h-3.5 w-3.5" /></Link>
                           </td>