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

@media (max-width: 600px) {
	.cred-body { padding: 18px; }
	.cred-row { grid-template-columns: 1.3fr .8fr .8fr; padding: 10px 8px; }
	.cred-row > :nth-child(2) { display: none; }
}