/* CORRECTION FOIT - Chargement Google Fonts avec display=swap */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* CORRECTION FOIT - Forcer l'affichage immédiat avec font système de secours */
* {
  font-display: swap !important;
}

/* Arrière-plan général - gris neutre très clair */
body, .mx_MatrixChat {
    background-color: #f5f5f5 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Garantir la visibilité immédiate du texte */
body,
.mx_RoomList,
.mx_RoomTile,
.mx_LeftPanel,
.mx_RoomTile_name,
.mx_RoomSublist_headerText {
  opacity: 1 !important;
  color: #1f2937 !important;
}

/* Colonne gauche - gris foncé + icônes blanches */
.mx_SpacePanel {
    background-color: #2c3e50 !important;
}

.mx_SpacePanel *, .mx_SpacePanel svg, .mx_SpacePanel path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Logo Le Fil */
.mx_SpacePanel::before {
    content: "";
    display: block;
    width: 100%;
    height: 70px;
    background-image: url('https://pim.odlma.fr/wp-content/uploads/2025/05/Capture_d_ecran_2025-05-07_110254-removebg-preview.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
}

/* Colonne milieu - gris clair neutre (remplace le mauve) */
.mx_RoomList {
    background-color: #e8e8e8 !important;
}

/* Zone conversation - blanc */
.mx_RoomView {
    background-color: #FFFFFF !important;
}

/* Boutons principaux - VERT #7fbf3a */
button[kind="primary"],
.mx_AccessibleButton_kind_primary,
.mx_Dialog_primary,
.mx_Login_submit,
button.mx_AccessibleButton_kind_primary,
.mx_CompleteSecurity_actionRow .mx_AccessibleButton_kind_primary {
    background-color: #7fbf3a !important;
    color: white !important;
    border: none !important;
}

button[kind="primary"]:hover,
.mx_AccessibleButton_kind_primary:hover,
.mx_Dialog_primary:hover,
.mx_Login_submit:hover {
    background-color: #6da832 !important;
}

/* Liens et accents - vert */
a, .mx_AccessibleButton_kind_link {
    color: #7fbf3a !important;
}

/* Salon sélectionné - fond gris moyen */
.mx_RoomTile_selected {
    background-color: #d0d0d0 !important;
}

/* Headers et sections - gris neutre */
.mx_RoomHeader,
.mx_BaseCard_header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* CACHER BOUTON "CRÉER UN COMPTE" */
.mx_WelcomePage_guestFunctions,
.mx_AuthPage_registrationButton,
a[href="#/register"],
button[data-testid="registration-button"] {
    display: none !important;
}

/* Titre page de connexion */
.mx_AuthPage_modalHeader,
.mx_Header_title {
    color: #1e3a5f !important;
}

/* Liste des salons - amélioration visibilité */
.mx_RoomTile {
    border-radius: 8px !important;
    margin: 4px 8px !important;
    transition: background-color 0.2s ease !important;
}

.mx_RoomTile:hover {
    background-color: #f3f4f6 !important;
}

/* Texte des salons */
.mx_RoomTile_name {
    font-weight: 500 !important;
}

/* Badge de notifications */
.mx_NotificationBadge {
    background-color: #7fbf3a !important;
}