body.tr-order-viewport{height:100vh;height:100svh;overflow:hidden!important}
body.tr-order-viewport .main{min-height:0!important;padding-bottom:100px!important;overflow:hidden!important}
body.tr-order-viewport #nuovo{height:var(--tr-order-height);min-height:0!important;display:flex!important;flex-direction:column;overflow:hidden}
body.tr-order-viewport #nuovo .top{flex:none;min-height:64px!important;padding:0 0 6px!important}
body.tr-order-viewport #nuovo .top h1{font-size:clamp(26px,3vw,38px)!important;margin:2px 0}
body.tr-order-viewport #nuovo .tr-order-description{margin:2px 0;font-size:14px!important}
body.tr-order-viewport #nuovo .orderflow{flex:1;min-height:0;overflow:hidden;align-items:stretch!important;grid-template-columns:minmax(0,1fr) minmax(290px,32%)!important}
body.tr-order-viewport #nuovo .flowmain{min-height:0;overflow:auto!important;overscroll-behavior:contain;padding-right:5px!important}
body.tr-order-viewport #nuovo .flowsummary{display:flex!important;flex-direction:column;position:relative!important;top:auto!important;max-height:none!important;height:100%;box-sizing:border-box;overflow:hidden!important;min-height:0;padding:12px!important}
body.tr-order-viewport .tr-summary-head{flex:none}
body.tr-order-viewport #nuovo .tr-summary-head h2{font-size:21px!important;margin-bottom:6px}
body.tr-order-viewport .tr-summary-head .actions{display:flex;gap:6px;margin-bottom:6px}
body.tr-order-viewport .tr-summary-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 4px 6px 0}
body.tr-order-viewport #nuovo #cartLines{max-height:none!important;overflow:visible!important}
body.tr-order-viewport .tr-summary-foot{flex:none;background:var(--tr-surface,#fff);border-top:1px solid #d7e6f4;padding-top:6px}
body.tr-order-viewport #nuovo .summarytotal{padding:4px 0!important;margin:0!important;font-size:21px!important}
body.tr-order-viewport #nuovo :is(#confirmOrder,.pay-launch){min-height:44px!important;margin-top:5px!important;padding:8px!important}
body.tr-order-viewport :is(.tr-ai-ops-open,.tr-ai-open){bottom:8px!important;right:16px!important;max-height:50px!important;z-index:65}
body.tr-order-viewport .tr-summary-body:focus-visible{outline:2px solid #368eff;outline-offset:-2px}
@media(max-width:700px){body.tr-order-viewport #nuovo .orderflow{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(90px,1fr) minmax(260px,55%)!important}body.tr-order-viewport #nuovo .tr-order-description{display:none}body.tr-order-viewport #nuovo .tr-summary-head h2{display:none}body.tr-order-viewport #nuovo .tr-summary-head .actions{margin:0}body.tr-order-viewport #nuovo .flowsummary{padding:8px!important}body.tr-order-viewport .tr-summary-foot{display:grid;grid-template-columns:1fr 1fr;gap:4px}body.tr-order-viewport .summarytotal{grid-column:1/-1}}
@media(max-width:700px){
 body.tr-order-viewport .production-masthead{display:grid!important;grid-template-columns:minmax(0,1fr) 44px minmax(85px,110px);gap:6px!important;padding:8px 12px!important}
 body.tr-order-viewport .production-brand{min-width:0!important;gap:6px!important}
 body.tr-order-viewport .production-brand img{width:32px!important;height:32px!important}
 body.tr-order-viewport .production-brand b{font-size:19px!important}
 body.tr-order-viewport .production-brand small,body.tr-order-viewport .production-business small{display:none}
 body.tr-order-viewport .production-business{grid-column:3;grid-row:1;margin:0!important;font-size:12px;max-width:110px!important}
 body.tr-order-viewport .production-bell{grid-column:2;grid-row:1;width:44px!important;height:44px!important}
 body.tr-order-viewport .production-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none!important;order:0!important}
 body.tr-order-viewport .production-search label{padding:4px 12px!important;min-height:36px!important}
 body.tr-order-viewport .production-search input{height:32px!important}
 body.tr-order-viewport .main{padding:8px 12px 100px!important;gap:6px!important}
 body.tr-order-viewport .main>.tr-system-status{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;min-height:46px!important;max-height:46px!important;padding:4px!important}
 body.tr-order-viewport .tr-system-status>*{flex:none!important;white-space:nowrap!important}
 body.tr-order-viewport .tr-device-panel,body.tr-order-viewport .tr-device-panel>div{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:10px!important}
 body.tr-order-viewport .tr-device-row{white-space:nowrap!important;display:flex!important;gap:4px!important}
 body.tr-order-viewport #nuovo .top{display:grid!important;grid-template-columns:1fr 1fr;gap:4px!important;min-height:0!important}
 body.tr-order-viewport #nuovo .top>div:first-child{grid-column:1/-1}
 body.tr-order-viewport #nuovo .top h1{font-size:24px!important}
 body.tr-order-viewport #nuovo .top p{margin:0!important}
 body.tr-order-viewport #nuovo .top .actions{gap:3px!important}
 body.tr-order-viewport #nuovo .top button{min-height:44px;padding:6px!important;font-size:12px!important}
 body.tr-order-viewport #nuovo .orderflow{grid-template-rows:minmax(60px,1fr) minmax(220px,60%)!important}
 body.tr-order-viewport .cashier-alert{bottom:66px!important;min-height:0!important;padding:7px!important;gap:5px!important;left:8px!important;right:8px!important;width:auto!important;transform:none!important}
 body.tr-order-viewport .cashier-alert span{min-width:0}.tr-order-viewport .cashier-alert small{display:none!important}
 body.tr-order-viewport .cashier-alert b{font-size:12px!important;line-height:1.25}
 body.tr-order-viewport .cashier-alert-actions{flex-wrap:nowrap!important;gap:4px!important}
 body.tr-order-viewport .cashier-alert button{min-height:44px!important;padding:6px!important;font-size:12px!important}
 body.tr-order-viewport .cashier-alert i{display:none!important}
}