/* Email and telephone entry; loaded after the existing kiosk styles. */
#screen #touchKeyboard{min-height:0;padding:12px 16px 18px;max-height:76%;overflow-y:auto;animation:none}
#screen #touchKeyboard .keyboard-heading{min-height:74px;gap:12px}
#screen #touchKeyboard .keyboard-entry-preview{min-height:68px;background:#fffdf3;text-align:left}
#screen #keyboardPreview{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;text-overflow:clip;max-height:94px;overflow-y:auto;font:700 24px/1.25 Arial,sans-serif;color:#102f20;letter-spacing:0;text-transform:none}
#screen #keyboardPreview.is-empty{font-weight:400;color:#526454}
#screen #keyboardPreview:after{content:none!important}
#screen #touchKeyboard .keyboard-key{height:54px;min-height:44px;touch-action:manipulation}
#screen #touchKeyboard .keyboard-hide{height:48px;min-width:52px;flex:none}
#screen #touchKeyboard.keyboard-email .keyboard-row-3{width:92%;margin-inline:auto}
#screen #touchKeyboard.keyboard-email .keyboard-row-4{width:98%;margin-inline:auto}
#screen #touchKeyboard.keyboard-email .key-shift,#screen #touchKeyboard.keyboard-email .key-backspace{flex:1.35}
#screen #touchKeyboard.keyboard-email .key-enter{flex:2.15}
#screen #touchKeyboard.keyboard-phone,#screen #touchKeyboard.keyboard-numeric{left:10%;right:10%;border:3px solid #e3ac43;border-bottom:0;border-radius:24px 24px 0 0}
#screen #touchKeyboard.keyboard-phone .keyboard-key,#screen #touchKeyboard.keyboard-numeric .keyboard-key{height:58px;max-width:none;font-size:24px}
#screen #touchKeyboard.keyboard-phone .key-clear,#screen #touchKeyboard.keyboard-phone .key-enter{font-size:18px}
#kioskApp.keyboard-open .kiosk-header{display:none!important}
#screen.keyboard-open>.screen-content{height:calc(100% - var(--active-keyboard-height,430px))!important;padding:22px 30px 28px!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:auto;display:block!important;scroll-padding:18px}
#screen .new-guest-form,#screen .guest-transfer-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;max-width:100%;min-width:0}
#screen .new-guest-form .field,#screen .guest-transfer-form .field{min-width:0;max-width:100%}
#screen .new-guest-form input,#screen .new-guest-form textarea,#screen .guest-transfer-form input:not([type="checkbox"]),#screen .guest-transfer-form textarea{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
#screen.keyboard-open input:focus,#screen.keyboard-open textarea:focus{outline:3px solid #e87613;outline-offset:3px}
@media(max-width:600px){
 #screen .new-guest-form,#screen .guest-transfer-form{grid-template-columns:minmax(0,1fr)!important}
 #screen #touchKeyboard{padding:10px 6px 12px}
 #screen #touchKeyboard .keyboard-row{gap:3px}
 #screen #touchKeyboard .keyboard-key{height:46px;font-size:17px;border-radius:8px}
 #screen #touchKeyboard .key-enter{font-size:13px}
 #screen #touchKeyboard .keyboard-heading{gap:6px}
 #screen #keyboardPreview{font-size:20px}
 #screen #touchKeyboard.keyboard-phone,#screen #touchKeyboard.keyboard-numeric{left:2%;right:2%}
 #screen.keyboard-open>.screen-content{padding:20px 18px 24px!important}
}
@media(max-height:750px){
 #screen #touchKeyboard .keyboard-key{height:44px;font-size:18px}
 #screen #touchKeyboard.keyboard-phone .keyboard-key,#screen #touchKeyboard.keyboard-numeric .keyboard-key{height:44px}
 #screen #touchKeyboard .keyboard-rows{gap:5px}
 #screen #touchKeyboard .keyboard-heading{min-height:60px}
 #screen #touchKeyboard .keyboard-entry-preview{min-height:54px;padding:6px 12px}
 #screen #keyboardPreview{font-size:20px;max-height:62px}
}