.modal-card.has-touch-keypad{display:grid;grid-template-columns:minmax(0,1fr) 222px;gap:22px;width:min(940px,96vw);max-width:96vw}
.open-card.has-touch-keypad{display:grid;grid-template-columns:minmax(0,1fr) 222px;gap:26px;width:min(880px,100%);max-width:100%;padding:24px;box-sizing:border-box}
.open-till:has(.has-touch-keypad){height:100dvh;min-height:0;overflow:auto;box-sizing:border-box}
.open-till-content .open-icon{display:none}.open-till-content h2{font-size:30px}.open-till-content p{font-size:15px;line-height:1.45;margin:10px 0}.open-till-content form{margin-top:18px}
.open-card .touch-keypad-keys button{min-height:48px}
.has-touch-keypad>.pos-modal{width:auto!important;min-width:0}
.touch-keypad{align-self:start;position:sticky;top:0;padding:14px;background:#102332;border:1px solid #365268;border-radius:12px;min-width:0}
.touch-keypad-label{display:block;font-size:13px;color:#b8cbd8;margin-bottom:10px}
.touch-keypad-value{display:block;min-height:48px;padding:10px;background:#07131d;border:1px solid #39576d;border-radius:8px;text-align:right;font-size:25px;overflow-wrap:anywhere}
.touch-keypad-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.touch-keypad-keys button{min-height:54px;border:1px solid #4b687b;border-radius:8px;background:#233f53;color:#fff;font-size:22px;font-weight:700;touch-action:manipulation;cursor:pointer}
.touch-keypad-keys button[data-number-key="Clear"]{font-size:13px}.touch-keypad-keys button[data-number-key="Backspace"]{grid-column:span 3}.touch-keypad-keys button:disabled{opacity:.25}
#app .service-till.premium-reference-till .order-tool-row{grid-template-columns:repeat(4,minmax(0,1fr))}
#app .service-till.premium-reference-till .till-bottom-nav{grid-template-columns:repeat(8,minmax(0,1fr))}
#app .service-till.premium-reference-till #tokenQuick{color:#a7f1ce;border-color:#499976}
.token-change-due{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin:8px 0;background:#153c30;border:1px solid #4b9275;border-radius:10px;color:#bdffdd}.token-change-due span{font-size:14px;font-weight:700}.token-change-due strong{font-size:30px;line-height:1.15;font-variant-numeric:tabular-nums}.token-value-row{color:#ade6cd}
#app .service-till.premium-reference-till .basket-summary.has-tokens{padding:4px 12px}
#app .service-till.premium-reference-till .has-tokens .summary-row{min-height:20px;line-height:1.3;margin:0}
#app .service-till.premium-reference-till .has-tokens .grand{margin:4px 0 0;padding:6px 0!important;gap:10px;min-width:0}
#app .service-till.premium-reference-till .has-tokens .grand.has-change{padding:6px 8px!important;background:#153c30!important;border:1px solid #4b9275!important;border-radius:6px}
#app .service-till.premium-reference-till .has-tokens .grand span{font-size:17px;line-height:1.2}
#app .service-till.premium-reference-till .has-tokens .grand strong{font-size:28px!important;line-height:1.1;white-space:nowrap}
#app .service-till.premium-reference-till .pay-action.token-complete-action{grid-template-columns:minmax(0,1fr) auto 28px;gap:8px;padding:5px 12px;align-items:center;overflow:hidden}
#app .service-till.premium-reference-till .pay-action.token-complete-action>span{font-size:19px;line-height:1.1;white-space:nowrap;min-width:0}
#app .service-till.premium-reference-till .token-complete-action .token-pay-amount{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0;white-space:nowrap;line-height:1.05}
#app .service-till.premium-reference-till .token-pay-amount small{font-size:10px;line-height:1.1;font-weight:500}
#app .service-till.premium-reference-till .token-pay-amount b{font-size:25px;line-height:1.05;font-weight:700;font-variant-numeric:tabular-nums}
.till-z-preview{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.till-z-preview>div{background:#102638;padding:12px;border:1px solid #30495c;border-radius:10px}.till-z-preview b,.till-z-preview span{display:block}.till-z-preview span{font-size:12px;color:#9db3c3}.till-z-preview b{font-size:21px;margin-top:5px}
@media(max-width:650px){.modal-card.has-touch-keypad{grid-template-columns:minmax(0,1fr);gap:12px}.touch-keypad{position:static}.touch-keypad-keys button{min-height:48px}.touch-keypad-value{min-height:35px}.touch-keypad-keys button[data-number-key="Backspace"]{grid-column:auto;font-size:16px}.touch-keypad-keys{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.open-card.has-touch-keypad{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px}.open-till:has(.has-touch-keypad){padding:16px}.open-till-content h2{font-size:26px}}