From 166f97c629a21f7f3b87c4ad09cf7cc536246a7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Tue, 21 Jul 2026 14:16:17 -0300
Subject: [PATCH] Separate purchase needs status styling

---
 src/pages/Supplies.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/Supplies.tsx b/src/pages/Supplies.tsx
index ba913c2..1061163 100644
--- a/src/pages/Supplies.tsx
+++ b/src/pages/Supplies.tsx
@@ -1937,8 +1937,8 @@ const PurchaseNeedsScreen = () => {
                     <col className="w-[34%]" />
                     <col className="w-[12%]" />
                     <col className="w-[14%]" />
-                    <col className="w-[16%]" />
-                    <col className="w-[14%]" />
+                    <col className="w-[15%]" />
+                    <col className="w-[15%]" />
                     <col className="w-[10%]" />
                   </colgroup>
                   <thead className="border-b border-dark-border bg-dark-input/40 text-xs font-bold uppercase tracking-widest text-dark-muted">
@@ -1946,8 +1946,8 @@ const PurchaseNeedsScreen = () => {
                       <th scope="col" className="px-4 py-3 text-left">Produto</th>
                       <th scope="col" className="px-4 py-3 text-right">Vendido</th>
                       <th scope="col" className="px-4 py-3 text-right">Estoque produto</th>
-                      <th scope="col" className="px-4 py-3 text-right">Impacto estimado</th>
-                      <th scope="col" className="px-4 py-3 text-left">Pendência</th>
+                      <th scope="col" className="px-6 py-3 text-right">Impacto estimado</th>
+                      <th scope="col" className="px-6 py-3 text-left">Pendência</th>
                       <th scope="col" className="px-4 py-3 text-right">Ação</th>
                     </tr>
                   </thead>
@@ -1971,9 +1971,9 @@ const PurchaseNeedsScreen = () => {
                           </td>
                           <td className="px-4 py-4 text-right align-middle text-sm font-bold text-dark-text">{formatNumber(soldQuantity, 0)} un.</td>
                           <td className="px-4 py-4 text-right align-middle text-sm font-bold text-dark-text">{formatNumber(stockQuantity, 0)} un.</td>
-                          <td className="px-4 py-4 text-right align-middle text-sm font-bold text-amber-300">{formatNeedQuantity(need, need.purchaseKg)}</td>
-                          <td className="px-4 py-4 align-middle">
-                            <span className="inline-flex w-fit rounded-full border border-amber-400/30 bg-amber-400/10 px-2.5 py-1 text-xs font-bold text-amber-300">
+                          <td className="px-6 py-4 text-right align-middle text-sm font-bold text-amber-300">{formatNeedQuantity(need, need.purchaseKg)}</td>
+                          <td className="px-6 py-4 align-middle">
+                            <span className="inline-flex w-fit rounded-full border border-sky-400/30 bg-sky-400/10 px-2.5 py-1 text-xs font-bold text-sky-300">
                               {getNeedPendingLabel(need)}
                             </span>
                           </td>