/* JDServer-Webs v6.7 — 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; color: var(--fg, var(--text)); }

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

.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(--fg, var(--text)); }

.rt-canvas-wrap{ position: relative; }

.rt-canvas{
  display:block;
  width:100%;
  height:180px;
  background: var(--card);
}

.rt-tip{
  position:absolute;
  z-index:5;
  min-width:210px;
  max-width:260px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-2, 0 10px 30px rgba(0,0,0,.20));
  color: var(--fg, var(--text));
  font: 13px/1.25 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  pointer-events:none;
  backdrop-filter: blur(6px);
}
.rt-tip-title{ margin-bottom:6px; }
.rt-tip-row{ color: var(--muted); margin-top:2px; }
.rt-tip-row b{ color: var(--fg, var(--text)); font-weight:600; }
.rt-tip-sub{
  margin-top:8px;
  color: var(--muted);
  font-size:12px;
  opacity:.9;
}

.rt-empty{
  padding:10px;
  color: var(--muted);
  font-size:.95rem;
}