/* Front kiosk UI */
html, body { height:100%; margin:0; }
.nfcms-root { height:100vh; background:#111; color:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.nfcms-screen { width:100%; height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.nfcms-screen.result { text-align:center; text-shadow: 0 2px 0 rgba(0,0,0,.2); }
#nfcms-result-status { font-size: clamp(48px, 12vw, 160px); margin:.2em 0; text-transform:uppercase; }
#nfcms-result-name { font-size: clamp(36px, 6vw, 96px); font-weight:800; margin:.2em 0; }
#nfcms-result-visits { font-size: clamp(28px, 5vw, 72px); margin:.2em 0; }
#nfcms-result-reason { font-size: clamp(24px, 4.2vw, 56px); font-weight:800; margin:.2em 0; color:#ffdede; }
.nfcms-fs-btn { position: fixed; top: 12px; right: 12px; z-index: 9999; font-size:16px; padding:.6em 1em; border-radius:8px; border:none; background:#222; color:#fff; opacity:.8; }