:root {
    --sa-overview-mobile-gap: var(--sa-space-sm);
    --sa-overview-mobile-breakpoint: 45rem;
}

@media (max-width: 45rem) {
    .superadmin-overview-priority__header,
    .superadmin-tenant-directory__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .superadmin-overview-priority__count,
    .superadmin-tenant-directory__scope {
        align-self: flex-start;
    }

    .superadmin-overview-status__header {
        align-items: flex-start;
    }

    .superadmin-overview-status__meta {
        flex-wrap: wrap;
        justify-content: flex-end;
        text-align: right;
    }

    .superadmin-overview-status {
        gap: var(--sa-overview-mobile-gap);
    }
}

@media (max-width: 45rem) {
    .superadmin-overview-priority {
        padding: var(--sa-space-md);
    }

    .superadmin-overview-priority__header p,
    .superadmin-tenant-directory__header p {
        max-width: 42ch;
    }
}