/* Исправление растянутых аватаров */
/* Универсальные стили для всех аватаров */
.avatar img, 
.avatar .avatar__img,
body .avatar img,
.dashboard-area .avatar img,
.user-profile .avatar__img,
.user-profile img {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    -webkit-object-fit: cover !important;
    object-fit: cover !important;
    -webkit-object-position: center !important;
    object-position: center !important;
    aspect-ratio: 1/1 !important;
}

/* Базовые размеры аватаров */
.avatar, 
[class*="avatar--"],
body .avatar,
.dashboard-area .avatar,
.header-wrapper .avatar {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Стандартный размер аватара */
.user-profile-icon .avatar,
.notification-link .avatar,
.dropdown-link .avatar,
.user-profile .avatar {
    width: 40px !important;
    height: 40px !important;
}

/* Размер изображения внутри аватара */
.user-profile-icon .avatar img,
.notification-link .avatar img,
.dropdown-link .avatar img,
.user-profile .avatar img {
    width: 100% !important;
    height: 100% !important;
}

/* Размеры для разных вариантов аватара */
.avatar.avatar--md,
body .avatar.avatar--md,
.dashboard-area .avatar.avatar--md {
    width: 55px !important;
    height: 55px !important;
}

.avatar.avatar--sm,
body .avatar.avatar--sm,
.dashboard-area .avatar.avatar--sm {
    width: 45px !important;
    height: 45px !important;
}

.avatar.avatar--xs,
body .avatar.avatar--xs,
.dashboard-area .avatar.avatar--xs {
    width: 35px !important;
    height: 35px !important;
}

/* Для предварительного просмотра изображения */
.profilePicPreview {
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Редактор аватара */
.avatar-preview {
    border-radius: 50% !important;
    overflow: hidden !important;
}

/* Специальные стили для дашборда */
.dashboard-area .bottom-header .avatar img,
.dashboard-area .top-header .avatar img {
    width: 100% !important;
    height: 100% !important;
}