@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* Arrière-plan général - gris lilas très clair */
body, .mx_MatrixChat {
    background-color: #f5f3f7 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Colonne gauche - BLEU MARIN FONCÉ + icônes blanches */
.mx_SpacePanel {
    background-color: #001f3f !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 - mauve */
.mx_RoomList {
    background-color: #E6D5F5 !important;
}

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