From 1c97f03b3e08105c2746f941f9169a3c470e84ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Tue, 11 Aug 2026 12:55:31 -0300
Subject: [PATCH] Clarify cutting quantity columns

---
 src/pages/Cutting.tsx | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/pages/Cutting.tsx b/src/pages/Cutting.tsx
index 25eb6db..f215938 100644
--- a/src/pages/Cutting.tsx
+++ b/src/pages/Cutting.tsx
@@ -1355,11 +1355,12 @@ const Cutting = () => {
       ) : (
         <div className={`overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-sm dark:border-dark-border dark:bg-dark-card ${isRefreshing ? 'refreshing-content' : ''}`} aria-busy={isRefreshing}>
           <div className="overflow-x-auto">
-            <table className="w-full min-w-[900px] table-fixed text-left text-sm">
+            <table className="w-full min-w-[980px] table-fixed text-left text-sm">
               <colgroup>
-                <col className="w-[40%]" />
-                <col className="w-[15%]" />
-                <col className="w-[25%]" />
+                <col className="w-[36%]" />
+                <col className="w-[16%]" />
+                <col className="w-[14%]" />
+                <col className="w-[14%]" />
                 <col className="w-[12%]" />
                 <col className="w-[8%]" />
               </colgroup>
@@ -1367,7 +1368,8 @@ const Cutting = () => {
                 <tr>
                   <th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Produto</th>
                   <th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Cortar agora</th>
-                  <th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Demanda / disponível</th>
+                  <th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Demanda</th>
+                  <th className="px-4 py-4 text-[10px] font-bold uppercase tracking-wider">Disponível</th>
                   <th className="px-4 py-4 text-center text-[10px] font-bold uppercase tracking-wider">Status</th>
                   <th className="px-4 py-4 text-right text-[10px] font-bold uppercase tracking-wider">Ações</th>
                 </tr>
@@ -1389,13 +1391,10 @@ const Cutting = () => {
                       <div className="mt-1 text-[10px] font-medium text-zinc-400 dark:text-dark-muted">Média: {formatNumber(row.dailySales, 2)} un./dia · Cobertura: {formatDays(row.daysOfCover)}</div>
                     </td>
                     <td className="px-4 py-2.5 whitespace-nowrap">
-                      <div className="text-lg font-bold text-red-300">{formatNumber(row.suggestedCutQuantity)} un.</div>
-                      <div className="mt-1 text-[10px] font-semibold text-dark-muted">necessidade calculada</div>
-                    </td>
-                    <td className="px-4 py-2.5 whitespace-nowrap">
-                      <div className="text-sm font-bold text-dark-text">Demanda {formatNumber(row.projectedDemand, 1)} un.</div>
-                      <div className="mt-1 text-xs font-semibold text-dark-muted">Disponível {formatNumber(row.availableQuantity)} un.{row.openProductionQuantity ? ` · ${formatNumber(row.openProductionQuantity)} em OP` : ''}</div>
+                      <div className="text-lg font-bold text-brand-primary">{formatNumber(row.suggestedCutQuantity)} un.</div>
                     </td>
+                    <td className="px-4 py-2.5 whitespace-nowrap font-bold text-dark-text">{formatNumber(row.projectedDemand, 1)} un.</td>
+                    <td className="px-4 py-2.5 whitespace-nowrap"><div className="font-bold text-dark-text">{formatNumber(row.availableQuantity)} un.</div>{row.openProductionQuantity ? <div className="mt-1 text-[10px] font-semibold text-dark-muted">{formatNumber(row.openProductionQuantity)} em OP</div> : null}</td>
                     <td className="px-4 py-2.5 text-center align-middle">{renderCutStatus(row)}</td>
                     <td className="px-4 py-2.5 text-right">
                       <div className="flex justify-end gap-2">