/* === badges === */

.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.6rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
}

.badge-success { background: var(--success-light); color: #10514c; }
.badge-warning { background: var(--warning-light); color: #713716; }
.badge-danger { background: var(--danger-light); color: #782424; }
.badge-neutral { background: var(--grey-100); color: var(--text-secondary); }

.age-badge {
  display: inline-block;
  padding: 0.1rem 0.5rem;
  background: var(--primary-light);
  color: var(--primary-text);
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 0.3rem;
}

.countdown {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  background: var(--grey-100);
  padding: 0.25rem 0.6rem;
  border-radius: 20px;
  white-space: nowrap;
}

.countdown-soon {
  background: var(--primary-light);
  color: var(--primary-text);
  animation: gentle-pulse 2s ease-in-out infinite;
}

@keyframes gentle-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}