/* PARKING_UI_SCALE_80_V1_START */
/* One application-wide scale contract. Keep browser zoom at 100%. */
:root {
  --parking-ui-scale-desktop: 0.8;
  --parking-ui-scale-mobile: 1;
  --parking-ui-scale-breakpoint: 1100px;
}

/* CSS zoom preserves layout flow and fixed descendants better than a
   transform-based wrapper. Unsupported browsers safely keep scale 1. */
@media screen and (min-width: 1100px) {
  @supports (zoom: 1) {
    html {
      zoom: var(--parking-ui-scale-desktop);
    }
  }
}

@media screen and (max-width: 1099.98px) {
  @supports (zoom: 1) {
    html {
      zoom: var(--parking-ui-scale-mobile);
    }
  }
}

/* Keep Firefox on the safe, unscaled layout if its zoom implementation is
   unavailable or differs from Chromium's layout behavior. */
@-moz-document url-prefix() {
  html {
    zoom: var(--parking-ui-scale-mobile) !important;
  }
}

/* Keep print geometry owned by each print template. */
@media print {
  html {
    zoom: 1 !important;
  }
}
/* PARKING_UI_SCALE_80_V1_END */