.ss-pill {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #374151;
  border-radius: 9999px;
  padding: 0.4rem 0.85rem;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
}
.ss-pill.active {
  background: linear-gradient(135deg, #14B8A6, #0D9488);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(20, 184, 166, 0.25);
}
.ss-fx { display: grid; grid-template-columns: 64px 56px 1fr; gap: 12px; align-items: center; }
.ss-fx + .ss-fx { border-top: 1px solid #f3f4f6; }
.badge, .fi { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.fi { box-shadow: 0 0 0 1px #e5e7eb; }