/**
 * Styles pour les avatars de profil avec initiales
 * Similaire à topbar.css mais pour les pages de profil
 * 
 * Auteur: IT JD SOLUTIONS
 * Date: 12 janvier 2026
 */

/* Avatar avec initiales (base) */
.profile-avatar-initials {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Super Admin - Violet */
.profile-avatar-initials--admin {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Entreprise - Bleu */
.profile-avatar-initials--company {
    background: linear-gradient(135deg, #0099FF 0%, #0088FF 100%);
    box-shadow: 0 4px 12px rgba(0, 153, 255, 0.3);
}

/* Client - Vert */
.profile-avatar-initials--client {
    background: linear-gradient(135deg, #0ab39c 0%, #099885 100%);
    box-shadow: 0 4px 12px rgba(10, 179, 156, 0.3);
}

/* Texte des initiales */
.profile-initials {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Tailles d'avatar */
.avatar-xs .profile-initials {
    font-size: 10px;
}

.avatar-sm .profile-initials {
    font-size: 14px;
}

.avatar-md .profile-initials {
    font-size: 18px;
}

.avatar-lg .profile-initials {
    font-size: 24px;
}

.avatar-xl .profile-initials {
    font-size: 36px;
    letter-spacing: 2px;
}

.avatar-xxl .profile-initials {
    font-size: 48px;
    letter-spacing: 3px;
}