/* =========================================================
   ERPPlus global desktop density
   At browser zoom 100%, render the desktop application at the
   same visual density as the previous browser zoom 75% view.

   Important: CSS zoom scales 100vh as well, so full-viewport
   shells must use the inverse height (100 / .75 = 133.3333vh)
   or the lower 25% of the screen appears empty.
   ========================================================= */

:root {
    --erp-desktop-density-scale: .75;
    --erp-desktop-density-viewport-height: 133.333333dvh;
}

@media screen and (min-width: 1121px) {
    body {
        zoom: var(--erp-desktop-density-scale) !important;
        min-height: var(--erp-desktop-density-viewport-height) !important;
    }

    .erp-shell-reference,
    .erp-shell-clean,
    .erp-shell-final {
        height: var(--erp-desktop-density-viewport-height) !important;
        min-height: var(--erp-desktop-density-viewport-height) !important;
    }

    .erp-main-reference,
    .erp-workspace-clean,
    .erp-main-final,
    .erp-sidebar-reference,
    .erp-sidebar-clean,
    .erp-sidebar-final {
        height: var(--erp-desktop-density-viewport-height) !important;
        min-height: var(--erp-desktop-density-viewport-height) !important;
    }

    .erp-empty-layout,
    .auth-page,
    .public-site-shell,
    #erp-startup-shell {
        min-height: var(--erp-desktop-density-viewport-height) !important;
    }
}

@media print {
    body {
        zoom: 1 !important;
    }
}