/* Estilos propios del módulo gestion. Usa los tokens de rubria.css. */

/* Panorama: cada cifra lleva su fuente al pie. */
.ges-cifras{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.ges-cifra{justify-content:flex-start}
.ges-cifra .kpi-m{min-height:1.9rem;display:flex;align-items:flex-end}
.ges-fuente{margin-top:auto;padding-top:8px;border-top:1px solid var(--linea);font:400 .6rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta3)}
.ges-sin{font:400 .74rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta3)}
.kpi-m .ges-sin{font-size:.8rem}
.ges-sub{display:block;font-size:.72rem;color:var(--tinta2);margin-top:2px;font-weight:400}
.ges-nota{margin:0;font-size:.74rem;line-height:1.5}
.ges-tabla td{vertical-align:top}
.tabla-envoltura .tabla.ges-compacta{min-width:0}
.ges-tabla td b{font-weight:500}

/* Auditoría: filtros en una grilla que se pliega en teléfono. */
.ges-filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 14px;align-items:end}
.ges-filtros .mensaje,.ges-filtros .acciones{grid-column:1/-1}
.ges-filtros .acciones{justify-content:flex-end}

/* Respaldo y exportación. */
.ges-lema{margin:0;font:400 1.45rem/1.25 var(--serif);font-style:italic;color:var(--tinta)}
.ges-botones{display:flex;flex-wrap:wrap;gap:10px}

@media (max-width:640px){
  .ges-cifras{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ges-filtros{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ges-filtros label:nth-of-type(-n+3){grid-column:1/-1}
  .ges-lema{font-size:1.2rem}
}
@media (max-width:420px){
  .ges-cifras{grid-template-columns:minmax(0,1fr)}
}