/* Global 1920×1080 Scaling Base Styles */

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    /* Prevent text blur from scaling */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
}

/* Root container - fixed 1920×1080 design size */
#appRoot,
#kioskRoot,
.register-app,
.kitchen-app,
.customer-app {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top left;
    overflow: hidden;
}

/* Ensure all content is inside the root */
#appRoot > *,
#kioskRoot > *,
.register-app > *,
.kitchen-app > *,
.customer-app > * {
    position: relative;
}

/* High-quality image rendering */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    max-width: 100%;
    height: auto;
}