From 864ec5baf037d3b617094097eb1b77da31c5e4d5 Mon Sep 17 00:00:00 2001
From: Eduardo Lopes <155753879+eduardolopesx03@users.noreply.github.com>
Date: Thu, 22 Jan 2026 20:03:47 -0300
Subject: [PATCH] Tighten KPI label/value spacing

---
 src/app/pages/faturamento/faturamento.html | 6 +++---
 src/app/pages/faturamento/faturamento.scss | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/faturamento/faturamento.html b/src/app/pages/faturamento/faturamento.html
index aac77fe..af9e6c1 100644
--- a/src/app/pages/faturamento/faturamento.html
+++ b/src/app/pages/faturamento/faturamento.html
@@ -115,7 +115,7 @@
 
         <!-- KPIs -->
         <div class="fat-kpis mt-4 animate-fade-in">
-          <div class="kpi kpi-stack">
+          <div class="kpi kpi-stack kpi-stack-tight">
             <span class="lbl">Total Clientes</span>
             <span class="val">
               <span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span>
@@ -123,7 +123,7 @@
             </span>
           </div>
 
-          <div class="kpi kpi-stack">
+          <div class="kpi kpi-stack kpi-stack-tight">
             <span class="lbl">Total Linhas</span>
             <span class="val">
               <span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span>
@@ -147,7 +147,7 @@
             </span>
           </div>
 
-          <div class="kpi kpi-stack">
+          <div class="kpi kpi-stack kpi-stack-tight">
             <span class="lbl text-brand">Lucro</span>
             <span class="val">
               <span *ngIf="loadingKpis" class="spinner-border spinner-border-sm text-muted"></span>
diff --git a/src/app/pages/faturamento/faturamento.scss b/src/app/pages/faturamento/faturamento.scss
index 766119a..ed96d9b 100644
--- a/src/app/pages/faturamento/faturamento.scss
+++ b/src/app/pages/faturamento/faturamento.scss
@@ -465,6 +465,10 @@
   }
 }
 
+.kpi-stack-tight {
+  gap: 2px;
+}
+
 .kpi-compact {
   padding: 6px 12px;
   min-height: 56px;