/* JDServer-Webs v6.1 — modules/raintimeline/raintimeline.css */
#raintimeline{ margin:16px 0 28px; }
.rt-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.rt-title{ font-weight:600; }

/* Contenedor estilo Live */
.rt-wrap{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  padding: 10px;
}

/* Leyenda/metrics arriba (acumulado / pico) */
.rt-metrics{
  display:flex; gap:12px; align-items:center; flex-wrap:wrap;
  margin-bottom:8px;
  color: var(--muted);
  font: 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.rt-metrics .badge{
  display:inline-flex; gap:6px; align-items:center;
  border:1px solid var(--border); border-radius:999px;
  padding:3px 8px; background: var(--surface);
}
.rt-metrics b{ color: var(--text); }

/* Canvas */
.rt-canvas{ display:block; width:100%; height:180px; }

/* Mensaje vacío */
.rt-empty{
  padding: 10px;
  color: var(--muted);
  font-size: .95rem;
}