/* JDServer-Webs v6.2 — modules/summary/summary.css
   Resumen 24h con estética LIVE (reusa look del LIVE)
*/

#summary { margin: 14px 0 20px; }

/* Cabecera igual que LIVE */
.summary-head { 
  display:flex; align-items:center; justify-content:space-between; 
  gap:12px; margin-bottom: 10px; 
}
.summary-title { font-weight: 600; }

/* Grid con el mismo patrón que LIVE */
.summary-grid { 
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
  gap: 12px; 
}

/* Mensaje “sin datos” con el look de tarjeta suavizado */
.summary-empty{
  grid-column: 1 / -1;
  background: var(--card);
  border: 1px dashed var(--border);
  border-radius: var(--radius);
  padding: 12px;
  color: var(--muted);
  text-align: center;
}

@media (max-width: 520px){
  .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}