/* =========================================================
   Personnalisation professionnelle Element Web
   Version compatible thème clair / sombre
   ========================================================= */


/* =========================================================
   NOMS D'UTILISATEURS
   Utilise la variable de couleur du thème Element.
   Elle change automatiquement entre clair et sombre.
   ========================================================= */

.mx_DisambiguatedProfile_displayName,
.mx_SenderProfile_name,
.mx_SenderProfile_name a,
.mx_EventTile_senderDetails,
.mx_EventTile_senderDetails a,
.mx_EventTile_senderDetails span {
  color: var(--cpd-color-text-primary) !important;
}


/* =========================================================
   Variante professionnelle avec accent vert
   Si tu préfères garder une touche verte, utilise cette ligne
   à la place de celle au-dessus :
   
   color: var(--cpd-color-text-action-accent) !important;
   ========================================================= */


/* =========================================================
   MENTIONS / PILLS UTILISATEURS
   Exemple : @utilisateur dans un message
   ========================================================= */

.mx_Pill,
.mx_Pill a,
.mx_UserPill,
.mx_UserPill a {
  color: var(--cpd-color-text-action-accent) !important;
}


/* =========================================================
   LIENS ET ELEMENTS ACTIFS
   ========================================================= */

.mx_AccessibleButton_kind_primary,
.mx_Dialog_primary,
.mx_Field input:focus,
.mx_Field textarea:focus {
  border-color: var(--cpd-color-border-interactive-primary) !important;
}


/* =========================================================
   SALONS SELECTIONNES
   ========================================================= */

.mx_RoomTile_selected,
.mx_RoomTile_highlight {
  border-color: var(--cpd-color-border-interactive-primary) !important;
}


/* =========================================================
   BADGES / COMPTEURS
   ========================================================= */

.mx_RoomSublist_badgeHighlight,
.mx_NotificationBadge,
.mx_RoomTile_badge {
  background-color: var(--cpd-color-bg-action-primary-rest) !important;
  color: var(--cpd-color-text-on-solid-primary) !important;
}