body{
    font-family: 'Segoe UI',sans-serif;
    background:#f8f9fa;
    margin:0;
    padding:0;
}

.container{
    max-width:900px;
    margin:0 auto;
    padding:20px;
}

h1{
    margin-bottom:20px;
    text-align:center;
}

.filters{
    margin-bottom:10px;
    text-align:center;
}

.filter-btn{
    padding:5px 12px;
    margin:0 5px;
    border:1px solid #007bff;
    background:#fff;
    color:#007bff;
    border-radius:4px;
    cursor:pointer;
}

.filter-btn.active{
    background:#007bff;
    color:#fff;
}

#searchInput{
    width:100%;
    padding:8px;
    margin-bottom:20px;
    border-radius:5px;
    border:1px solid #ccc;
}

/* Cartes utilisateurs */
.user-card{
    display:flex;
    margin-bottom:15px;
    border-radius:10px;
    box-shadow:0 3px 8px rgba(0,0,0,0.05);
    overflow:hidden;
    background:#fff;
    position:relative;
    min-height:100px;
}

/* Bordure gauche = couleur société */
.user-card::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:8px;
    background-color: var(--company-color);
}

/* Photo / Initiales */
.photo{
    width:100px;
    height:100px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:0 10px 10px 0;
    position:relative;
    margin-left:8px;
    background:#ccc;
}

.photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.initials{
    color:#fff;
    font-weight:bold;
    font-size:32px;
}

/* Contenu utilisateur */
.user-content{
    padding:10px;
    flex-grow:1;
    position:relative;
    color:#333; /* texte lisible */
}

.user-content h5{
    margin:0;
    font-size:1.2rem;
}

.user-content p{
    margin:2px 0;
    font-size:0.95rem;
}

/* Nom de l'entreprise en haut à droite */
.company-name{
    position:absolute;
    top:10px;
    right:10px;
    font-weight:bold;
    font-size:0.95rem;
    color:#333;
}

/* LinkedIn position : bas droite avec petit margin */
.user-card .linkedin{
    position:absolute;
    bottom:10px;
    right:10px;
}

.user-card .linkedin img{
    width:28px;
    height:28px;
}