.audio-timeline {
  width: 100%;
  max-width: 900px;
  margin: 8px auto;
  padding: 8px 12px;
  background: rgba(20, 30, 45, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.75);
  box-sizing: border-box;
}
.audio-timeline .atl-row {
  display: block;
  width: 100%;
}
.audio-timeline .atl-canvas {
  width: 100%;
  height: 60px;
  display: block;
}
.audio-timeline .atl-meta {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  font-size: 10.5px;
  letter-spacing: 0.4px;
}
.audio-timeline .atl-status {
  font-weight: 600;
}
.audio-timeline .atl-status-live { color: #7cffb2; }
.audio-timeline .atl-status-delayed { color: #ffd266; }
.audio-timeline .atl-status-down { color: #ff7d7d; }
.audio-timeline .atl-status-idle { color: rgba(255,255,255,0.45); }
.audio-timeline .atl-detail { color: rgba(255,255,255,0.45); }