/* Personalize widget styles */

/* Animated highlight when a harmony value is personalized */
.personalized {
  font-weight: 700;
  transition: color 0.3s ease;
}

@keyframes personalize-in {
  0%   { background-color: rgba(183, 148, 244, 0.12); }
  100% { background-color: transparent; }
}

.personalized {
  animation: personalize-in 1s ease-out;
  border-radius: 2px;
}

/* Style segmented control (Any | Classic | Modern | Unique) */
.personalize-style-btn {
  background: var(--baby-bg-secondary, #f7fafc);
  color: var(--baby-text, #2d3748);
  border: 1px solid var(--baby-border, #e2e8f0);
  cursor: pointer;
}

.personalize-style-btn:hover {
  border-color: var(--baby-purple, #b794f4);
}

.personalize-style-btn.is-selected {
  background: var(--baby-purple, #b794f4);
  color: #fff;
  border-color: var(--baby-purple, #b794f4);
}

/* Re-ranked name cards */
[data-personalize-name-card] {
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.personalize-dimmed {
  filter: saturate(0.7);
}

.personalize-matched {
  /* subtle top-of-list emphasis */
}