/* agent-peak.css */
.ap-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 9px; border-radius: 20px; font-size: 11px; font-weight: 700;
}
.ap-IDLE           { background: rgba(0,166,81,0.1);  color: #00833f; }
.ap-INTERACTING    { background: rgba(0,102,255,0.1); color: #0052CC; }
.ap-NOT_RESPONDING { background: rgba(255,171,0,0.12);color: #7a5500; }
.ap-QUEUING        { background: rgba(255,140,0,0.1); color: #CC6B00; }

/* ── Lookback slider ── */
.ap-slider-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

.ap-slider {
  width: 100%;
  accent-color: var(--green);
  cursor: pointer;
  height: 4px;
}

.ap-slider-labels {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: var(--text3);
  font-family: var(--mono);
  padding: 0 2px;
}