/* frontend/styles/modules/messaging.css */
[data-module="messaging"] .channel-list-item {
  color: var(--mod-text, #ffffff) !important;
  border-radius: 8px;
  padding: 8px 12px;
  transition: var(--mod-transition);
}

[data-module="messaging"] .channel-list-item.active,
[data-module="messaging"] .channel-list-item:hover {
  background: var(--mod-accent-bg, rgba(236, 72, 153, 0.15)) !important;
  color: var(--mod-accent, #ec4899) !important;
}

[data-module="messaging"] .chat-bubble-incoming {
  background: var(--mod-card-bg, rgba(255, 255, 255, 0.1)) !important;
  border: 1px solid var(--mod-card-border, rgba(255, 255, 255, 0.15)) !important;
  color: var(--mod-text, #ffffff) !important;
}

[data-module="messaging"] .chat-bubble-outgoing {
  background: var(--mod-accent, #ec4899) !important;
  color: #ffffff !important;
}