/* =========================
   TABLE (CRÍTICO)
========================= */

.mf-table-wrap{
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.mf-table{
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  font-size: 14px;
}

.mf-table th,
.mf-table td{
  padding: 10px 12px;
  border-bottom: 1px solid var(--mf-border);
  text-align: left;
  white-space: nowrap;
}

.mf-table th{
  font-weight: 600;
  color: var(--mf-text);
  background: var(--mf-bg-soft);
}

.mf-table td{
  color: var(--mf-text-soft);
}

.mf-table tr:last-child td{
  border-bottom: none;
}

/* zebra ligera */

.mf-table tbody tr:nth-child(even){
  background: rgba(0,0,0,0.02);
}

/* =========================
   RESULTADOS VISUALES
========================= */

.mf-card-results{
  gap: 24px;
}

/* =========================
   CHART CONTEXT
========================= */

.mf-chart-wrap{
  border: 1px solid var(--mf-border);
  border-radius: var(--mf-radius-sm);
  padding: 12px;
  background: #fff;
}

/* =========================
   INSIGHT
========================= */

.mf-side-insight{
  border-left: 3px solid var(--mf-primary);
}