/* ─── Unclaimed profile badge ───────────────────────────────────────────── */
.claim-badge {
  font-size: 0.7rem;
  font-weight: 600;
  vertical-align: middle;
  letter-spacing: 0.03em;
}

/* ─── Claim banner (authenticated + eligible) ───────────────────────────── */
.claim-banner {
  border-left: 4px solid #ffc107;
  border-radius: 0.5rem;
  background-color: #fffdf0;
}

/* ─── Perk list inside both banners ─────────────────────────────────────── */
.claim-perks li {
  font-size: 0.9rem;
  margin-bottom: 0.3rem;
}

/* ─── Pending claim alert ────────────────────────────────────────────────── */
.claim-banner-pending {
  background-color: #fff8e1;
  border: 1px solid #ffe082;
  border-radius: 0.5rem;
  color: #5c4a00;
}

/* ─── Sign-up prompt for unauthenticated visitors ────────────────────────── */
.claim-banner-signin {
  border-left: 4px solid #0d6efd;
  border-radius: 0.5rem;
  background-color: #f0f6ff;
}

.claim-banner-signin a {
  color: #0a4a74;
  font-weight: 600;
  text-decoration: underline;
}