/* LeanMarx score badge — circular, gradient-colored fill, white number.
   Drop this in alongside score-badge.js. Size is driven by --lm-badge-size. */

.lm-badge {
  --lm-badge-size: 64px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--lm-badge-size);
  height: var(--lm-badge-size);
  border-radius: 50%;
  color: #ffffff;
  line-height: 1;
  text-align: center;
  user-select: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.12);
  font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
}

.lm-badge__num {
  /* Scale the number with the badge: ~36% of diameter. */
  font-size: calc(var(--lm-badge-size) * 0.36);
  font-weight: 700;
  letter-spacing: -0.02em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.lm-badge__count {
  font-size: calc(var(--lm-badge-size) * 0.13);
  font-weight: 500;
  opacity: 0.85;
  margin-top: 2px;
}

/* No-score / insufficient-sample state. */
.lm-badge--empty {
  background-color: transparent;
  color: #94a3b8;
  border: 2px dashed #cbd5e1;
  box-shadow: none;
}