/* Use the CRM's shared durations and easing throughout the messenger. */
@keyframes messenger-content-in { from { opacity: .72; } to { opacity: 1; } }
@keyframes messenger-message-in { from { opacity: .72; } to { opacity: 1; } }
@keyframes messenger-message-update { from { opacity: .55; } to { opacity: 1; } }
@keyframes messenger-side-in { from { opacity: .72; } to { opacity: 1; } }
@keyframes messenger-selection-in { from { background-color: transparent; box-shadow: inset 0 0 transparent; } to { background-color: var(--theme-soft); box-shadow: inset 3px 0 var(--theme-accent); } }
#messenger-view :is(#chat-content,#chat-welcome,#assistant-content,#notification-history):not([hidden]) { animation: messenger-content-in var(--motion-reveal,260ms) var(--motion-ease,ease-out); }
#messenger-view .messenger-row-enter { animation: messenger-content-in 220ms var(--motion-ease,ease-out); }
#messenger-view .messenger-row-select { animation: messenger-selection-in 240ms var(--motion-ease,ease-out); }
#messenger-view .messenger-message-enter { animation: messenger-message-in 260ms var(--motion-ease,ease-out); }
#messenger-view .messenger-message-update { animation: messenger-message-update 220ms ease; }
#messenger-view .message-search-result { animation: messenger-content-in 220ms var(--motion-ease,ease-out); }
#messenger-view :is(.chat-row,.assistant-open,.notification-history-open) { transition: background-color 180ms ease, box-shadow 220ms var(--motion-ease,ease-out); }
#messenger-view :is(.chat-icon-button,.compose-icon-button,.message-search-result,.chat-person-option,.ai-suggestion) { transition: background-color 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms var(--motion-ease,ease-out); }
#messenger-view :is(.chat-icon-button,.compose-icon-button):active { transform: translateY(1px); }
#messenger-view :is(.chat-unread,.unread-counter) { transition: background-color 180ms ease,color 180ms ease; }
@media (max-width:700px) {
  #messenger-shell.chat-is-open .chat-conversation, #messenger-shell:not(.chat-is-open) .chat-sidebar { animation: messenger-side-in 260ms var(--motion-ease,ease-out); }
}
@media (prefers-reduced-motion:reduce) {
  html:root #messenger-view, #messenger-view *, #chat-dialog, #chat-dialog * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}