From b559c34ef96495b0c242f812fd5437659f133cc4 Mon Sep 17 00:00:00 2001
From: Eduardo Lopes <155753879+eduardolopesx03@users.noreply.github.com>
Date: Thu, 22 Jan 2026 19:25:17 -0300
Subject: [PATCH] Refine faturamento inner table styling

---
 src/app/pages/faturamento/faturamento.html |  2 +-
 src/app/pages/faturamento/faturamento.scss | 19 ++++++++++++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/faturamento/faturamento.html b/src/app/pages/faturamento/faturamento.html
index 46764d3..637b502 100644
--- a/src/app/pages/faturamento/faturamento.html
+++ b/src/app/pages/faturamento/faturamento.html
@@ -229,7 +229,7 @@
               </div>
 
               <div class="group-body" *ngIf="expandedGroup === g.cliente">
-                <div class="d-flex justify-content-between align-items-center px-4 py-2 border-bottom bg-white">
+                <div class="group-actions-row">
                   <small class="text-muted fw-bold">Registros do Cliente</small>
                   <span class="chip-muted"><i class="bi bi-info-circle me-1"></i> Clique no “olho” para ver todos os detalhes</span>
                 </div>
diff --git a/src/app/pages/faturamento/faturamento.scss b/src/app/pages/faturamento/faturamento.scss
index 4e76be3..d0d1f5a 100644
--- a/src/app/pages/faturamento/faturamento.scss
+++ b/src/app/pages/faturamento/faturamento.scss
@@ -585,6 +585,16 @@
   to { opacity: 1; transform: translateY(0); }
 }
 
+.group-actions-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  background: #fff;
+  border-bottom: 1px solid rgba(17,18,20,0.06);
+  gap: 12px;
+}
+
 .chip-muted {
   display: inline-flex;
   align-items: center;
@@ -598,7 +608,11 @@
   border: 1px solid rgba(17,18,20,0.06);
 }
 
-.inner-table-wrap { max-height: 520px; overflow: auto; }
+.inner-table-wrap {
+  max-height: none;
+  height: auto;
+  overflow-y: visible;
+}
 
 /* TABLE */
 .table-wrap { overflow: auto; height: 100%; }
@@ -624,6 +638,9 @@
     text-transform: uppercase;
     white-space: nowrap;
     text-align: center !important;
+    transition: color 0.2s ease;
+
+    &:hover { color: var(--brand); }
   }
 
   tbody tr {