/* AURONIS Phoenix V4.5 | Three balanced portal columns
   Left: server/account/stats. Center: news/admin. Right: rankings/guilds. */

body.my2-body .my2-right-column {
    display: flex;
    flex-direction: column;
    gap: 17px;
    min-width: 0;
}
body.my2-body .my2-right-column > .my2-panel {
    min-width: 0;
    width: 100%;
    margin: 0;
}
body.my2-body .my2-portal-grid > .my2-main-column,
body.my2-body .my2-portal-grid > .my2-side-column,
body.my2-body .my2-portal-grid > .my2-right-column {
    min-width: 0;
}

/* Large screens: balanced left / center / right columns. */
@media (min-width: 1280px) {
    body.my2-body .my2-portal .my2-container {
        max-width: 1580px !important;
        width: calc(100% - 56px) !important;
    }
    body.my2-body .my2-portal-grid {
        display: grid !important;
        grid-template-columns: minmax(245px, 285px) minmax(0, 1fr) minmax(245px, 285px) !important;
        gap: 22px !important;
        align-items: start !important;
    }
    body.my2-body .my2-portal-grid > .my2-main-column {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
    body.my2-body .my2-portal-grid > .my2-side-column {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 17px !important;
    }
    body.my2-body .my2-portal-grid > .my2-right-column {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }
}

/* Medium screens: wide main content, with two balanced widget stacks below. */
@media (min-width: 681px) and (max-width: 1279px) {
    body.my2-body .my2-portal-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
        align-items: start !important;
    }
    body.my2-body .my2-portal-grid > .my2-main-column {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }
    body.my2-body .my2-portal-grid > .my2-side-column {
        grid-column: 1 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 17px !important;
    }
    body.my2-body .my2-portal-grid > .my2-right-column {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }
}

/* Mobile: main content first, then the left and right widgets. */
@media (max-width: 680px) {
    body.my2-body .my2-portal-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
        align-items: start !important;
    }
    body.my2-body .my2-portal-grid > .my2-main-column {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    body.my2-body .my2-portal-grid > .my2-side-column {
        grid-column: 1 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }
    body.my2-body .my2-portal-grid > .my2-right-column {
        grid-column: 1 !important;
        grid-row: 3 !important;
        gap: 16px !important;
    }
}

body.my2-body .my2-right-column .my2-ranking-panel .my2-panel-body,
body.my2-body .my2-right-column .my2-guild-panel .my2-panel-body {
    overflow-x: auto;
}