:root {
    --sa-storage-gap: var(--sa-space-sm);
    --sa-storage-gap-lg: var(--sa-space-lg);
    --sa-storage-padding-x: var(--sa-space-lg);
    --sa-storage-padding-y: var(--sa-space-md);
    --sa-storage-border: var(--sa-border);
    --sa-storage-radius: var(--sa-radius-md);
    --sa-storage-background: var(--sa-color-panel-soft);
    --sa-storage-hover-background: var(--sa-color-info-soft);
    --sa-storage-primary: var(--sa-color-info);
    --sa-storage-muted: var(--sa-color-muted);
    --sa-storage-text: var(--sa-color-text);
    --sa-storage-warning: var(--sa-color-warning);
    --sa-storage-warning-background: var(--sa-color-warning-soft);
    --sa-storage-source-padding-x: var(--sa-space-sm);
    --sa-storage-source-padding-y: var(--sa-space-xs);
    --sa-storage-source-font-size: var(--sa-font-size-xs);
    --sa-storage-overview-columns: minmax(var(--sa-size-min-card), var(--sa-storage-title-column)) minmax(var(--sa-storage-total-column), auto);
    --sa-storage-title-column: 18rem;
    --sa-storage-total-column: 8rem;
    --sa-storage-breakdown-columns: repeat(3, minmax(0, 1fr));
    --sa-storage-table-actions-gap: var(--sa-space-xs);
    --sa-storage-table-actions-size: var(--sa-size-icon);
}

.superadmin-overview-tenants__header-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sa-storage-gap);
}

.superadmin-overview-tenants th:last-child,
.superadmin-overview-tenants td:last-child {
    min-width: var(--sa-storage-table-actions-size);
}

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

.superadmin-overview-tenants__action-list {
    display: flex;
    justify-content: flex-end;
    gap: var(--sa-storage-table-actions-gap);
}

.superadmin-overview-tenants__measurement {
    min-width: var(--sa-storage-title-column);
}

.superadmin-overview-tenants__measurement > span,
.superadmin-overview-tenants__measurement small {
    display: block;
}

.superadmin-overview-tenants__measurement > span {
    color: var(--sa-storage-muted);
    font-size: var(--sa-font-size-sm);
}

.superadmin-overview-tenants__database {
    margin-top: var(--sa-space-xs);
    color: var(--sa-storage-primary);
    font-size: var(--sa-font-size-xs);
}

.superadmin-overview-tenants__database--logical,
.superadmin-overview-tenants__database--stale {
    color: var(--sa-storage-warning);
}

.superadmin-storage-overview__source {
    display: inline-flex;
    align-items: center;
    min-height: var(--sa-size-field);
    padding: 0;
    color: var(--sa-storage-primary);
    font-size: var(--sa-storage-source-font-size);
    font-weight: 500;
    white-space: nowrap;
}

.superadmin-storage-overview {
    display: grid;
}

.superadmin-storage-overview__row {
    display: grid;
    grid-template-columns: var(--sa-storage-overview-columns);
    gap: var(--sa-storage-gap) var(--sa-storage-gap-lg);
    align-items: center;
    padding: var(--sa-storage-padding-y) var(--sa-storage-padding-x);
    color: var(--sa-storage-text);
    border-bottom: var(--sa-storage-border);
    text-decoration: none;
}

.superadmin-storage-overview__row:last-child {
    border-bottom: 0;
}

.superadmin-storage-overview__row:hover,
.superadmin-storage-overview__row:focus-visible {
    background: var(--sa-storage-hover-background);
}

.superadmin-storage-overview__title,
.superadmin-storage-overview__total {
    display: grid;
    gap: var(--sa-space-xs);
}

.superadmin-storage-overview__title strong,
.superadmin-storage-overview__total strong {
    font-weight: 700;
}

.superadmin-storage-overview__title small,
.superadmin-storage-overview__total small {
    color: var(--sa-storage-muted);
    font-size: var(--sa-font-size-xs);
}

.superadmin-storage-overview__total {
    justify-items: end;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.superadmin-storage-overview__bar {
    grid-column: 1 / -1;
}

.superadmin-storage-overview__bar .superadmin-gauge__fill {
    background: var(--sa-storage-primary);
}

.superadmin-storage-overview__breakdown {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: var(--sa-storage-breakdown-columns);
    gap: var(--sa-storage-gap);
}

.superadmin-storage-overview__breakdown > span {
    display: grid;
    gap: var(--sa-space-xs);
    min-width: 0;
    color: var(--sa-storage-text);
    font-size: var(--sa-font-size-sm);
    font-variant-numeric: tabular-nums;
}

.superadmin-storage-overview__breakdown small {
    color: var(--sa-storage-muted);
    font-size: var(--sa-font-size-xs);
}

.superadmin-storage-overview__database--logical,
.superadmin-storage-overview__database--stale {
    padding-left: var(--sa-space-sm);
    background: var(--sa-storage-warning-background);
    border-radius: var(--sa-storage-radius);
}

.superadmin-storage-overview__database--logical,
.superadmin-storage-overview__database--logical small,
.superadmin-storage-overview__database--stale,
.superadmin-storage-overview__database--stale small {
    color: var(--sa-storage-warning);
}