/* Standalone device shell only; desktop navigation/layout remains shared. */
body.clock-device { margin: 0; min-height: 100dvh; background: #f4f7fa; }
.clock-device .device-setup { max-width: 36rem; margin: 8vh auto; padding: 1.5rem; }
.clock-device .timeclock-kiosk-body { padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); }
.clock-device.timeclock-kiosk-login .timeclock-kiosk-body { min-height: 100dvh; }