/* Desktop-only portal density.
   Scale the authenticated content area to match the browser's 75% zoom appearance,
   while keeping the sidebar and its collapse controls at their existing dimensions.
   Tablets and mobile devices remain at their natural scale. */
@media screen and (min-width: 1200px) {
    .app-shell {
        position: relative;
        align-items: start;
    }

    .app-shell > .sidebar {
        position: fixed !important;
        z-index: 50;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        width: 228px !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        overflow: hidden;
        transition: width 180ms ease, padding 180ms ease;
    }

    .app-shell.sidebar-collapsed > .sidebar {
        width: 68px !important;
    }

    .app-shell > .sidebar > .sidebar-logo,
    .app-shell > .sidebar > .sidebar-logout {
        flex: 0 0 auto;
    }

    .app-shell > .sidebar > .sidebar-navigation {
        flex: 1 1 auto;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .app-shell > main {
        grid-column: 2 / 3;
        grid-row: 1;
        width: 133.333333%;
        max-width: none;
        min-width: 0;
        min-height: 133.333333vh;
        zoom: 0.75;
    }
}