/* Loaded explicitly by user-facing layouts only, including their dialogs.
   Admin pages, phone/tablet breakpoints and print keep their original scale. */
@media screen and (min-width:1024px){
  @supports (zoom:1.1){
    :root{
      --desktop-ui-scale:1.1;
      --desktop-vw:calc(100vw / var(--desktop-ui-scale));
      --desktop-vh:calc(100vh / var(--desktop-ui-scale));
      --desktop-dvh:var(--desktop-vh);
      zoom:var(--desktop-ui-scale);
    }
    @supports (height:100dvh){
      :root{--desktop-dvh:calc(100dvh / var(--desktop-ui-scale))}
    }

    /* Viewport units do not shrink with CSS zoom. Keep full-height layouts
       and overlays within the visible viewport after enlarging their UI. */
    :root .auth-page,
    :root .layout{min-height:calc(var(--desktop-vh) - 70px)}
    :root .console-body .sidebar{height:calc(var(--desktop-vh) - 70px)}
    :root .auth-modal-body{max-height:calc(var(--desktop-vh) * .6)}
    :root .csrf-wrap{min-height:var(--desktop-vh)}
    :root .public-pricing-main{min-height:calc(var(--desktop-vh) - 150px)}
    :root body.drive-app .drive-main{min-height:calc(var(--desktop-dvh) - var(--drive-header))}
    :root .public-share{min-height:var(--desktop-dvh)}
    :root .drive-dialog{
      width:min(460px,calc(var(--desktop-vw) - 32px));
      max-height:calc(var(--desktop-dvh) * .9);
    }
    :root .preview-dialog{
      width:min(1200px,calc(var(--desktop-vw) - 48px));
      height:min(820px,calc(var(--desktop-dvh) * .9));
    }
    :root .transfer-panel{max-height:calc(var(--desktop-dvh) * .7)}
    :root .row-menu .row-menu-popover{max-height:min(340px,calc(var(--desktop-dvh) * .65))}
    :root .drive-toast{max-width:calc(var(--desktop-vw) - 30px)}
    :root .share-create-dialog{width:min(580px,calc(var(--desktop-vw) - 32px))}
    :root body.drive-app .drive-trial-dialog{
      width:min(480px,calc(var(--desktop-vw) - 32px));
      max-height:calc(var(--desktop-dvh) - 32px);
    }
    :root .payment-purchase-dialog,
    :root .payment-redeem-dialog{max-height:calc(var(--desktop-dvh) - 48px)}
    :root .app-toast{max-width:min(640px,calc(var(--desktop-vw) - 32px))}
    :root .app-toast-text{max-height:min(400px,calc(var(--desktop-dvh) * .5))}

    :root .hosting-workspace-page{min-height:calc(var(--desktop-dvh) - 70px)}
    :root .hosting-workspace-page .workbench-sites,
    :root .hosting-workbench,
    :root .hosting-settings-page{height:calc(var(--desktop-dvh) - 70px)}
    :root .workbench-notifications{width:min(540px,calc(var(--desktop-vw) * .9))}
    :root .workbench-context-menu{
      max-width:calc(var(--desktop-vw) - 16px);
      max-height:calc(var(--desktop-dvh) - 16px);
    }
    :root .workbench-dialog{width:min(480px,calc(var(--desktop-vw) - 32px))}
    :root .workbench-rename-dialog,
    :root .workbench-move-dialog{max-height:calc(var(--desktop-dvh) - 32px)}
    :root .workbench-upload-dialog{
      width:min(680px,calc(var(--desktop-vw) - 32px));
      max-height:calc(var(--desktop-dvh) - 32px);
    }
    :root .workbench-upload-list{max-height:min(320px,calc(var(--desktop-dvh) * .34))}
    :root .hosting-share-dialog{
      width:min(430px,calc(var(--desktop-vw) - 32px));
      max-height:calc(var(--desktop-vh) - 40px);
    }
  }
}