/*
 * Unified selected-state language.
 * Gold remains the brand/action color; green is reserved for a persisted choice.
 */
:root {
  --selection-color: var(--success, #10b981);
  --selection-surface: rgba(16, 185, 129, 0.10);
  --selection-ring: rgba(16, 185, 129, 0.24);
}

/* Card and media choices. */
:is(
  .ai-template-item.selected,
  .avatar-item.active,
  .preset-avatar-item.active,
  .voice-item.active,
  .emotion-item.active,
  .bg-thumb.active,
  .effect-item.active,
  .pexels-item.selected,
  .cover-font-card.selected,
  #panel-5-mixer .mx-role-card.selected
) {
  border: 2px solid var(--selection-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px var(--selection-ring) !important;
  background-color: var(--selection-surface) !important;
}

/* Compact choices: tags, modes, voice groups and mixer options. */
:is(
  .chip.active,
  .voice-tab.active,
  .mode-switch-item.active,
  .pfilter-tag.active,
  #panel-5-mixer .mine-toggle.active,
  #panel-5-mixer.avfp5-solo .avfp5ctrl .chip.on,
  #panel-5-mixer.avfp5-solo .avfp5ctrl [class*="chip"].active,
  #panel-5-mixer.avfp5-solo .avfp5ctrl [class*="chip"].on,
  #voiceCatTabs > [aria-selected="true"],
  #emoTabM[aria-selected="true"],
  #emoTabF[aria-selected="true"],
  #voiceEmotionSmart[aria-pressed="true"],
  #voiceEmotionOff[aria-pressed="true"],
  [id^="selectBgNative_"][aria-pressed="true"],
  [id^="selectBgOption_"][aria-pressed="true"],
  [role="option"][aria-selected="true"],
  [role="radio"][aria-checked="true"]
) {
  border: 2px solid var(--selection-color) !important;
  background: var(--selection-surface) !important;
  color: var(--selection-color) !important;
  box-shadow: 0 0 0 2px var(--selection-ring) !important;
}

#panel-4.avfp4-solo .preset-avatar-item.active::after {
  background: var(--selection-color) !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--selection-color);
}