:root {
    --sa-tenant-responsive-gap: var(--sa-space-sm);
    --sa-tenant-responsive-padding: var(--sa-space-md);
    --sa-tenant-responsive-label-width: 7rem;
    --sa-tenant-responsive-grid-single: minmax(var(--sa-tenant-min-width-none), 1fr);
    --sa-tenant-responsive-grid-facts: repeat(2, minmax(var(--sa-tenant-min-width-none), 1fr));
    --sa-tenant-responsive-grid-table: minmax(var(--sa-tenant-responsive-label-width), auto) minmax(var(--sa-tenant-min-width-none), 1fr);
}
@media (max-width: 900px) {
    .superadmin-tenant-header {
        display: grid;
        gap: var(--sa-tenant-section-gap);
    }
    .superadmin-tenant-header .superadmin-pagehead__side {
        width: var(--sa-tenant-width-full);
    }
    .superadmin-tenant-header .superadmin-status-actions {
        justify-content: flex-start;
    }
    .superadmin-tenant-directory__table {
        min-width: var(--sa-tenant-backup-table-min);
    }
    .superadmin-backup-history__header {
        display: grid;
        grid-template-columns: var(--sa-tenant-responsive-grid-single);
    }
}
@media (max-width: 720px) {
    .superadmin-tenant-quickfacts,
    .superadmin-tenant-measurement,
    .superadmin-storage-summary.superadmin-tenant-usage__metrics,
    .superadmin-backup-plan-summary,
    .superadmin-backup-plan__fields {
        grid-template-columns: var(--sa-tenant-responsive-grid-single);
    }
    .superadmin-tenant-quickfacts {
        gap: var(--sa-tenant-responsive-gap);
    }
    .superadmin-tenant-measurement__item,
    .superadmin-storage-summary.superadmin-tenant-usage__metrics .superadmin-usage,
    .superadmin-backup-plan-summary__item,
    .superadmin-backup-plan__field {
        border-inline-start: var(--sa-tenant-zero);
        border-top: var(--sa-border);
    }
    .superadmin-tenant-measurement__item:first-child,
    .superadmin-storage-summary.superadmin-tenant-usage__metrics .superadmin-usage:first-child,
    .superadmin-backup-plan-summary__item:first-child,
    .superadmin-backup-plan__field:first-of-type {
        border-top: var(--sa-tenant-zero);
    }
    .superadmin-storage-meta,
    .superadmin-backup-workspace__header,
    .superadmin-backup-plan__footer,
    .superadmin-backup-dialog__actions {
        display: grid;
        grid-template-columns: var(--sa-tenant-responsive-grid-single);
    }
    .superadmin-storage-details {
        width: var(--sa-tenant-width-full);
    }
    .superadmin-backup-plan__footer .superadmin-button,
    .superadmin-backup-dialog__actions .superadmin-button {
        width: var(--sa-tenant-width-full);
    }
    .superadmin-tenant-directory {
        overflow: visible;
    }
    .superadmin-tenant-directory__table,
    .superadmin-tenant-directory__table tbody,
    .superadmin-tenant-directory__table tr,
    .superadmin-tenant-directory__table td {
        display: block;
        min-width: var(--sa-tenant-min-width-none);
        width: var(--sa-tenant-width-full);
    }
    .superadmin-tenant-directory__table {
        min-width: var(--sa-tenant-min-width-none);
    }
    .superadmin-tenant-directory__table thead {
        display: none;
    }
    .superadmin-tenant-directory__table tbody {
        display: grid;
        gap: var(--sa-tenant-responsive-gap);
        padding: var(--sa-tenant-responsive-padding);
    }
    .superadmin-tenant-directory__table tr {
        display: grid;
        gap: var(--sa-tenant-responsive-gap);
        padding: var(--sa-tenant-responsive-padding);
        background: var(--sa-color-panel);
        border: var(--sa-border);
        border-radius: var(--sa-tenant-radius);
    }
    .superadmin-tenant-directory__table td {
        display: grid;
        grid-template-columns: var(--sa-tenant-responsive-grid-table);
        gap: var(--sa-tenant-responsive-gap);
        align-items: center;
        padding: var(--sa-tenant-zero);
        border: var(--sa-tenant-zero);
    }
    .superadmin-tenant-directory__table td::before {
        color: var(--sa-color-muted);
        font-size: var(--sa-tenant-font-size-meta);
        font-weight: var(--sa-tenant-font-weight-strong);
        text-transform: uppercase;
    }
    .superadmin-tenant-directory__table td[data-label="Firma"] {
        grid-template-columns: var(--sa-tenant-responsive-grid-single);
    }
    .superadmin-tenant-directory__table td[data-label="Firma"]::before {
        display: none;
    }
    .superadmin-tenant-directory__metric,
    .superadmin-tenant-directory__measurement {
        justify-items: start;
    }
    .superadmin-tenant-directory__actions,
    .superadmin-backup-action-group {
        justify-content: flex-start;
    }
    .superadmin-tenant-directory__table td.superadmin-table__actions {
        display: flex;
        align-items: center;
        gap: var(--sa-tenant-responsive-gap);
    }
    .superadmin-backup-history__facts {
        grid-template-columns: var(--sa-tenant-responsive-grid-facts);
    }
    .superadmin-backup-table,
    .superadmin-backup-table tbody,
    .superadmin-backup-table tr,
    .superadmin-backup-table td {
        display: block;
        min-width: var(--sa-tenant-min-width-none);
        width: var(--sa-tenant-width-full);
    }
    .superadmin-backup-table {
        min-width: var(--sa-tenant-min-width-none);
    }
    .superadmin-backup-table thead {
        display: none;
    }
    .superadmin-backup-table tr {
        padding-block: var(--sa-tenant-responsive-padding);
        border-bottom: var(--sa-border);
    }
    .superadmin-backup-table td {
        display: grid;
        grid-template-columns: var(--sa-tenant-responsive-grid-table);
        gap: var(--sa-tenant-responsive-gap);
        padding: var(--sa-tenant-compact-gap) var(--sa-tenant-zero);
        border: var(--sa-tenant-zero);
    }
    .superadmin-backup-table td::before {
        content: attr(data-label);
        color: var(--sa-color-muted);
        font-size: var(--sa-tenant-font-size-meta);
        font-weight: var(--sa-tenant-font-weight-strong);
        text-transform: uppercase;
    }
    .superadmin-backup-actions {
        justify-content: flex-start;
    }
    .superadmin-backup-dialog__content {
        grid-template-columns: var(--sa-tenant-responsive-grid-single);
    }
    .superadmin-backup-dialog__content > i {
        grid-column: var(--sa-tenant-grid-full);
    }
}
@media (max-width: 480px) {
    .superadmin-tenant-quickfacts,
    .superadmin-backup-history__facts {
        grid-template-columns: var(--sa-tenant-responsive-grid-single);
    }
    .superadmin-backup-empty {
        display: grid;
        grid-template-columns: var(--sa-tenant-responsive-grid-single);
    }
}