:root {
    --sa-storage-responsive-gap: var(--sa-space-sm);
    --sa-storage-responsive-padding: var(--sa-space-md);
    --sa-storage-responsive-columns: minmax(0, 1fr);
}

@media (max-width: 720px) {
    .superadmin-overview-tenants__header-actions {
        display: grid;
        justify-content: stretch;
    }

    .superadmin-overview-tenants__header-actions .superadmin-button,
    .superadmin-overview-tenants__header-actions .superadmin-panel__link {
        width: 100%;
    }

    .superadmin-overview-tenants td.superadmin-overview-tenants__actions {
        display: flex;
    }

    .superadmin-overview-tenants__action-list {
        justify-content: flex-start;
    }

    .superadmin-overview-tenants__measurement {
        min-width: 0;
    }

    .superadmin-storage-overview__source {
        width: 100%;
        justify-content: center;
    }

    .superadmin-storage-overview__row {
        grid-template-columns: var(--sa-storage-responsive-columns);
        gap: var(--sa-storage-responsive-gap);
        padding: var(--sa-storage-responsive-padding);
    }

    .superadmin-storage-overview__total {
        justify-items: start;
        text-align: left;
    }

    .superadmin-storage-overview__bar,
    .superadmin-storage-overview__breakdown {
        grid-column: auto;
    }

    .superadmin-storage-overview__breakdown {
        grid-template-columns: var(--sa-storage-responsive-columns);
    }

    .superadmin-storage-overview__database--logical,
    .superadmin-storage-overview__database--stale {
        padding: var(--sa-space-sm);
    }
}