.superadmin-cleanup-safety {
    display: grid;
    grid-template-columns: var(--sa-size-icon) minmax(0, 1fr);
    gap: var(--sa-cleanup-inline-gap);
    align-items: start;
    padding: var(--sa-cleanup-control-padding);
    color: var(--sa-color-success);
    background: var(--sa-color-success-soft);
    border: var(--sa-border);
    border-radius: var(--sa-radius-md);
}

.superadmin-cleanup-safety > i {
    font-size: var(--sa-cleanup-title-size);
}

.superadmin-cleanup-safety code {
    color: inherit;
    font-family: inherit;
}

.superadmin-cleanup-details {
    border-block: var(--sa-border);
}

.superadmin-cleanup-details summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--sa-cleanup-inline-gap);
    padding: var(--sa-cleanup-control-padding) var(--sa-cleanup-zero);
    color: var(--sa-color-label);
    cursor: pointer;
    list-style: none;
}

.superadmin-cleanup-details summary::-webkit-details-marker {
    display: none;
}

.superadmin-cleanup-details summary span {
    display: inline-flex;
    align-items: center;
    gap: var(--sa-cleanup-inline-gap);
    font-size: var(--sa-font-size-sm);
    font-weight: 700;
}

.superadmin-cleanup-details summary small {
    color: var(--sa-color-muted);
    font-size: var(--sa-font-size-xs);
}

.superadmin-cleanup-details summary i {
    transition: transform var(--sa-cleanup-transition);
}

.superadmin-cleanup-details[open] summary i {
    transform: rotate(90deg);
}

.superadmin-cleanup-details dl {
    display: grid;
    grid-template-columns: var(--sa-cleanup-detail-columns);
    margin: var(--sa-cleanup-zero);
    border-top: var(--sa-border);
}

.superadmin-cleanup-details dl > div {
    display: grid;
    gap: var(--sa-cleanup-control-gap);
    min-width: var(--sa-cleanup-zero);
    padding: var(--sa-cleanup-control-padding);
    border-bottom: var(--sa-border);
}

.superadmin-cleanup-details dt,
.superadmin-cleanup-details dd {
    margin: var(--sa-cleanup-zero);
}

.superadmin-cleanup-details dt {
    color: var(--sa-color-muted);
    font-size: var(--sa-font-size-xs);
}

.superadmin-cleanup-details dd {
    color: var(--sa-color-label);
    font-size: var(--sa-font-size-sm);
    overflow-wrap: anywhere;
}

.superadmin-cleanup-details__protected {
    display: grid;
    gap: var(--sa-cleanup-inline-gap);
    padding: var(--sa-cleanup-control-padding);
}

.superadmin-cleanup-details__protected ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sa-cleanup-inline-gap);
    margin: var(--sa-cleanup-zero);
    padding: var(--sa-cleanup-zero);
    color: var(--sa-color-muted);
    font-size: var(--sa-font-size-xs);
    list-style: none;
}

.superadmin-cleanup-breakdown {
    display: grid;
    gap: var(--sa-cleanup-inline-gap);
}

.superadmin-cleanup-breakdown h4 {
    margin: var(--sa-cleanup-zero);
    color: var(--sa-color-text);
    font-size: var(--sa-font-size-sm);
}

.superadmin-cleanup-breakdown table {
    width: var(--sa-cleanup-full);
    border-collapse: collapse;
}

.superadmin-cleanup-breakdown caption {
    padding-bottom: var(--sa-cleanup-control-gap);
    color: var(--sa-color-muted);
    font-size: var(--sa-font-size-xs);
    text-align: left;
}

.superadmin-cleanup-breakdown th,
.superadmin-cleanup-breakdown td {
    padding: var(--sa-cleanup-control-padding);
    border-block: var(--sa-border);
    color: var(--sa-color-label);
    font-size: var(--sa-font-size-sm);
    text-align: left;
}

.superadmin-cleanup-breakdown thead th {
    color: var(--sa-color-muted);
    font-size: var(--sa-font-size-xs);
    text-transform: uppercase;
}

.superadmin-cleanup-breakdown tbody th {
    color: var(--sa-color-text);
}

:root {
    --sa-server-section-gap: var(--sa-space-lg);
    --sa-server-inline-gap: var(--sa-space-sm);
    --sa-server-surface-padding: var(--sa-space-lg);
    --sa-server-card-padding: var(--sa-space-md);
    --sa-server-gauge-columns: repeat(3, minmax(0, 1fr));
    --sa-server-fact-columns: repeat(3, minmax(0, 1fr));
    --sa-server-runtime-columns: repeat(4, minmax(0, 1fr));
    --sa-server-empty-columns: var(--sa-size-icon) minmax(0, 1fr) auto;
    --sa-server-live-controls-columns: auto auto;
    --sa-server-gauge-track-height: var(--sa-space-xs);
    --sa-server-metric-value-size: var(--sa-font-size-md);
    --sa-server-fact-label-column: minmax(0, 1fr);
    --sa-server-fact-value-column: minmax(0, 1fr);
}

.superadmin-server {
    display: grid;
    gap: var(--sa-server-section-gap);
}

.superadmin-server .superadmin-panel__header {
    align-items: flex-start;
}

.superadmin-server__eyebrow {
    margin: var(--sa-cleanup-zero);
    color: var(--sa-color-primary);
    font-size: var(--sa-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
}

.superadmin-server__metrics,
.superadmin-server__facts {
    display: grid;
    gap: var(--sa-server-inline-gap);
}

.superadmin-server__section-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--sa-server-inline-gap);
    padding-inline: var(--sa-server-surface-padding);
}

.superadmin-server__section-heading h3 {
    margin: var(--sa-cleanup-zero);
    color: var(--sa-color-text);
    font-size: var(--sa-cleanup-title-size);
}

.superadmin-server__section-heading p {
    margin: var(--sa-cleanup-control-gap) var(--sa-cleanup-zero) var(--sa-cleanup-zero);
    color: var(--sa-color-muted);
    font-size: var(--sa-font-size-sm);
}

.superadmin-server .superadmin-gauge-grid {
    grid-template-columns: var(--sa-server-gauge-columns);
    gap: var(--sa-server-inline-gap);
    padding: var(--sa-cleanup-zero) var(--sa-server-surface-padding);
}

.superadmin-server .superadmin-gauge {
    gap: var(--sa-server-inline-gap);
    padding: var(--sa-server-card-padding);
    background: var(--sa-color-panel);
    box-shadow: var(--sa-shadow);
}

.superadmin-server .superadmin-gauge__header {
    align-items: flex-start;
    gap: var(--sa-server-inline-gap);
}

.superadmin-server .superadmin-gauge__label {
    display: block;
    color: var(--sa-color-muted);
    font-size: var(--sa-font-size-xs);
}

.superadmin-server .superadmin-gauge__header h3 {
    margin-top: var(--sa-cleanup-control-gap);
}

.superadmin-server .superadmin-gauge__header strong {
    color: var(--sa-color-text);
    font-size: var(--sa-server-metric-value-size);
}

.superadmin-server .superadmin-gauge__track {
    height: var(--sa-server-gauge-track-height);
}

.superadmin-server .superadmin-vps-grid {
    grid-template-columns: var(--sa-server-fact-columns);
    gap: var(--sa-server-inline-gap);
    padding: var(--sa-cleanup-zero) var(--sa-server-surface-padding);
}

.superadmin-server .superadmin-fact-group {
    gap: var(--sa-server-inline-gap);
    padding: var(--sa-server-card-padding);
    background: var(--sa-color-panel);
    box-shadow: var(--sa-shadow);
}

.superadmin-server .superadmin-fact-group > header {
    display: flex;
    align-items: center;
    gap: var(--sa-cleanup-control-gap);
}

.superadmin-server .superadmin-fact-group > header i {
    color: var(--sa-color-primary);
    font-size: var(--sa-font-size-sm);
}

.superadmin-server .superadmin-fact-group h3 {
    color: var(--sa-color-label);
}

.superadmin-server .superadmin-fact-group div {
    display: grid;
    grid-template-columns: var(--sa-server-fact-label-column) var(--sa-server-fact-value-column);
    align-items: baseline;
    gap: var(--sa-cleanup-inline-gap);
}

.superadmin-server .superadmin-fact-group dd {
    min-width: var(--sa-cleanup-zero);
}

.superadmin-server .superadmin-vps-runtime {
    display: grid;
    gap: var(--sa-server-inline-gap);
    margin: var(--sa-cleanup-zero) var(--sa-server-surface-padding);
    padding: var(--sa-server-card-padding);
    background: var(--sa-color-panel);
    box-shadow: var(--sa-shadow);
}

.superadmin-server .superadmin-usage-grid {
    grid-template-columns: var(--sa-server-runtime-columns);
    gap: var(--sa-server-inline-gap);
}

.superadmin-server .superadmin-usage {
    min-height: var(--sa-cleanup-target-min-height);
    padding: var(--sa-server-card-padding);
}

.superadmin-server__captured {
    margin: var(--sa-cleanup-zero) var(--sa-server-surface-padding) var(--sa-server-surface-padding);
}

.superadmin-server__empty {
    display: grid;
    grid-template-columns: var(--sa-server-empty-columns);
    gap: var(--sa-server-inline-gap);
    align-items: start;
    margin: var(--sa-cleanup-zero) var(--sa-server-surface-padding) var(--sa-server-surface-padding);
    padding: var(--sa-server-surface-padding);
    color: var(--sa-color-info);
    background: var(--sa-color-info-soft);
    border: var(--sa-border);
    border-radius: var(--sa-radius-md);
}

.superadmin-server__empty > i {
    font-size: var(--sa-cleanup-title-size);
}

.superadmin-server .superadmin-server__empty > div {
    display: grid;
    gap: var(--sa-cleanup-control-gap);
}

.superadmin-server .superadmin-server__empty strong {
    color: var(--sa-color-label);
    font-size: var(--sa-font-size-sm);
}

.superadmin-server__empty p {
    margin: var(--sa-cleanup-zero);
    color: var(--sa-color-muted);
    font-size: var(--sa-font-size-sm);
}