/* Responsive backend scaling.
   The complete backend interface, including typography, is scaled from a
   1440 x 900 reference viewport. This keeps text visually proportional on
   different resolutions while sensible limits protect usability. */
:root {
  --backend-scale: 1;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body.admin-page,
body.login-page {
  zoom: var(--backend-scale);
}

/* Firefox does not support CSS zoom. Scale the root font as a graceful
   fallback; most form controls and inherited backend text follow it. */
@supports not (zoom: 1) {
  html {
    font-size: calc(16px * var(--backend-scale));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.admin-page,
  body.login-page {
    transition: none;
  }
}