/**
 * Stats Widget CSS
 * Styles for the Stats / Counter widget and its admin panel.
 * Uses Now.js CSS variable tokens where possible.
 */
.widget-stats {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  color: var(--stat-color, inherit);
}
.stat-icon {
  font-size: 1.5rem;
  padding: 0.75rem;
  background-color: var(--label-bg);
  border-radius: var(--border-radius-full);
}
.stat-number {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.02em;
}
/* Counter spans inherit colour */
.stat-number .counter-component,
.stat-number [data-component="counter"] {
  font-weight: inherit;
  font-size: inherit;
}
.stat-label {
  font-size: .95rem;
  font-weight: 600;
}
.stat-description {
  font-size: .8rem;
}