From 0bde43a30994470117dfb78ee52e9f7a9d74ad0f Mon Sep 17 00:00:00 2001
From: Horux Dev <dev@horuxfin.com>
Date: Sat, 16 May 2026 00:07:52 +0000
Subject: [PATCH] =?UTF-8?q?style(reportes):=20aumenta=20tama=C3=B1o=20de?=
 =?UTF-8?q?=20fuentes=20en=20drill-down=20modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Tabla: text-sm -> text-base
- Celdas: text-xs -> text-sm
- Padding celdas: py-2 -> py-3
- Icono Eye: h-4 w-4 -> h-5 w-5
- UUID truncado: 8 -> 12 chars para aprovechar fuente más grande
- Anchos de truncate aumentados para compensar
---
 .../reportes/components/drill-down-modal.tsx  | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/apps/web/app/(dashboard)/reportes/components/drill-down-modal.tsx b/apps/web/app/(dashboard)/reportes/components/drill-down-modal.tsx
index e16f6f9..6c721e3 100644
--- a/apps/web/app/(dashboard)/reportes/components/drill-down-modal.tsx
+++ b/apps/web/app/(dashboard)/reportes/components/drill-down-modal.tsx
@@ -126,12 +126,12 @@ export function EstadoResultadosDrillDownModal({
         ) : (
           <>
             <div className="flex items-center justify-between mb-4">
-              <p className="text-sm text-muted-foreground">
+              <p className="text-base text-muted-foreground">
                 {resumen.length > 0
                   ? `${resumen.length} RFCs encontrados`
                   : `${cfdis.length} CFDIs encontrados`}
               </p>
-              <div className="flex items-center gap-4 text-sm">
+              <div className="flex items-center gap-4 text-base">
                 <span>
                   Total: <strong>{formatCurrency(totalMonto)}</strong>
                 </span>
@@ -143,7 +143,7 @@ export function EstadoResultadosDrillDownModal({
             </div>
 
             <div className="overflow-x-auto">
-              <table className="w-full text-sm">
+              <table className="w-full text-base">
                 <thead>
                   <tr className="border-b text-left text-muted-foreground">
                     {resumen.length > 0 ? (
@@ -179,35 +179,35 @@ export function EstadoResultadosDrillDownModal({
                             setSelectedNombre(item.nombre);
                           }}
                         >
-                          <td className="py-2 font-mono text-xs">{item.rfc}</td>
-                          <td className="py-2 text-xs truncate max-w-[200px]">{item.nombre}</td>
-                          <td className="py-2 text-right text-xs">{item.cantidad}</td>
-                          <td className="py-2 text-right text-xs font-medium">
+                          <td className="py-3 font-mono text-sm">{item.rfc}</td>
+                          <td className="py-3 text-sm truncate max-w-[280px]">{item.nombre}</td>
+                          <td className="py-3 text-right text-sm">{item.cantidad}</td>
+                          <td className="py-3 text-right text-sm font-medium">
                             {formatCurrency(item.monto)}
                           </td>
-                          <td className="py-2 text-right">
-                            <Eye className="h-4 w-4 text-muted-foreground" />
+                          <td className="py-3 text-right">
+                            <Eye className="h-5 w-5 text-muted-foreground" />
                           </td>
                         </tr>
                       ))
                     : cfdis.map((item) => (
                         <tr key={item.id} className="border-b hover:bg-muted/50">
-                          <td className="py-2 font-mono text-xs" title={item.uuid}>
-                            {item.uuid?.substring(0, 8)}
+                          <td className="py-3 font-mono text-sm" title={item.uuid}>
+                            {item.uuid?.substring(0, 12)}
                           </td>
-                          <td className="py-2 text-xs font-mono">{item.tipoComprobante}</td>
-                          <td className="py-2 text-xs">
+                          <td className="py-3 text-sm font-mono">{item.tipoComprobante}</td>
+                          <td className="py-3 text-sm">
                             {new Date(item.fechaEmision).toLocaleDateString('es-MX')}
                           </td>
-                          <td className="py-2 font-mono text-xs">{item.rfcEmisor}</td>
-                          <td className="py-2 text-xs truncate max-w-[120px]">
+                          <td className="py-3 font-mono text-sm">{item.rfcEmisor}</td>
+                          <td className="py-3 text-sm truncate max-w-[180px]">
                             {item.nombreEmisor}
                           </td>
-                          <td className="py-2 font-mono text-xs">{item.rfcReceptor}</td>
-                          <td className="py-2 text-xs truncate max-w-[120px]">
+                          <td className="py-3 font-mono text-sm">{item.rfcReceptor}</td>
+                          <td className="py-3 text-sm truncate max-w-[180px]">
                             {item.nombreReceptor}
                           </td>
-                          <td className="py-2 text-right text-xs font-medium">
+                          <td className="py-3 text-right text-sm font-medium">
                             {formatCurrency(item.monto)}
                           </td>
                         </tr>