/* Client Sessions filter pills. One rule for every pill: outlined in its own
   color, filled with white text when it's the one you're on. Live sessions is
   a friendly coral with a dot that always blinks.
   Design: "Client Sessions · Active pill" (Pencil), approved 2026-10-05. */
.session-pill {
  --pill: #6b6155;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.125rem 0.75rem;
  border: 1px solid var(--pill);
  border-radius: 9999px;
  color: var(--pill);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.5rem;
  white-space: nowrap;
}
.session-pill[aria-current="page"] {
  background: var(--pill);
  color: #fff;
  font-weight: 700;
}
.session-pill--live             { --pill: #f0564a; font-weight: 600; }
.session-pill--all              { --pill: #2563eb; }
.session-pill--current_month    { --pill: #7c3aed; }
.session-pill--previous_month   { --pill: #db2777; }
.session-pill--previous_quarter { --pill: #b45309; }
.session-pill--deleted          { --pill: #6b6155; }
.session-pill--date_range       { --pill: #15803d; }
.live-badge__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background: currentColor;
}
@media (prefers-reduced-motion: no-preference) {
  .live-badge__dot {
    animation: live-badge-blink 2s steps(1, end) infinite;
  }
}
@keyframes live-badge-blink {
  50% { opacity: 0; }
}