.backups-workspace {
    width: 100%;
}

.backups-health-skeleton {
    width: 100%;
    border-radius: var(--rg-shape-card);
}

.backups-health-fact-skeleton {
    display: grid;
    gap: var(--rg-space-2);
}

.backups-health-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.8fr);
    align-items: center;
    gap: var(--rg-space-6);
    min-height: 150px;
    padding: var(--rg-space-5);
    border-radius: var(--rg-shape-card);
}

.backups-health-status {
    min-width: 0;
}

.backups-health-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--rg-space-5);
    min-width: 0;
    padding-left: var(--rg-space-6);
    border-left: 1px solid var(--mud-palette-divider);
}

.backups-health-reasons {
    margin-top: var(--rg-space-1);
    padding: 0;
}

.backups-health-reasons .mud-list-item {
    padding-inline: 0;
}

.backups-storage-efficiency {
    display: grid;
    gap: var(--rg-space-1);
}

.backups-efficiency-progress {
    height: 6px;
    border-radius: var(--m3-shape-xs);
}

.backups-health-facts > div {
    min-width: 0;
}

.backups-health-facts .mud-typography-body1 {
    overflow: hidden;
    font-weight: var(--rg-font-weight-medium);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.backups-detail-panel {
    position: relative;
    padding: var(--rg-space-5);
    border-radius: var(--rg-shape-card);
    overflow: hidden;
}

.backups-saving-progress {
    position: absolute;
    inset: 0 0 auto;
    border-radius: var(--rg-shape-card) var(--rg-shape-card) 0 0;
}

.backups-tabs {
    align-self: stretch;
    width: 100%;
    padding-inline: 0;
}

.backups-tabs .mud-tabs-tabbar {
    width: fit-content;
    max-width: calc(100% - (2 * var(--rg-space-3)));
    margin-inline: var(--rg-space-3);
}

.backups-tabs .mud-tabs-panels {
    padding-top: 0;
}

.backups-tabs .mud-tabs-panels,
.backups-tab-panel,
.backups-tab-panel > .backups-detail-panel {
    min-height: 240px;
}

.backups-tab-panel {
    display: flex;
}

.backups-tab-panel > .backups-detail-panel {
    width: 100%;
}

.backups-current-schedule {
    display: flex;
    align-items: center;
    gap: var(--rg-space-3);
    padding: var(--rg-space-3) var(--rg-space-4);
    border-radius: var(--rg-shape-card);
    background: var(--rg-surface-raised);
}

.backups-current-schedule > .mud-icon-root {
    color: var(--mud-palette-text-secondary);
}

.backups-detail-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
    gap: var(--rg-space-4);
}

.backups-detail-list > div {
    display: flex;
    flex-direction: column;
    gap: var(--rg-space-1);
}

.backups-detail-list span {
    color: var(--mud-palette-text-secondary);
    font-size: 0.8125rem;
}

.backups-detail-list strong {
    font-weight: var(--rg-font-weight-medium);
}

.backups-detail-heading,
.backups-detail-actions {
    flex-wrap: wrap;
}

.backups-detail-actions {
    justify-content: flex-end;
}

.backups-history-table .mud-table-cell {
    vertical-align: middle;
}

.backups-archive-identity {
    min-width: 14rem;
    max-width: 28rem;
}

.backups-archive-storage {
    min-width: 10rem;
}

.backups-archive-actions {
    width: var(--rg-control-height-md);
}

@media (max-width: 959.98px) {
    .backups-health-panel {
        grid-template-columns: 1fr;
    }

    .backups-health-facts {
        padding-top: var(--rg-space-4);
        padding-left: 0;
        border-top: 1px solid var(--mud-palette-divider);
        border-left: 0;
    }
}

@media (max-width: 599.98px) {
    .backups-detail-panel,
    .backups-health-panel {
        padding: var(--rg-space-4);
    }

    .backups-health-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 399.98px) {
    .backups-health-facts {
        grid-template-columns: 1fr;
    }

    .backups-detail-actions {
        justify-content: flex-start;
    }
}