/**
 * Исправление для контейнеров и блоков на всю ширину экрана
 */

/* Глобальные исправления для контейнеров */
.container {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* Исправление для страницы профиля */
.profile-page-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Блоки на странице профиля */
.profile-card,
.xp-history-card,
.available-tasks-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

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

/* Карточки в сетке профиля */
.profile-content-inner .bg-[#252525] {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

/* Контейнеры для истории XP и доступных заданий */
#xp-history-container,
#available-tasks-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Основная сетка страницы */
.main-grid,
.profile-main-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
}

/* Исправления для контейнеров профиля */
body .profile-container {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* Исправление для отображения сетки */
@media (min-width: 1024px) {
    .profile-main-grid {
        grid-template-columns: 380px 1fr !important; 
        gap: 30px !important;
    }
}