/* =====================================================================
   Finanzas -- mockup del hero de la landing  (prefijo: fin-)
   Prefijo asignado en core/helpers/module_registry.php -> 'css_prefix'.
   Solo clases fin-*. La estructura de la pagina es de chzr.css (.chzr-*).
   Se carga unicamente desde saas/finance/index.php.
   ===================================================================== */
.fin-body { padding: 24px 26px 28px; }
.fin-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 18px; }
.fin-stat { padding: 12px; border: 1px solid #eaecf0; border-radius: 10px; }
.fin-stat small { display: block; color: #98a2b3; font-size: .56rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.fin-stat strong { display: block; margin-top: 3px; font-size: 1.05rem; }
.fin-stat.fin-net strong { color: var(--chzr-land-accent); }
.fin-table { overflow: hidden; border: 1px solid #eaecf0; border-radius: 10px; }
.fin-row { display: grid; grid-template-columns: 1.5fr .9fr .8fr; align-items: center; gap: 8px; padding: 11px 12px; border-bottom: 1px solid #f2f4f7; font-size: .66rem; }
.fin-row:last-child { border-bottom: 0; }
.fin-row.fin-head { background: #f9fafb; color: #667085; font-weight: 800; }
.fin-row strong { text-align: right; }
.fin-tag { display: inline-block; padding: 3px 8px; border-radius: 100px; font-size: .6rem; font-weight: 800; }
.fin-tag.fin-ok { background: #e8f8ef; color: #16834b; }
.fin-tag.fin-part { background: #fff4d6; color: #92650a; }
.fin-tag.fin-pend { background: #fdecec; color: #b42318; }
.fin-cfdi { display: inline-block; margin-left: 5px; padding: 1px 5px; border: 1px solid #d5d9e6; border-radius: 4px; color: #667085; font-size: .54rem; font-weight: 800; }

@media (max-width: 600px) {
	.fin-body { padding: 18px; }
	.fin-row { grid-template-columns: 1.3fr 1fr .8fr; padding: 10px 8px; }
}