/**
 * Global UI scale: 90% is the design baseline ("100%") on any viewport.
 * Adjust --app-scale in one place to change density app-wide.
 */
:root {
    --app-scale: 0.9;
    /* Compensate layout viewport so full-height UI fills the screen after zoom */
    --app-vh: calc(100vh / var(--app-scale));
}

html {
    zoom: var(--app-scale);
    min-height: var(--app-vh);
}

body {
    min-height: var(--app-vh);
}

/* Fallback when zoom is unavailable (e.g. older Firefox) */
@supports not (zoom: 1) {
    body {
        transform: scale(var(--app-scale));
        transform-origin: top center;
        width: calc(100% / var(--app-scale));
        min-height: calc(100vh / var(--app-scale));
    }
}