/* Painel esquerdo: azul escuro uniforme, sem textura nem faixa clara. */
.account .account__left {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-image: none !important;
    background-color: hsl(var(--base-two)) !important;
    overflow: hidden;
}

.account .account__left::after {
    display: none !important;
    content: none !important;
}

/* Centraliza o showcase e remove deslocamento legado do tema. */
.account .account__thumb {
    position: static;
    left: auto !important;
    overflow: visible;
    width: 100%;
    max-width: 520px;
    padding: 2.5rem 2rem;
    margin: 0 auto;
}

.account .account__thumb--tiles {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
}

.account .account__thumb__tile,
.account .account__thumb__single {
    display: block;
    width: 100%;
    max-width: 440px;
    height: auto;
    border-radius: 18px;
    box-shadow: 0 16px 36px hsl(0 0% 0% / 0.24);
}

/* Leve deslocamento em zigue-zague, como no layout original. */
.account .account__thumb__tile--top {
    align-self: flex-end;
    max-width: 400px;
    margin-right: 0.75rem;
}

.account .account__thumb__tile--bottom {
    align-self: flex-start;
    max-width: 420px;
    margin-left: 0.75rem;
    margin-top: -0.25rem;
}

.account .account__thumb__single {
    margin: 0 auto;
    max-width: 460px;
}

/* Remove faixa decorativa sobre o collage legado. */
.account .account__thumb::before {
    display: none !important;
    content: none !important;
}

@media screen and (max-width: 1599px) {
    .account .account__thumb {
        max-width: 460px;
        padding: 2rem 1.5rem;
    }

    .account .account__thumb__tile--top {
        max-width: 360px;
    }

    .account .account__thumb__tile--bottom {
        max-width: 380px;
    }
}

@media screen and (max-width: 1199px) {
    .account .account__thumb {
        max-width: 400px;
        padding: 1.5rem 1rem;
    }

    .account .account__thumb__tile--top,
    .account .account__thumb__tile--bottom {
        max-width: 340px;
        margin-left: 0;
        margin-right: 0;
        align-self: center;
    }
}