/* Follow-up fixes for sticky section navigation and long marketing directories. */
.superadmin-body .superadmin-tenant-subnav {
    top: 0;
    padding-block: 0.25rem;
    background: var(--sa-color-bg);
    box-shadow: 0 8px 12px -12px var(--sa-color-shadow);
}

.superadmin-body section[id] {
    scroll-margin-top: 4.25rem;
}

.superadmin-body .superadmin-email-directory-search {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-top: var(--sa-border);
}

.superadmin-body .superadmin-email-directory-search input[type="search"] {
    flex: 1 1 16rem;
    max-width: 28rem;
}

.superadmin-body .superadmin-email-directory-search a {
    color: var(--sa-color-primary-strong);
    font-size: 0.875rem;
}

.superadmin-body .superadmin-email-directory-pager {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.625rem 1.25rem;
    border-top: var(--sa-border);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
}

.superadmin-body .superadmin-email-directory-pager a {
    color: var(--sa-color-primary-strong);
    font-weight: 600;
    text-decoration: none;
}

.superadmin-body .superadmin-email-directory-pager a:hover {
    text-decoration: underline;
}

.superadmin-body .superadmin-email-panel .superadmin-table-wrap {
    overflow-x: auto;
}

.superadmin-body .superadmin-email-table thead th {
    white-space: normal;
}

@media (min-width: 68.8125rem) {
    .superadmin-body .superadmin-email-table {
        min-width: 82rem;
    }
}

@media (max-width: 37.5rem) {
    .superadmin-body .superadmin-tenant-subnav {
        top: auto;
        overflow-x: auto;
        box-shadow: none;
    }

    .superadmin-body .superadmin-email-directory-search,
    .superadmin-body .superadmin-email-directory-pager {
        padding-inline: 1rem;
    }
}
