/* Estilos del render de agrupacion N-niveles para modulos con <table> real (PQRSD, Servicios,
   Seguros). Gemelo de los .tgr-* del render div-based (TablaGruposRender), aqui como filas <tr>
   de encabezado de grupo con <td colspan>. Fuente unica: el componente TablaGruposRenderTr los usa
   para que el anidamiento se vea IDENTICO en todos los modulos de tabla. Solo tokens (light+dark). */
/* El fondo y el divisor van al nivel del <td> (no del .tgrt-lead) para que la franja cubra TODA la fila
   del grupo: con una sola celda (colspan) se ve igual que antes, y con celdas por columna (agregados por
   grupo) la franja no se corta en el primer total. */
.tgrt-hd > td { padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--propia-border-divider) !important; vertical-align: middle; }
.tgrt-lead { display: flex; align-items: center; gap: 8px; padding: 8px 14px; }
.tgrt-l0 > td { background: var(--propia-brand-soft-2, var(--propia-brand-soft)); }
.tgrt-l1 > td { background: var(--propia-bg-card-soft); }
.tgrt-l2 > td { background: var(--propia-bg-card); }
.tgrt-dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
.tgrt-tit { font-size: 11.5px; font-weight: 800; letter-spacing: .3px; color: var(--propia-text-h1); }
.tgrt-cnt { font-size: 10.5px; font-weight: 700; color: var(--propia-text-faint); background: var(--propia-bg-card); border: 1px solid var(--propia-border-card); border-radius: 999px; padding: 1px 8px; }
/* Agregado por columna en la cabecera de grupo (Suma/Promedio/Min/Max/Contar). El padding va con mayor
   especificidad + !important porque .tgrt-hd > td fuerza padding:0. Compartido por todos los modulos. */
.tgrt-hd > td.tgrt-agg { padding: 0 10px !important; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; vertical-align: middle; }
.tgrt-aggv { font-size: 12px; font-weight: 700; color: var(--propia-text-h1); }
.tgrt-aggtag { margin-left: 5px; font-size: 9px; font-weight: 800; letter-spacing: .4px; color: var(--propia-text-faint); vertical-align: middle; }