/* Safe overrides to append after legacy CSS during migration. */
:where(.btn, .action-btn, .btn-primary, .btn-secondary, .send-btn, .gift-send-btn):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--color-primary) 65%, var(--color-white));
  outline-offset: 3px;
}

.about-text { white-space: normal; }
.about-text.has-linebreaks { white-space: pre-wrap; }

.checkbox-input {
  appearance: auto;
  -webkit-appearance: checkbox;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  accent-color: var(--status-online);
}

.gift-card, .profile-gift-card, .chat-gift-card {
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}
.gift-card:hover, .profile-gift-card:hover, .chat-gift-card:hover { transform: translateY(-1px); }

.gift-count-badge, .gift-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 22px;
  height: 22px;
  padding-inline: 6px;
  border-radius: var(--radius-full);
  background: var(--color-danger);
  color: var(--text-inverse);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
}