/* QOP Theme Override — salmon accent replaces Element green */
:root,
.cpd-theme-dark,
.cpd-theme-light,
[class*="cpd-theme"],
body {
  --cpd-color-text-action-accent: #D67A80 !important;
  --cpd-color-icon-accent-tertiary: #D67A80 !important;
  --cpd-color-bg-action-primary-rest: #D67A80 !important;
  --cpd-color-bg-action-primary-hovered: #c4686e !important;
  --cpd-color-bg-action-primary-pressed: #b85e64 !important;
  --cpd-color-icon-success-primary: #D67A80 !important;
  --cpd-color-text-link-external: #D67A80 !important;
  --cpd-color-icon-on-solid-primary: #fff !important;
  --accent: #D67A80 !important;
  --accent-color: #D67A80 !important;
}

/* Direct overrides for hardcoded greens */
.mx_Verified { color: #D67A80 !important; }
.text-success { color: #D67A80 !important; }

/* Send button and primary actions */
.mx_MessageComposer_sendMessage,
[data-testid="sendmessagebtn"],
.mx_AccessibleButton_kind_primary {
  background-color: #D67A80 !important;
}
.mx_AccessibleButton_kind_primary:hover {
  background-color: #c4686e !important;
}

/* Online presence dot */
.mx_WithPresenceIndicator_icon_online:before {
  background-color: #D67A80 !important;
}

/* Room list unread badge */
.mx_NotificationBadge {
  background-color: #D67A80 !important;
}

/* Toggle switches */
.mx_ToggleSwitch_on {
  background-color: #D67A80 !important;
}

/* Replace Element logo with QOP logo + shiny pulse */
img[src*="element-logo"], img[alt="Echo"] {
  content: url("/qop-logo.png") !important;
  height: 32px !important;
  width: auto !important;
  animation: qop-shiny-pulse 6s ease-in-out infinite !important;
}

@keyframes qop-shiny-pulse {
  0%, 100% { filter: brightness(0.85); }
  50% { filter: brightness(1.2); }
}