.content-page:is(.content-spacing-tight, .content-spacing-centered) {
    padding: .3125rem !important;
}

.topbar-badge {
    color: var(--ins-black) !important;
}

.content-page:is(.content-spacing-tight, .content-spacing-centered) > .container-fluid {
    padding: 0 !important;
    margin-bottom: .3125rem !important;
}

.content-page.content-spacing-centered {
    padding-top: 1.25rem !important;
}

.content-page.content-spacing-centered > .container-fluid {
    padding-right: .234375rem !important;
    padding-left: .234375rem !important;
    margin-bottom: 1.25rem !important;
}

.content-page.content-spacing-centered > .container-fluid > .row:last-child > * > .card:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .content-page.content-spacing-centered > .container-fluid {
        padding-right: calc(110px + .5rem) !important;
        padding-left: calc(110px + .5rem) !important;
    }
}

@media (min-width: 1200px) {
    .content-page.content-spacing-centered > .container-fluid {
        padding-right: calc(var(--ins-sidenav-width) + 1rem) !important;
        padding-left: calc(var(--ins-sidenav-width) + 1rem) !important;
    }
}

/* Surface-class desktop screens: high-res panels often report ~1368 CSS px wide.
   Keep the 1920px desktop gutter, but make this tablet-desktop band less squished. */
@media (min-width: 1200px) and (max-width: 1535.98px) {
    .content-page.content-spacing-centered > .container-fluid {
        padding-right: calc((var(--ins-sidenav-width) + 1rem) / 2) !important;
        padding-left: calc((var(--ins-sidenav-width) + 1rem) / 2) !important;
    }

    .tp-admin-face .app-topbar .topbar-menu {
        flex-wrap: nowrap;
        align-items: center;
        overflow: visible;
    }

    .tp-admin-face .app-topbar .topbar-menu > .d-flex {
        min-width: 0;
        flex-wrap: nowrap;
    }

    .tp-admin-face .app-topbar .logo-topbar {
        padding-right: .75rem;
        padding-left: .75rem;
        white-space: nowrap;
    }

    .tp-admin-face .app-topbar .topbar-item > .topbar-link {
        white-space: nowrap;
    }

    .tp-admin-face .app-topbar .app-search {
        display: none !important;
    }
}
