/* generic pill  ─────────────────────────────────────────────────── */
.timeline-pill{
  /* existing rules … */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 10px;
  font-size:.95rem;
  height:32px;
  line-height:normal;
  border-radius:.25rem;
  margin-right:6px;
  background:var(--gray-050);
  border:1px solid var(--gray-200);
  color:var(--gray-700);

  /* subtle elevation (matches .export-button) */
  box-shadow:0 2px 4px rgba(0,0,0,.10);
}


/* highlight for the active period  ──────────────────────────────── */
.timeline-pill--current{
  background:var(--blue-100);
  border-color:var(--blue-600);
  color:var(--blue-700);
  font-weight:600;
}

/* timeline container tweaks  ───────────────────────────────────── */
.timeline-bar{
  margin-top:-2px;                      /* snug against filters */
  line-height:30px;
}

/* subtle secondary text (timer, updated)  ─────────────────────── */
.timeline-secondary{
  color:var(--gray-500);
}