/* Avatar Salarié : forme ronde, dimensions fixes, object-fit pour toute photo */

/* Liste : cellule avatar */
.list[data-scope="Salari"] td[data-name="avatar"] .attachment-preview,
.list[data-scope="Salari"] td[data-name="avatar"] .attachment-block-container {
    display: inline-block;
    line-height: 0;
}
.list[data-scope="Salari"] td[data-name="avatar"] img.image-preview {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

/* Détail : champ avatar */
.detail[data-scope="Salari"] div[data-name="avatar"] .attachment-preview,
.detail[data-scope="Salari"] div[data-name="avatar"] .attachment-block-container {
    display: inline-block;
    line-height: 0;
}
.detail[data-scope="Salari"] div[data-name="avatar"] img.image-preview {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

/* Fallback initiales (RB) en détail et liste Salari — portail et app */
.list[data-scope="Salari"] .avatar.salari-avatar-initials,
.detail[data-scope="Salari"] .avatar.salari-avatar-initials {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background: #7c7cbd;
    flex-shrink: 0;
}

/* Avatar Contact : même rendu que Salarié (liste + détail) */
.list[data-scope="Contact"] td[data-name="avatar"] .attachment-preview,
.list[data-scope="Contact"] td[data-name="avatar"] .attachment-block-container,
.detail[data-scope="Contact"] div[data-name="avatar"] .attachment-preview,
.detail[data-scope="Contact"] div[data-name="avatar"] .attachment-block-container {
    display: inline-block;
    line-height: 0;
}
.list[data-scope="Contact"] td[data-name="avatar"] img.image-preview,
.detail[data-scope="Contact"] div[data-name="avatar"] img.image-preview {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.list[data-scope="Contact"] td[data-name="avatar"] img.image-preview {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
}
.list[data-scope="Contact"] .avatar.contact-avatar-initials,
.detail[data-scope="Contact"] .avatar.contact-avatar-initials {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background: #7c7cbd;
    flex-shrink: 0;
}