:root {
    --sa-hero-avatar-size: 3.5rem;
    --sa-hero-kpi-min: 9.5rem;
    --sa-hero-storage-files: #35618a;
    --sa-hero-storage-backups: #6b8aa6;
    --sa-hero-storage-database: #a5bccd;
    --sa-role-guidance-gap: 0.75rem;
    --sa-role-guidance-padding: 1rem;
    --sa-role-guidance-label-size: 0.8125rem;
    --sa-role-guidance-title-size: 1rem;
    --sa-role-guidance-line-height: 1.4;
    --sa-role-guidance-column-min: 10rem;
    --sa-role-guidance-zero: 0;
    --sa-status-dialog-width: 32rem;
    --sa-status-dialog-gap: var(--sa-space-md);
    --sa-status-dialog-padding: var(--sa-space-lg);
    --sa-status-dialog-backdrop-opacity: 58%;
    --sa-status-dialog-backdrop: color-mix(in srgb, var(--sa-color-sidebar) var(--sa-status-dialog-backdrop-opacity), transparent);
    --sa-tenant-disclosure-gap: var(--sa-space-sm);
    --sa-tenant-disclosure-padding: var(--sa-space-md);
    --sa-tenant-disclosure-background: var(--sa-color-panel-soft);
    --sa-tenant-touch-target: 2.75rem;
    --sa-tenant-focus-outline: 2px solid var(--sa-color-focus);
}
.superadmin-tenant-hero {
    display: grid;
    gap: 1.25rem;
    margin-bottom: 1rem;
    padding: 1.5rem;
    background: var(--sa-color-panel);
    border: var(--sa-border);
    border-radius: var(--sa-radius-lg);
    box-shadow: var(--sa-shadow);
}
.superadmin-tenant-hero__top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}
.superadmin-tenant-hero__identity {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    min-width: 0;
}
.superadmin-tenant-hero__avatar {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: var(--sa-hero-avatar-size);
    height: var(--sa-hero-avatar-size);
    color: var(--sa-color-panel);
    background: var(--sa-color-sidebar);
    border-radius: var(--sa-radius-md);
    font-family: var(--sa-font-display);
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}
.superadmin-tenant-hero__identity h1 {
    margin: 0;
    font-family: var(--sa-font-display);
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
    overflow-wrap: anywhere;
}
.superadmin-tenant-hero__domains {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.625rem;
}
.superadmin-tenant-hero__domain {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.75rem;
    color: var(--sa-color-label);
    background: var(--sa-color-panel-soft);
    border: var(--sa-border);
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.superadmin-tenant-hero__domain:hover,
.superadmin-tenant-hero__domain:focus-visible {
    color: var(--sa-color-text);
    border-color: var(--sa-color-border-strong);
}
.superadmin-tenant-hero__domain--empty {
    color: var(--sa-color-muted);
}
.superadmin-tenant-hero__side {
    display: grid;
    gap: 0.75rem;
    justify-items: end;
}
.superadmin-tenant-hero__kpis {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--sa-hero-kpi-min), 1fr));
    gap: 0.75rem;
    margin: 0;
    padding-top: 1.25rem;
    border-top: var(--sa-border);
}
.superadmin-tenant-hero__kpi {
    display: grid;
    gap: 0.375rem;
    min-width: 0;
    padding: 0.75rem;
    background: var(--sa-color-panel-soft);
    border: var(--sa-border);
    border-radius: var(--sa-radius-md);
}
.superadmin-tenant-hero__kpi dt {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--sa-color-muted);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.superadmin-tenant-hero__kpi dd {
    display: grid;
    gap: 0.25rem;
    margin: 0;
}
.superadmin-tenant-hero__kpi strong {
    font-family: var(--sa-font-display);
    font-size: 1.1875rem;
    font-variant-numeric: tabular-nums;
    font-weight: 800;
    line-height: 1.15;
    overflow-wrap: anywhere;
}
.superadmin-tenant-hero__kpi small {
    color: var(--sa-color-muted);
    font-size: 0.75rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.superadmin-tenant-hero__fill--warn {
    background: var(--sa-color-lamp-warn);
}
.superadmin-tenant-hero__fill--critical {
    background: var(--sa-color-lamp-critical);
}
.superadmin-tenant-hero__storage {
    display: grid;
    gap: 0.5rem;
    margin: 0;
}
.superadmin-tenant-hero__storage-bar {
    display: flex;
    height: 0.625rem;
    background: var(--sa-color-border);
    border-radius: 999px;
    overflow: hidden;
}
.superadmin-tenant-hero__segment {
    display: block;
    height: 100%;
}
.superadmin-tenant-hero__segment--files {
    background: var(--sa-hero-storage-files);
}
.superadmin-tenant-hero__segment--backups {
    background: var(--sa-hero-storage-backups);
}
.superadmin-tenant-hero__segment--database {
    background: var(--sa-hero-storage-database);
}
.superadmin-tenant-hero__segment--w0 { width: 0; }
.superadmin-tenant-hero__segment--w5 { width: 5%; }
.superadmin-tenant-hero__segment--w10 { width: 10%; }
.superadmin-tenant-hero__segment--w15 { width: 15%; }
.superadmin-tenant-hero__segment--w20 { width: 20%; }
.superadmin-tenant-hero__segment--w25 { width: 25%; }
.superadmin-tenant-hero__segment--w30 { width: 30%; }
.superadmin-tenant-hero__segment--w35 { width: 35%; }
.superadmin-tenant-hero__segment--w40 { width: 40%; }
.superadmin-tenant-hero__segment--w45 { width: 45%; }
.superadmin-tenant-hero__segment--w50 { width: 50%; }
.superadmin-tenant-hero__segment--w55 { width: 55%; }
.superadmin-tenant-hero__segment--w60 { width: 60%; }
.superadmin-tenant-hero__segment--w65 { width: 65%; }
.superadmin-tenant-hero__segment--w70 { width: 70%; }
.superadmin-tenant-hero__segment--w75 { width: 75%; }
.superadmin-tenant-hero__segment--w80 { width: 80%; }
.superadmin-tenant-hero__segment--w85 { width: 85%; }
.superadmin-tenant-hero__segment--w90 { width: 90%; }
.superadmin-tenant-hero__segment--w95 { width: 95%; }
.superadmin-tenant-hero__segment--w100 { width: 100%; }
.superadmin-tenant-hero__storage-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem 1.25rem;
    color: var(--sa-color-muted);
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
}
.superadmin-tenant-hero__storage-legend span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.superadmin-tenant-basics__integrity-form {
    display: grid;
    gap: var(--sa-status-dialog-gap);
    margin-top: var(--sa-status-dialog-gap);
    padding-top: var(--sa-status-dialog-gap);
    border-top: var(--sa-border);
}
.superadmin-tenant-hero__dot {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
}
.superadmin-tenant-hero__dot--files {
    background: var(--sa-hero-storage-files);
}
.superadmin-tenant-hero__dot--backups {
    background: var(--sa-hero-storage-backups);
}
.superadmin-tenant-hero__dot--database {
    background: var(--sa-hero-storage-database);
}
.superadmin-tenant-subnav {
    position: sticky;
    top: 0.75rem;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
    padding: 0;
    background: transparent;
    border-block-end: var(--sa-border);
    border-radius: 0;
    box-shadow: none;
}
.superadmin-tenant-subnav a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: var(--sa-tenant-touch-target);
    padding: 0.625rem 0.75rem;
    color: var(--sa-color-label);
    border-radius: 0;
    border-block-end: 2px solid transparent;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.superadmin-tenant-subnav a:hover,
.superadmin-tenant-subnav a:focus-visible {
    color: var(--sa-color-primary-strong);
    background: transparent;
    border-block-end-color: var(--sa-color-primary);
}
.superadmin-tenant-subnav .bi {
    color: var(--sa-color-muted);
    font-size: 0.9375rem;
}

.superadmin-tenant-disclosure {
    min-width: 0;
}

.superadmin-tenant-disclosure > summary {
    list-style: none;
    cursor: pointer;
}

.superadmin-tenant-disclosure > summary::-webkit-details-marker {
    display: none;
}

.superadmin-tenant-disclosure__summary {
    position: relative;
    padding-right: calc(var(--sa-tenant-disclosure-padding) + var(--sa-size-control));
}

.superadmin-tenant-disclosure__summary::after {
    position: absolute;
    top: 50%;
    right: var(--sa-tenant-disclosure-padding);
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    content: '';
    transform: translateY(-65%) rotate(45deg);
    transition: transform 0.15s ease;
}

.superadmin-tenant-disclosure[open] > .superadmin-tenant-disclosure__summary::after {
    transform: translateY(-35%) rotate(225deg);
}

.superadmin-tenant-disclosure > summary:focus-visible {
    outline: var(--sa-tenant-focus-outline);
    outline-offset: -3px;
}

.superadmin-tenant-disclosure__summary > span {
    display: grid;
    gap: var(--sa-space-xs);
}

.superadmin-tenant-disclosure__summary strong {
    color: var(--sa-color-text);
    font-size: var(--sa-font-size-md);
}

.superadmin-tenant-disclosure__summary small {
    color: var(--sa-color-muted);
    font-size: var(--sa-font-size-sm);
    font-weight: 400;
}

.superadmin-tenant-disclosure--technical {
    display: grid;
    gap: var(--sa-tenant-disclosure-gap);
    border: var(--sa-border);
    border-radius: var(--sa-radius-md);
    overflow: hidden;
}

.superadmin-tenant-disclosure--technical > summary {
    padding: var(--sa-tenant-disclosure-padding);
    background: var(--sa-tenant-disclosure-background);
}

.superadmin-tenant-disclosure--technical > .superadmin-tenant__meta,
.superadmin-tenant-disclosure--technical > .superadmin-tenant-basics__integrity-form {
    margin-inline: var(--sa-tenant-disclosure-padding);
}

.superadmin-tenant-disclosure--technical > .superadmin-tenant-basics__integrity-form {
    margin-bottom: var(--sa-tenant-disclosure-padding);
}

.superadmin-tenant-disclosure--nested {
    display: grid;
    gap: 0;
    border: var(--sa-border);
    border-radius: var(--sa-radius-md);
    overflow: hidden;
}

.superadmin-tenant-disclosure--nested > summary {
    padding: var(--sa-tenant-disclosure-padding);
    background: var(--sa-tenant-disclosure-background);
}

.superadmin-tenant-disclosure--nested > .superadmin-backup-workspace {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.superadmin-tenant-disclosure .superadmin-panel__body {
    min-width: 0;
}

.superadmin-tenant-disclosure .superadmin-table__actions .superadmin-icon-button,
.superadmin-tenant-disclosure .superadmin-button,
.superadmin-tenant-hero .superadmin-status-actions .superadmin-button {
    min-height: var(--sa-tenant-touch-target);
}
.superadmin-tenant-hero--band {
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
}
.superadmin-tenant-hero__kpis--flush {
    padding-top: 0;
    border-top: 0;
}
.superadmin-chiprow {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}
.superadmin-role-guidance {
    display: grid;
    gap: var(--sa-role-guidance-gap);
    margin-block: var(--sa-role-guidance-gap);
    padding: var(--sa-role-guidance-padding);
    background: var(--sa-color-panel-soft);
    border: var(--sa-border);
    border-radius: var(--sa-radius-md);
}
.superadmin-role-guidance h3,
.superadmin-role-guidance p {
    margin: var(--sa-role-guidance-zero);
}
.superadmin-role-guidance h3 {
    color: var(--sa-color-text);
    font-size: var(--sa-role-guidance-title-size);
}
.superadmin-role-guidance p,
.superadmin-role-guidance dd {
    color: var(--sa-color-muted);
    font-size: var(--sa-role-guidance-label-size);
    line-height: var(--sa-role-guidance-line-height);
}
.superadmin-role-guidance dl {
    display: grid;
    gap: var(--sa-role-guidance-gap);
    grid-template-columns: repeat(auto-fit, minmax(var(--sa-role-guidance-column-min), 1fr));
    margin: var(--sa-role-guidance-zero);
}
.superadmin-role-guidance dt,
.superadmin-role-guidance dd {
    margin: var(--sa-role-guidance-zero);
}
.superadmin-role-guidance dt {
    color: var(--sa-color-label);
    font-weight: 700;
}
.superadmin-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.75rem;
    color: var(--sa-color-label);
    background: var(--sa-color-panel);
    border: var(--sa-border);
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.superadmin-chip .bi {
    color: var(--sa-color-muted);
}
.superadmin-status-dialog {
    width: min(var(--sa-status-dialog-width), calc(100% - (var(--sa-status-dialog-gap) * 2)));
    padding: var(--sa-role-guidance-zero);
    color: var(--sa-color-text);
    background: var(--sa-color-panel);
    border: var(--sa-border);
    border-radius: var(--sa-radius-lg);
    box-shadow: var(--sa-shadow);
}
.superadmin-status-dialog::backdrop { background: var(--sa-status-dialog-backdrop); }
.superadmin-status-dialog__content {
    display: grid;
    grid-template-columns: auto minmax(var(--sa-role-guidance-zero), 1fr);
    gap: var(--sa-status-dialog-gap);
    padding: var(--sa-status-dialog-padding);
}
.superadmin-status-dialog__content > .bi { color: var(--sa-color-warning); }
.superadmin-status-dialog h2,
.superadmin-status-dialog p { margin: var(--sa-role-guidance-zero); }
.superadmin-status-dialog p + p { margin-top: var(--sa-status-dialog-gap); color: var(--sa-color-muted); }
.superadmin-status-dialog__actions {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--sa-status-dialog-gap);
}
#tenant-basics,
#tenant-usage,
#tenant-history,
#tenant-access,
#tenant-events,
#platform-status,
#platform-stats,
#companies,
#storage-distribution,
#recent-events,
#vps-status,
#vps-runtime,
#vps-cleanup {
    scroll-margin-top: 5rem;
}
@media (max-width: 900px) {
    .superadmin-tenant-hero {
        padding: 1rem;
    }
    .superadmin-tenant-hero__side {
        justify-items: start;
    }
    .superadmin-tenant-subnav {
        position: static;
    }
}

@media (max-width: 600px) {
    .superadmin-tenant-subnav {
        flex-wrap: nowrap;
        margin-inline: calc(var(--sa-space-sm) * -1);
        padding-inline: var(--sa-space-sm);
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .superadmin-tenant-subnav a {
        flex: 0 0 auto;
    }

    .superadmin-tenant-hero__identity {
        align-items: flex-start;
    }

    .superadmin-tenant-hero__identity h1 {
        font-size: 1.5rem;
    }

    .superadmin-tenant-hero__kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .superadmin-tenant-disclosure__summary {
        padding: var(--sa-space-md);
    }

    .superadmin-tenant-disclosure--technical > .superadmin-tenant__meta,
    .superadmin-tenant-disclosure--technical > .superadmin-tenant-basics__integrity-form {
        margin-inline: var(--sa-space-md);
    }
}

@media (prefers-reduced-motion: reduce) {
    .superadmin-tenant-disclosure__summary::after {
        transition: none;
    }
}