:root{touch-action:pan-x pan-y;height:100%}#root{display:flex;width:100vw;height:100vh}.startup-msg{margin:0 auto}.chat-container{max-width:1280px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;flex-basis:100%}.header{padding:12px;margin-bottom:2rem;font-size:clamp(1.4rem,1.2666666666666666rem + .6666666666666669vw,1.8rem)}.header.idle{color:#009688}.header.setup{color:#009688;text-align:left}.subheader{font-size:clamp(1rem,.9rem + .5vw,1.3rem)}.subheader.error button{margin:10px}.subheader.setup{text-align:left;display:flex;flex-direction:column;gap:30px;padding-bottom:50px}.icon{width:14vw;margin:0 auto}#info{background-color:#00f;padding:20px}.chat-container{text-align:center}.loading-animation{width:fit-content;margin:0 auto;display:flex;padding-bottom:50px}.loading-animation .dot{background-color:#009688;width:18px;height:18px;margin:10px;border-radius:100%;display:inline-block}.loading-animation .dot:nth-child(1){animation:2s ease-in-out 0s infinite loading-animation}.loading-animation .dot:nth-child(2){animation:2s ease-in-out .07s infinite loading-animation}.loading-animation .dot:nth-child(3){animation:2s ease-in-out .14s infinite loading-animation}@keyframes loading-animation{00%{transform:translateY(0)}50%{transform:translateY(44px)}to{transform:translateY(0)}}.input-and-button{display:flex;gap:20px;flex-shrink:1;flex-wrap:wrap;align-items:center}.room-charges-container{display:flex;justify-content:space-between;border:2px solid lightgrey;border-radius:12px;padding:24px;align-items:center}.allow-room-charge-checkbox{aspect-ratio:1/1;width:24px;height:24px;cursor:pointer}.input-field,.timeout-s-input,.terminal-id-input{font-size:clamp(1.6rem,1.4666666666666668rem + .6666666666666665vw,2rem);text-align:center;flex:1 1;border:2px solid #ddd;border-radius:8px;padding:12px;outline:none;transition:border-color .3s ease}.input-field:focus,.timeout-s-input:focus,.terminal-id-input:focus{border-color:#009688;box-shadow:0 0 0 2px #0096881a}.terminal-id-save-button{box-sizing:content-box;flex-grow:1;background-color:#009688;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);cursor:pointer;transition:background-color .3s ease}.terminal-id-save-button:hover{background-color:#00796b}.terminal-id-save-button:active{background-color:#00695c}.setup-error{color:#fc6360;display:none}.payment-method-icon{margin-top:30px;scale:3}.preferred-timeout-container{border:2px solid lightgrey;border-radius:12px;padding:24px}.preferred-timeout-container .timeout-label{padding-bottom:12px;font-weight:500}.barefoot-integration-container{border:2px solid lightgrey;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.barefoot-integration-container .input-and-button{justify-content:space-between;align-items:center}.barefoot-integration-checkbox{width:24px;height:24px;cursor:pointer}.build-info{position:absolute;top:24px;right:24px;font-size:.75rem;color:#666;background:#f0f0f0e6;padding:8px 12px;border-radius:8px;font-family:monospace;border:1px solid #e0e0e0;z-index:1000}.member-status,.pms-integration{font-size:clamp(1rem,.9rem + .5vw,1.3rem);margin-top:12px;color:#009688;font-weight:500}.member-status{margin-bottom:8px;padding-top:8px}.pms-integration{margin-bottom:16px}.overwritten-location-id-container{border:2px solid lightgrey;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}.location-id-label{font-weight:500;color:#333;font-size:clamp(1rem,.9rem + .5vw,1.3rem)}.location-id-input{font-size:clamp(1.6rem,1.4666666666666668rem + .6666666666666665vw,2rem);text-align:center;flex:1 1;border:2px solid #ddd;border-radius:8px;padding:12px;outline:none;transition:border-color .3s ease;background-color:#fff}.location-id-input:focus{border-color:#009688;box-shadow:0 0 0 2px #0096881a}.location-id-input::placeholder{color:#999;font-style:italic}.location-id-save-button{box-sizing:content-box;flex-grow:1;background-color:#009688;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);cursor:pointer;transition:background-color .3s ease;font-weight:500}.location-id-save-button:hover{background-color:#00796b}.location-id-save-button:active{background-color:#00695c}.location-id-save-button:focus{outline:2px solid #009688;outline-offset:2px}.location-id-label:after{content:" (optional)";color:#666;font-weight:400;font-size:.9em}@media (max-width: 1024px){.input-field,.timeout-s-input,.terminal-id-input,.location-id-input{font-size:16px}}.allow-room-charge-checkbox:focus,.barefoot-integration-checkbox:focus{outline:2px solid #009688;outline-offset:2px}.pms-error-container{background-color:#ffebee;border:1px solid #f44336;border-radius:8px;padding:12px;color:#c62828}.terminal-manager{display:flex;flex-direction:column;gap:4px;border:2px solid lightgrey;border-radius:12px;padding:24px}.terminal-input{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.terminal-input .btn{flex:1 0}.error-text{margin:0;color:#f08080}.input-group{display:flex;flex-direction:column;flex:1 1;min-width:0}.input-group label{margin-bottom:12px}.error-message{color:red;font-size:14px;width:100%;text-align:center}.add-button{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-button:hover{background-color:#0056b3}.terminal-list h2{font-size:28px;font-weight:400;margin-bottom:12px}.terminal-list{gap:8px;display:flex;flex-direction:column}.terminal-item{padding:12px 12px 12px 24px;border:2px solid lightgray;border-radius:6px;display:flex;flex-direction:row;justify-content:space-between;text-align:left;align-items:center;min-width:0;overflow:hidden}.terminal-item-left{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;min-width:0;overflow:hidden}.terminal-item-right{display:flex;align-items:center;gap:12px;flex:0 0 auto;height:40px}.terminal-item-right button{width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:4px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.terminal-item-right button:hover{transform:scale(1.1)}.terminal-item-right button:hover img{filter:brightness(.8)}.terminal-item-right img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.terminal-item p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.terminal-item{padding:8px 16px;flex-wrap:wrap;gap:8px}.terminal-item-left{flex:1 1 100%;margin-bottom:8px}.terminal-item-right{flex:0 0 auto;align-self:flex-end}.terminal-item p{white-space:normal}}:root{color:#213547;background-color:#fff;font-family:Roboto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}