body { }
code { user-select: all; }

.worker-rtt-chart-shell { position: relative; }
.worker-rtt-canvas-wrap { position: relative; }
.worker-rtt-legend { display: flex; flex-wrap: wrap; gap: .4rem .5rem; }
.worker-rtt-legend-btn {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .15rem .45rem;
  border: 1px solid #d5dbe1;
  background: #fff;
  border-radius: 999px;
  color: #334155;
  line-height: 1.2;
}
.worker-rtt-legend-btn.is-hidden {
  opacity: .55;
  text-decoration: line-through;
}
.worker-rtt-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid rgba(0,0,0,.12);
}
.worker-rtt-chart .chart-series.is-dimmed { opacity: .18; }
.worker-rtt-chart .chart-series.is-active { opacity: 1; }
.worker-rtt-chart .chart-point { cursor: pointer; }
.worker-rtt-chart .chart-point.is-selected-batch-point {
  filter: drop-shadow(0 0 4px rgba(17, 24, 39, .28));
}
.worker-rtt-chart .chart-point:focus {
  outline: none;
  stroke: #111827;
  stroke-width: 2;
}
.worker-rtt-tooltip {
  position: absolute;
  z-index: 2;
  max-width: 260px;
  pointer-events: none;
  background: rgba(17, 24, 39, .95);
  color: #f8fafc;
  border-radius: .5rem;
  padding: .45rem .6rem;
  font-size: .75rem;
  line-height: 1.35;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .22);
}
.worker-rtt-tooltip .text-muted { color: #cbd5e1 !important; }