/* Ritmo condiviso delle dashboard: compatto su mobile, arioso quanto basta su desktop. */
.mmc-account-page,
.mmc-merchant {
    --mmc-dashboard-gap: 20px;
    --mmc-dashboard-tight-gap: 10px;
    padding-top: clamp(22px, 4vw, 48px);
}

.mmc-account-page > .mmc-container,
.mmc-merchant__shell {
    width: min(1120px, calc(100% - 28px));
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}

.mmc-account-dashboard {
    gap: var(--mmc-dashboard-gap);
}

.mmc-account-dashboard__identity {
    display: grid;
    gap: var(--mmc-dashboard-tight-gap);
    min-width: 0;
    max-width: 100%;
}

.mmc-dashboard-context {
    display: grid;
    gap: var(--mmc-dashboard-tight-gap);
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
}

.mmc-dashboard-context > .mmc-account-context-switch,
.mmc-dashboard-context > .mmc-account-area-label,
.mmc-account-dashboard__identity > .mmc-account-summary,
.mmc-account-dashboard > .mmc-account-availability,
.mmc-account-dashboard > .mmc-account-saved,
.mmc-account-dashboard > .mmc-account-preferences-grid,
.mmc-account-dashboard > .mmc-account-settings-compact,
.mmc-account-dashboard > .mmc-account-partner-cta {
    margin-top: 0;
    margin-bottom: 0;
}

.mmc-merchant-account-context {
    margin: 0 0 var(--mmc-dashboard-gap);
}

.mmc-merchant__shell > .mmc-merchant__hero,
.mmc-merchant__shell > .mmc-merchant__notice,
.mmc-merchant__shell > .mmc-merchant-quota,
.mmc-merchant__shell > .mmc-availability-merchant,
.mmc-merchant__shell > .mmc-merchant-requests,
.mmc-merchant__shell > .mmc-merchant-password,
.mmc-merchant__shell > .mmc-merchant-stats {
    margin-top: 0;
    margin-bottom: var(--mmc-dashboard-gap);
}

@media (max-width: 720px) {
    .mmc-account-page,
    .mmc-merchant {
        --mmc-dashboard-gap: 16px;
        --mmc-dashboard-tight-gap: 9px;
        padding-top: 14px;
    }

    .mmc-account-page > .mmc-container,
    .mmc-merchant__shell {
        width: min(1120px, calc(100% - 18px));
    }
}