/* JDServer-Webs v6.1 — modules/year-summary/year-summary.css (LIVE-look idéntico a month-summary) */
#year-summary{ margin:16px 0 28px; }

/* Cabecera */
.ys-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.ys-title{ font-weight:600; }

/* Tarjetas estilo LIVE (idénticas a ms-*) */
.ys-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (min-width: 880px){
  .ys-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
.ys-card{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  padding: 10px;
  display:grid;
  gap:6px;
}
.ys-label{
  color: var(--muted);
  font: 12px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* OJO: sin negritas (igual que el módulo LIVE actual) */
.ys-main{
  font: 24px/1.1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: .1px;
}
.ys-main .ys-unit{
  font: 12px/1.1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  opacity:.9;
  margin-left:6px;
}
.ys-sub{
  color: var(--muted);
  font: 12px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Pie “Actualizado” una sola línea */
.ys-updated{
  margin-top: 8px;
  color: var(--muted);
  font: 12px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Estado vacío */
.ys-empty{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  padding: 10px;
  color: var(--muted);
  font-size: .95rem;
}