/* =====================================================================
   Leads -- mockups de la landing (lista del hero + regla de puntaje)
   Prefijo: lds-   (asignado en core/helpers/module_registry.php ->
   'css_prefix'). Solo clases lds-*. La estructura de la pagina es de chzr.css
   (.chzr-*). Se carga unicamente desde saas/leads/index.php.
   Ojo: chzr.css ya trae .lds-header / .lds-header-actions (cabecera del panel);
   aqui NO se redefinen.
   ===================================================================== */

/* Lista de ejemplo (hero) */
.lds-body { padding: 24px 26px 28px; }
.lds-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 18px; }
.lds-stat { padding: 12px; border: 1px solid #eaecf0; border-radius: 10px; }
.lds-stat small { display: block; color: #98a2b3; font-size: .56rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.lds-stat strong { display: block; margin-top: 3px; font-size: 1.05rem; }
.lds-table { overflow: hidden; border: 1px solid #eaecf0; border-radius: 10px; }
.lds-row { display: grid; grid-template-columns: 1.3fr 1fr .8fr .6fr; align-items: center; gap: 8px; padding: 11px 12px; border-bottom: 1px solid #f2f4f7; font-size: .66rem; }
.lds-row:last-child { border-bottom: 0; }
.lds-row.lds-head { background: #f9fafb; color: #667085; font-weight: 800; }
.lds-row strong { text-align: right; color: var(--chzr-land-accent); }
.lds-tag { display: inline-block; padding: 3px 8px; border-radius: 100px; background: #f0f1f5; color: #475467; font-size: .6rem; font-weight: 800; }
.lds-tag.lds-new { background: #fff4d6; color: #92650a; }
.lds-tag.lds-qual { background: #e8f8ef; color: #16834b; }

/* Regla de puntaje (seccion oscura) */
.lds-rules { width: 100%; max-width: 470px; padding: 28px; border-radius: 18px; background: #fff; color: #101828; box-shadow: 0 30px 70px rgba(0, 0, 0, .28); }
.lds-rules-title { margin-bottom: 16px; color: #667085; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.lds-rule { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 14px; margin-bottom: 9px; border: 1px solid #eaecf0; border-radius: 10px; font-size: .82rem; }
.lds-rule code { color: #101828; font-size: .8rem; }
.lds-rule b { flex: 0 0 auto; padding: 3px 9px; border-radius: 100px; background: #e8f8ef; color: #16834b; font-size: .74rem; }
.lds-rules-total { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-top: 16px; border-top: 1px solid #edf0f5; font-weight: 700; }
.lds-rules-total strong { color: var(--chzr-land-accent); font-size: 1.6rem; }

@media (max-width: 600px) {
	.lds-body { padding: 18px; }
	.lds-row { grid-template-columns: 1.3fr 1fr .6fr; padding: 10px 8px; }
	.lds-row > :nth-child(3) { display: none; }
	.lds-rules { padding: 20px; }
}