/**
 * Исправления для страницы профиля
 * Решает проблемы с шириной блоков и улучшает отзывчивость дизайна
 */

/* Общие исправления для всего профиля */
.profile-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* Исправление для основной сетки */
.profile-main-grid {
    display: grid !important;
    width: 100% !important;
    gap: 1.5rem !important;
}

/* Исправление для карточек в сетке */
.profile-sidebar > div,
.profile-content > div,
.profile-content-inner > div {
    width: 100% !important;
    max-width: 100% !important;
}

/* Исправление для контейнера XP истории */
#xp-history-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Исправление для баланса и других блоков */
.balance-history-card,
.xp-history-card {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
}

/* Исправление для элементов истории */
.xp-history-item,
.balance-history-item {
    width: 100% !important;
}

/* Глобальные исправления для всех аватарок */
.user-avatar-container,
.avatar-container,
#header-avatar,
#main-avatar,
#profile-avatar {
    border-radius: 50% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.user-avatar-container img,
.avatar-container img,
#header-avatar img,
#main-avatar img,
#profile-avatar img,
.user-avatar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}

/* Особые исправления для больших аватарок профиля */
.user-avatar.large {
    border-radius: 50% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.user-avatar.large img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* Улучшение отображения на мобильных устройствах */
@media (max-width: 768px) {
    .profile-content-inner {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .xp-history-card,
    .balance-history-card {
        margin-bottom: 1.5rem !important;
    }
}

/* Улучшение для стиля прогресса уровня */
.level-progress-bar {
    height: 0.5rem !important;
    border-radius: 0.25rem !important;
    overflow: hidden !important;
}

.level-progress-fill {
    transition: width 0.5s ease-in-out !important;
}

/* Улучшение для статистики пользователя */
.profile-sidebar .grid-cols-3 > div {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.profile-sidebar .grid-cols-3 > div:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Добавление анимации для быстрых ссылок */
.profile-sidebar a {
    transition: all 0.3s ease !important;
}

.profile-sidebar a:hover {
    transform: translateX(5px) !important;
}