From 35f103831758ba38b440fe39d94ae2ecfce04021 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alessandro=20Gon=C3=A7aalves?= <suporte.appeduca@gmail.com>
Date: Mon, 10 Nov 2025 14:57:21 -0300
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20corre=C3=A7=C3=A3o=20de=20alinhament?=
 =?UTF-8?q?o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/DRE/teste.tsx | 76 ++++++++++++++++++++++++++++++-------------
 1 file changed, 53 insertions(+), 23 deletions(-)

diff --git a/src/app/DRE/teste.tsx b/src/app/DRE/teste.tsx
index aa70cc6..9e40762 100644
--- a/src/app/DRE/teste.tsx
+++ b/src/app/DRE/teste.tsx
@@ -2191,7 +2191,7 @@ export default function Teste() {
 
     if (isSelected) {
       style +=
-        " bg-gradient-to-r from-green-100 to-emerald-100 border-l-4 border-green-500 shadow-lg";
+        " bg-gradient-to-r from-green-100 to-emerald-100 shadow-lg";
     }
 
     switch (row.type) {
@@ -2822,19 +2822,40 @@ export default function Teste() {
                 }}
                 onScroll={() => syncScroll('descricao')}
               >
-                {hierarchicalData.map((row, index) => (
-                  <div
-                    key={index}
-                    className={`text-sm border-b border-gray-100 transition-all duration-200 ease-in-out ${getRowStyle(row)}`}
-                    style={{ height: '40px', display: 'flex', alignItems: 'center', minWidth: 'max-content' }}
-                  >
-                    <div className="px-4 py-1 whitespace-nowrap flex items-center h-full" style={{ minWidth: 'max-content' }}>
-                      <div style={getIndentStyle(row.level)} className="flex items-center h-full">
-                        {renderCellContent(row)}
+                {hierarchicalData.map((row, index) => {
+                  const linhaId = `${row.type}-${row.grupo || ""}-${row.subgrupo || ""}-${row.centro_custo || ""}-${row.codigo_conta || ""}`;
+                  const isSelected = linhaSelecionada === linhaId;
+                  return (
+                    <div
+                      key={index}
+                      className={`text-sm border-b border-gray-100 transition-all duration-200 ease-in-out ${getRowStyle(row)}`}
+                      style={{ 
+                        height: '40px', 
+                        minHeight: '40px',
+                        maxHeight: '40px',
+                        display: 'flex', 
+                        alignItems: 'center', 
+                        minWidth: 'max-content',
+                        boxSizing: 'border-box',
+                        borderLeft: isSelected ? '4px solid rgb(34 197 94)' : 'none',
+                      }}
+                    >
+                      <div 
+                        className="py-1 whitespace-nowrap flex items-center h-full" 
+                        style={{ 
+                          minWidth: 'max-content', 
+                          height: '100%',
+                          paddingLeft: isSelected ? 'calc(1rem - 4px)' : '1rem',
+                          paddingRight: '1rem',
+                        }}
+                      >
+                        <div style={getIndentStyle(row.level)} className="flex items-center h-full">
+                          {renderCellContent(row)}
+                        </div>
                       </div>
                     </div>
-                  </div>
-                ))}
+                  );
+                })}
               </div>
             </div>
             
@@ -2871,18 +2892,26 @@ export default function Teste() {
                   
                   {/* Table Body */}
                   <tbody>
-                    {hierarchicalData.map((row, index) => (
-                      <tr
-                        key={index}
-                        className={`text-sm border-b border-gray-100 transition-all duration-200 ease-in-out ${getRowStyle(row)}`}
-                        style={{ height: '40px' }}
-                      >
+                    {hierarchicalData.map((row, index) => {
+                      const linhaId = `${row.type}-${row.grupo || ""}-${row.subgrupo || ""}-${row.centro_custo || ""}-${row.codigo_conta || ""}`;
+                      const isSelected = linhaSelecionada === linhaId;
+                      return (
+                        <tr
+                          key={index}
+                          className={`text-sm border-b border-gray-100 transition-all duration-200 ease-in-out ${getRowStyle(row)}`}
+                          style={{ 
+                            height: '40px',
+                            minHeight: '40px',
+                            maxHeight: '40px',
+                            boxSizing: 'border-box',
+                          }}
+                        >
                         {/* Colunas de valores por mês */}
                         {mesesDisponiveis.map((mes) => (
                           <React.Fragment key={mes}>
                             <td
                               className="px-2 py-1 text-right font-semibold cursor-pointer hover:bg-blue-50/50 transition-colors duration-200 whitespace-nowrap overflow-hidden w-[120px] min-w-[120px]"
-                              style={{ height: '40px', verticalAlign: 'middle' }}
+                              style={{ height: '40px', minHeight: '40px', maxHeight: '40px', verticalAlign: 'middle', boxSizing: 'border-box' }}
                               onClick={() => handleRowClick(row, mes)}
                               title={
                                 row.valoresPorMes && row.valoresPorMes[mes]
@@ -2910,7 +2939,7 @@ export default function Teste() {
                             </td>
                             <td
                               className="px-2 py-1 text-center font-medium cursor-pointer hover:bg-blue-50/50 transition-colors duration-200 whitespace-nowrap overflow-hidden w-[100px] min-w-[100px]"
-                              style={{ height: '40px', verticalAlign: 'middle' }}
+                              style={{ height: '40px', minHeight: '40px', maxHeight: '40px', verticalAlign: 'middle', boxSizing: 'border-box' }}
                               onClick={() => handleRowClick(row, mes)}
                               title={
                                 row.percentuaisPorMes &&
@@ -2930,7 +2959,7 @@ export default function Teste() {
                         {/* Coluna Total */}
                         <td
                           className="px-4 py-1 text-right font-semibold cursor-pointer hover:bg-blue-50/50 transition-colors duration-200 whitespace-nowrap overflow-hidden w-[120px] min-w-[120px]"
-                          style={{ height: '40px', verticalAlign: 'middle' }}
+                          style={{ height: '40px', minHeight: '40px', maxHeight: '40px', verticalAlign: 'middle', boxSizing: 'border-box' }}
                           onClick={() => handleRowClick(row)}
                           title={row.total ? formatCurrency(row.total) : "-"}
                         >
@@ -2953,7 +2982,7 @@ export default function Teste() {
                         {/* Coluna Percentual Total */}
                         <td
                           className="px-2 py-1 text-center font-medium cursor-pointer hover:bg-blue-50/50 transition-colors duration-200 whitespace-nowrap overflow-hidden w-[100px] min-w-[100px]"
-                          style={{ height: '40px', verticalAlign: 'middle' }}
+                          style={{ height: '40px', minHeight: '40px', maxHeight: '40px', verticalAlign: 'middle', boxSizing: 'border-box' }}
                           onClick={() => handleRowClick(row)}
                           title={
                             row.percentualTotal !== undefined
@@ -2966,7 +2995,8 @@ export default function Teste() {
                             : "-"}
                         </td>
                       </tr>
-                    ))}
+                    );
+                    })}
                   </tbody>
                 </table>
               </div>

From b29fa44a71573a6479004433e487da361ea18743 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alessandro=20Gon=C3=A7aalves?= <suporte.appeduca@gmail.com>
Date: Mon, 10 Nov 2025 15:04:27 -0300
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20corre=C3=A7=C3=A3o=20no=20estilo=20d?=
 =?UTF-8?q?a=20c=C3=A9lula=20selecionada?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/DRE/teste.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/DRE/teste.tsx b/src/app/DRE/teste.tsx
index 9e40762..7d24854 100644
--- a/src/app/DRE/teste.tsx
+++ b/src/app/DRE/teste.tsx
@@ -2191,7 +2191,7 @@ export default function Teste() {
 
     if (isSelected) {
       style +=
-        " bg-gradient-to-r from-green-100 to-emerald-100 shadow-lg";
+        " bg-green-100 shadow-lg";
     }
 
     switch (row.type) {
@@ -2828,7 +2828,7 @@ export default function Teste() {
                   return (
                     <div
                       key={index}
-                      className={`text-sm border-b border-gray-100 transition-all duration-200 ease-in-out ${getRowStyle(row)}`}
+                      className={`text-sm border-b border-gray-100 transition-all duration-200 ease-in-out ${getRowStyle(row)} cursor-pointer`}
                       style={{ 
                         height: '40px', 
                         minHeight: '40px',
@@ -2839,9 +2839,10 @@ export default function Teste() {
                         boxSizing: 'border-box',
                         borderLeft: isSelected ? '4px solid rgb(34 197 94)' : 'none',
                       }}
+                      onClick={() => handleRowClick(row)}
                     >
                       <div 
-                        className="py-1 whitespace-nowrap flex items-center h-full" 
+                        className="py-1 whitespace-nowrap flex items-center h-full w-full" 
                         style={{ 
                           minWidth: 'max-content', 
                           height: '100%',