:root{--nfih-blue:#3080b0;--nfih-blue-light:#48b0e0;--nfih-dark:#1f506f;--nfih-darker:#173b52;--nfih-paper:#ededed;--nfih-ink:#102f42;--nfih-red:#b91d54;--nfih-green:#1db954;--tile-border:#050505}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--nfih-ink);background:var(--nfih-dark);margin:0}button,input,select{font:inherit}.kiosk-shell{background:var(--nfih-dark);height:100dvh;font-family:var(--font-family),"Segoe UI",Arial,sans-serif;grid-template-columns:minmax(340px,1fr) minmax(360px,1fr);display:grid;overflow:hidden}.presence-column{background:var(--nfih-dark);flex-direction:column;order:1;min-height:0;padding:0;display:flex}.presence-header{width:100%;color:var(--nfih-dark);background:var(--nfih-paper);border:0;border-bottom:1px solid #05050540;border-radius:0;gap:.35rem;margin:0;padding:.85rem 1rem;display:grid}.presence-header div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.presence-header span,.presence-header p{margin:0;font-weight:900}.presence-header strong{color:#fff;background:var(--nfih-blue);border-radius:.35rem;place-items:center;min-width:52px;min-height:44px;font-size:1.45rem;line-height:1;display:grid}.presence-header p{color:#1f506fc7;font-size:.95rem}.presence-list{scrollbar-width:none;flex-direction:column;flex:1;gap:.75rem;width:100%;padding-top:.75rem;display:flex;overflow-y:auto}.presence-list::-webkit-scrollbar{display:none}.active-user,.empty-card{width:100%;min-height:74px;color:var(--nfih-dark);background:var(--nfih-paper);-webkit-user-select:none;user-select:none;border:0;border-bottom:1px solid #05050533;border-radius:0;flex:none;align-items:center;gap:.85rem;margin:0;padding:.85rem 1rem;display:flex}.empty-card{text-align:center;justify-content:center;min-height:96px;font-size:1rem;font-weight:700}.company-mark{place-items:center;width:100px;min-width:100px;min-height:54px;display:grid}.company-mark img{object-fit:contain;max-width:96px;max-height:48px}.company-mark span{width:54px;height:54px;color:var(--nfih-paper);background:var(--nfih-blue);border-radius:.35rem;place-items:center;font-weight:900;display:grid}.active-user h2{margin:0 0 .2rem;font-size:clamp(1.1rem,2vw,1.65rem);line-height:1.1}.active-user p{color:#1f506fc7;text-transform:uppercase;margin:0;font-size:.86rem;font-weight:800}.pin-column{background:var(--nfih-paper);flex-direction:column;order:2;gap:.45rem;min-height:0;padding:.55rem;display:flex;position:relative;overflow:hidden}.brand-panel{background:var(--nfih-paper);grid-template-rows:minmax(58px,1fr);justify-items:center;gap:.25rem;padding:0 .85rem;display:grid;position:relative;overflow:hidden}.nfih-logo{object-fit:contain;width:auto;max-width:min(184px,40vw);height:100%;max-height:100%}.presence-count{width:100%;color:var(--nfih-dark);background:var(--nfih-paper);text-align:center;padding:.2rem .35rem;font-size:clamp(1.05rem,2.4vh,1.65rem);font-weight:800;line-height:1.15}.keypad{flex:auto;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;min-height:0;display:grid;overflow:hidden}.keypad button{border:1px solid var(--tile-border);min-height:0;color:var(--nfih-dark);background:var(--nfih-paper);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.35rem;font-size:clamp(1.8rem,min(7vh,5vw),4.5rem);font-weight:800;transition:background-color .18s,color .18s,transform .12s;overflow:hidden}.keypad button:hover,.keypad button:focus-visible{color:#fff;background:var(--nfih-blue);outline:none}.keypad button:active{background:var(--nfih-blue-light);transform:scale(.98)}.keypad .zero-key{grid-column:span 2}.pin-display{flex:0 0 84px;justify-content:center;align-items:center;width:100%;display:flex}.pin-input{border:1px solid var(--tile-border);background:color-mix(in srgb,var(--nfih-darker)75%,white 25%);width:100%;height:100%;color:var(--nfih-paper);-webkit-user-select:none;user-select:none;border-radius:.35rem;place-items:center;font-size:clamp(1.8rem,min(7vh,5vw),4.5rem);font-weight:900;display:grid}.pin-input:focus{outline:none;box-shadow:0 0 0 3px #2563eb1f}.location-note{color:#1f506fb8;text-align:center;place-items:center;min-height:16px;margin:0;padding:0 .45rem;font-size:clamp(.72rem,1.35vh,.86rem);font-weight:700;display:grid;overflow:hidden}@media (max-width:860px){.kiosk-shell{grid-template-rows:minmax(0,1fr) minmax(110px,.42fr);grid-template-columns:1fr;height:100dvh;overflow:hidden}.pin-column{order:1;grid-template-rows:minmax(106px,.8fr) minmax(0,3.2fr) minmax(34px,auto);min-height:0;overflow:hidden}.presence-column{order:2;min-height:0;overflow:hidden}}@media (max-width:520px){.keypad button{font-size:clamp(1.65rem,7vh,3.4rem)}}