/* R12: intrinsic touch layout. No order/payment/state behavior is changed. */
html#tr-management-layout #waiterApp.on[data-screen="tables"]{display:flex!important;flex-direction:column!important;height:100dvh!important;overflow:hidden!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-header{flex:none}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-topbar{height:48px!important;padding:0 16px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-titlebar{height:62px!important;min-height:62px!important;padding:6px 16px!important;gap:12px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-title{min-width:0!important;flex:1!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-title h1{font-size:max(12px,calc(26px * var(--tr-device-font-scale,1)))!important;line-height:1.15!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-title>span{display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-title p{font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-actions{width:auto!important;min-width:0!important;flex-wrap:nowrap!important;gap:8px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-service-card{display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-action,
html#tr-management-layout #waiterApp.on[data-screen="tables"] .dining-tabs button{font-size:max(12px,calc(15px * var(--tr-device-font-scale,1)))!important;min-height:44px!important;padding:8px 12px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .dining-tabs{max-width:230px;min-width:0;padding:0!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-main.wt-room-premium{flex:1!important;min-height:0!important;height:auto!important;width:100%!important;max-width:none!important;padding:0 16px 12px!important;display:grid!important;grid-template-rows:66px minmax(0,1fr)!important;gap:10px!important;overflow:visible!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-overview{display:block!important;height:66px!important;min-width:0!important;position:relative!important;z-index:8}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpis{height:66px!important;padding-right:112px;box-sizing:border-box;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:66px!important;gap:8px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi{height:auto!important;min-height:0!important;padding:7px 10px!important;gap:0!important;grid-column:auto!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi:nth-child(n+6){display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi-icon,
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi-go,
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi-copy em{display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi-copy{overflow:visible!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi-copy small{font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi-copy b{font-size:max(12px,calc(22px * var(--tr-device-font-scale,1)))!important;line-height:1.2!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-summary-toggle{position:absolute!important;right:0!important;top:0!important;width:104px!important;height:66px!important;min-height:44px!important;padding:8px!important;font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important;white-space:normal!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-side{display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-summary-expanded{height:auto!important;max-height:calc(100dvh - 130px);overflow:auto!important;padding:12px;background:#f4f8fb;border:1px solid #c5d5e0;border-radius:14px;box-shadow:0 16px 40px #15395740;box-sizing:border-box}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-summary-expanded .wt-premium-kpis{height:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(78px,auto)!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-summary-expanded .wt-premium-kpi:nth-child(n+6){display:flex!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-summary-expanded .wt-premium-kpi-copy em{display:block!important;font-size:max(12px,calc(13px * var(--tr-device-font-scale,1)))!important;white-space:normal!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-floor{width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;aspect-ratio:auto!important;align-self:stretch!important;padding:12px!important;box-sizing:border-box;overflow:visible!important;background-size:cover!important;border-radius:16px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-tables{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:0!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-table{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-width:44px!important;min-height:44px!important;max-width:none!important;aspect-ratio:auto!important;padding:0!important;transform:none!important;display:flex!important;border-radius:12px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-table:before{display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-tabletop{width:100%!important;height:100%!important;min-height:0!important;box-sizing:border-box;padding:8px!important;gap:3px!important;justify-content:center!important;border:2px solid var(--state,#2c8352)!important;border-radius:12px!important;background:#fffffff5!important;box-shadow:0 3px 10px #203b4420!important;transform:none!important;overflow:visible!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-dot{display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-table strong{font-size:max(12px,calc(18px * var(--tr-device-font-scale,1)))!important;line-height:1.2!important;min-height:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-table-state{font-size:max(12px,calc(15px * var(--tr-device-font-scale,1)))!important;line-height:1.2!important;margin:0!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-table small{font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important;line-height:1.25!important;white-space:normal!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-room-caption{display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-floor:has(.ds-live-filter){padding-top:56px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .ds-live-filter{top:6px!important;right:12px!important;left:12px!important;display:flex!important;align-items:center;gap:10px;font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .ds-live-filter select{font-size:max(12px,calc(16px * var(--tr-device-font-scale,1)))!important;min-height:40px!important;width:auto!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-floor-pager{top:6px!important;right:12px!important;z-index:9}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-floor:has(.wt-floor-pager){padding-top:56px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-floor-pager button{min-width:44px!important;min-height:44px!important}
@media(max-width:900px){
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-system,
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-brand small{display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-titlebar{height:110px!important;min-height:110px!important;flex-wrap:wrap!important;gap:4px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-title{width:100%!important;flex-basis:100%!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-title p{display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-actions{width:100%!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi-copy small{font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important}
}
@media(max-width:600px){
html#tr-management-layout #waiterApp.on[data-screen="tables"]{overflow:auto!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-product{max-width:100px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-main.wt-room-premium{flex:none!important;grid-template-rows:146px auto!important;padding:0 10px 16px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-overview{height:146px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpis{height:146px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:66px!important;padding-right:0}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-kpi:nth-child(5){display:none!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-summary-toggle{position:static!important;width:100%!important;height:44px!important;margin-top:8px}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-main.wt-room-premium{grid-template-rows:196px auto!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-tables{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(120px,auto)!important;gap:10px!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-floor{height:auto!important}
}
/* The order editor must keep both native scroll panes reachable. */
html#tr-management-layout body.tr-order-viewport .main{padding-bottom:12px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .orderflow{gap:14px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsummary{min-width:0!important}
html#tr-management-layout body.tr-order-viewport #nuovo .tr-summary-foot{position:relative;z-index:2}
html#tr-management-layout body:not(.customer-direct) :is(.page,.dining-dialog,.wt-main) :is(input,select,textarea){min-height:44px;box-sizing:border-box}
html#tr-management-layout body:not(.customer-direct) .page :is(.actions,.filters,.paneltitle){flex-wrap:wrap;gap:8px}
html#tr-management-layout body:not(.customer-direct) .page :is(.flowmain,.flowsummary,.module,.panel){min-width:0}
@media(max-width:900px){
html#tr-management-layout body:not(.customer-direct) .page :is(.top,.paneltitle){flex-wrap:wrap;gap:10px}
}

html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-actions{flex:0 1 auto!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .dining-tabs{overflow-x:auto!important;flex:0 1 auto!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-action{flex-shrink:0!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-brand{min-width:0!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-product{min-width:0!important;flex:0 1 auto!important}
html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]):has(.cashier-alert.on) #waiterApp .wt-main{padding-bottom:var(--tr-room-alert-reserve,86px)!important}
html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]) .cashier-alert{top:auto!important;bottom:8px!important;width:calc(100% - 32px)!important;max-width:900px!important;min-height:64px!important;padding:8px 12px!important}
html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]) .cashier-alert b{font-size:max(12px,calc(15px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]) .cashier-alert small{font-size:max(12px,calc(12px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-room-more>div{width:250px!important;max-height:calc(100dvh - 130px);overflow:auto;z-index:30}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-premium-header{z-index:12}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-room-more>div button{min-height:44px!important;white-space:normal!important}

/* Compact chrome, readable content: space comes from margins, never text scaling. */
@media(min-width:701px){
html#tr-management-layout body:not(.customer-direct) .production-masthead{min-height:58px!important;padding-top:6px!important;padding-bottom:6px!important}
html#tr-management-layout body:not(.customer-direct) .page:not(#nuovo)>.top{min-height:76px!important;padding-top:8px!important;padding-bottom:8px!important;margin-bottom:10px!important}
html#tr-management-layout body:not(.customer-direct) .page:not(#nuovo)>.top h1{margin:4px 0!important;line-height:1.15!important}
html#tr-management-layout body:not(.customer-direct) .tr-system-status{margin-top:4px!important;margin-bottom:8px!important;padding:4px!important}
html#tr-management-layout body:not(.customer-direct) .page .cards{min-width:0}
}
html#tr-management-layout body:not(.customer-direct) :is(.modal,.ag-dialog,.dining-dialog,.ds-dialog){max-width:calc(100vw - 24px);box-sizing:border-box}
html#tr-management-layout body:not(.customer-direct) :is(.modal,.ag-dialog,.dining-dialog,.ds-dialog) :is(input,select,textarea){max-width:100%;min-width:0}

@media(min-width:701px){
html#tr-management-layout body.tr-order-viewport #nuovo>.top{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:12px!important;align-items:center!important;padding:4px 0 8px!important;margin:0!important;min-height:70px!important}
html#tr-management-layout body.tr-order-viewport #nuovo>.top>div:first-child>p:first-child:not(.tr-order-description){display:none!important}
html#tr-management-layout body.tr-order-viewport #nuovo>.top h1{font-size:max(12px,calc(30px * var(--tr-device-font-scale,1)))!important;line-height:1.15!important}
html#tr-management-layout body.tr-order-viewport #nuovo>.top .tr-order-description{font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important;line-height:1.3}
html#tr-management-layout body:not(.customer-direct) #dashboard>.top{display:flex!important;flex-wrap:wrap!important;align-items:center!important}
html#tr-management-layout body:not(.customer-direct) #dashboard>.top>div:first-child{flex:1 1 340px!important;min-width:0!important}
html#tr-management-layout body:not(.customer-direct) #dashboard>.top>.actions{flex:1 1 400px!important;justify-content:flex-end!important}
html#tr-management-layout body:not(.customer-direct) #dashboard>.top h1{white-space:normal!important}
}

@media(min-width:1000px) and (orientation:landscape){
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-tables{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-tables[data-table-count="16"] .wt-table:nth-child(13){grid-column:2}
}

html#tr-management-layout body:has(#ipadRoleHome) #waiterApp.on[data-screen="tables"] .wt-main{padding-bottom:var(--tr-room-alert-reserve,54px)!important}
html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]):has(.cashier-alert.on) #waiterApp .wt-main{padding-bottom:var(--tr-room-alert-reserve,86px)!important}
html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-tables:is([data-table-count="17"],[data-table-count="18"]){grid-template-rows:repeat(5,minmax(0,1fr))!important}
@media(min-width:1000px) and (orientation:landscape){html#tr-management-layout #waiterApp.on[data-screen="tables"] .wt-tables:is([data-table-count="17"],[data-table-count="18"]){grid-template-rows:repeat(3,minmax(0,1fr))!important}}

/* Production: identity/status/actions have their own rows, independent of pizza load. */
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorder{flex:0 0 max(220px,calc(160px + var(--order-width)))!important;width:max(220px,calc(160px + var(--order-width)))!important;min-width:220px!important;height:auto!important;min-height:210px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:44px auto auto auto!important;gap:8px!important;padding:10px!important;overflow:visible!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>header{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder .compactmode{flex:1!important;min-width:0!important;font-size:max(12px,calc(13px * var(--tr-device-font-scale,1)))!important;white-space:normal!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder :is(.dashmore,.printmini){position:static!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;padding:4px!important;font-size:max(12px,calc(18px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>h3{grid-column:1/-1!important;display:block!important;overflow:visible!important;white-space:normal!important;margin:0!important;font-size:max(12px,calc(16px * var(--tr-device-font-scale,1)))!important;line-height:1.3!important;min-width:0!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>h3 span{display:block!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;font-size:max(12px,calc(16px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>h3 small{display:block!important;position:static!important;font-size:max(12px,calc(13px * var(--tr-device-font-scale,1)))!important;line-height:1.3!important;white-space:normal!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>span:empty{display:none!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder .compactfoot{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;overflow:visible!important;white-space:normal!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder :is(.compactpizzas span,.compactstatus){font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important;line-height:1.3!important;white-space:normal!important;width:auto!important;min-width:0!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>.production-print-state{position:relative!important;inset:auto!important;grid-column:2!important;grid-row:4!important;width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;padding:6px!important;border-radius:10px!important}
html#tr-management-layout body.production-premium-active #dashboard .production-print-state .printer-glyph{font-size:max(12px,calc(20px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout body.production-premium-active #dashboard .production-print-state .printer-mark{font-size:max(12px,calc(13px * var(--tr-device-font-scale,1)))!important;width:16px!important;height:16px!important;right:0!important;bottom:0!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>.cancel-order{position:static!important;grid-column:1!important;grid-row:4!important;min-height:44px!important;font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important;width:auto!important;max-width:none!important;white-space:normal!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>[data-takeaway-complete]{grid-column:1/-1!important;min-height:44px!important;font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorders{align-items:stretch!important;padding-bottom:8px!important}
html#tr-management-layout body.management-premium-shell .side #nav button{font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important;padding-inline:10px!important;flex:0 0 auto!important}

@media(max-width:999px){html#tr-management-layout body.management-premium-shell .side>#nav{flex-wrap:wrap!important;overflow:visible!important;row-gap:6px!important}html#tr-management-layout body.management-premium-shell .side #nav button{flex:0 0 auto!important}}

/* Keep the station switcher beside, never over, the room alert. */
@media(min-width:701px){html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]):has(#ipadRoleHome) .cashier-alert{width:calc(100% - 180px)!important;max-width:900px!important;left:calc(50% + 80px)!important;right:auto!important;transform:translateX(-50%)!important}}
@media(max-width:700px){html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]):has(.cashier-alert.on) #ipadRoleHome{bottom:calc(86px + env(safe-area-inset-bottom))!important}}

/* R14: two distinct operational alerts remain visible, never acknowledged by layout. */
html#tr-management-layout body:has(.cashier-alert.on) .pending-banner.on{bottom:var(--tr-pending-alert-bottom,128px)!important;padding:8px 12px!important;min-height:64px!important;box-sizing:border-box!important}
html#tr-management-layout .pending-banner button{min-height:44px!important;font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout .pending-banner small{font-size:max(12px,calc(13px * var(--tr-device-font-scale,1)))!important;line-height:1.3!important}
html#tr-management-layout body:has(.cashier-alert.on):has(.pending-banner.on) .page:not(#nuovo){padding-bottom:var(--tr-global-alert-reserve,162px)!important}
html#tr-management-layout body:has(.cashier-alert.on):has(.pending-banner.on) #waiterApp.on .wt-main{padding-bottom:var(--tr-room-alert-reserve,162px)!important}
html#tr-management-layout body:has(.cashier-alert.on):has(.pending-banner.on) #waiterApp.on[data-screen="tables"] .wt-floor{padding:8px!important}
html#tr-management-layout body:has(.cashier-alert.on):has(.pending-banner.on) #waiterApp.on[data-screen="tables"] .wt-tables{gap:8px!important}
@media(min-width:701px){html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]):has(#ipadRoleHome) .pending-banner.on{width:calc(100% - 180px)!important;max-width:900px!important;left:calc(50% + 80px)!important;right:auto!important;translate:-50% 0!important;transform:none!important}}
@media(max-width:700px){html#tr-management-layout body:has(#waiterApp.on):has(.cashier-alert.on):has(.pending-banner.on) #ipadRoleHome{bottom:166px!important}}

html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]):has(.cashier-alert.on) .pending-banner.on{bottom:var(--tr-pending-alert-bottom,82px)!important}

html#tr-management-layout body:has(#ipadRoleHome):has(.pending-banner.on):not(:has(.cashier-alert.on)) #waiterApp.on .wt-main{padding-bottom:var(--tr-room-alert-reserve,104px)!important}

@media(min-width:1000px) and (orientation:landscape){
html#tr-management-layout body:not(:has(#waiterApp.on)):has(.cashier-alert.on):has(.pending-banner.on) :is(.cashier-alert,.pending-banner){width:calc((100% - 188px)/2)!important;max-width:none!important;bottom:8px!important;min-height:84px!important;padding:8px 12px!important;box-sizing:border-box!important;translate:none!important;transform:none!important;gap:8px!important}
html#tr-management-layout body:not(:has(#waiterApp.on)):has(.cashier-alert.on):has(.pending-banner.on) .pending-banner{left:164px!important;right:auto!important}
html#tr-management-layout body:not(:has(#waiterApp.on)):has(.cashier-alert.on):has(.pending-banner.on) .cashier-alert{left:auto!important;right:8px!important}
html#tr-management-layout body:not(:has(#waiterApp.on)):has(.cashier-alert.on):has(.pending-banner.on) :is(.cashier-alert>i,.pending-banner>span:first-child){display:none!important}
html#tr-management-layout body:not(:has(#waiterApp.on)):has(.cashier-alert.on):has(.pending-banner.on) .page:not(#nuovo){padding-bottom:var(--tr-global-alert-reserve,120px)!important}
}

@media(min-width:701px) and (max-height:760px) and (orientation:landscape){
html#tr-management-layout body.tr-order-viewport #nuovo .tr-summary-foot{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .tr-summary-foot .summarytotal{grid-column:1/-1!important}
html#tr-management-layout body.tr-order-viewport #nuovo .tr-summary-foot :is(#confirmOrder,.pay-launch){width:100%!important;white-space:normal!important;line-height:1.25!important;margin-top:0!important;min-height:52px!important}
}

html#tr-management-layout body:has(#waiterApp.on[data-screen="tables"]):has(.cashier-alert.on):has(.pending-banner.on) #waiterApp .wt-main{padding-bottom:var(--tr-room-alert-reserve,162px)!important}

/* Tablet portrait has top navigation: reclaim the obsolete 82px bottom-nav reserve. */
@media(min-width:701px) and (max-width:999px){
html#tr-management-layout body:not(:has(#waiterApp.on)):has(#ipadRoleHome) .cashier-alert{bottom:8px!important;left:calc(50% + 80px)!important;right:auto!important;width:calc(100% - 180px)!important;max-width:none!important;transform:translateX(-50%)!important;translate:none!important}
}
html#tr-management-layout body.tr-order-viewport #nuovo.tr-order-short-workspace .tr-summary-foot{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
html#tr-management-layout body.tr-order-viewport #nuovo.tr-order-short-workspace .tr-summary-foot .summarytotal{grid-column:1/-1!important}
html#tr-management-layout body.tr-order-viewport #nuovo.tr-order-short-workspace .tr-summary-foot :is(#confirmOrder,.pay-launch){width:100%!important;white-space:normal!important;line-height:1.25!important;margin-top:0!important;min-height:52px!important}

/* Keep cart scrolling usable in the shortest tablet workspace without shrinking text. */
html#tr-management-layout body.tr-order-viewport #nuovo.tr-order-short-workspace .flowsummary{padding:8px!important}
html#tr-management-layout body.tr-order-viewport #nuovo.tr-order-short-workspace .summarytotal{line-height:1.2!important}

/* Production summary: retain labels and numbers on portrait tablets without decorative icons crowding them. */
@media(max-width:900px){
html#tr-management-layout body.production-premium-active #dashboard .metric{grid-template-columns:minmax(0,1fr)!important;height:auto!important;max-height:none!important;grid-template-rows:auto auto auto!important}
html#tr-management-layout body.production-premium-active #dashboard .metric .production-kpi-icon{display:none!important}
html#tr-management-layout body.production-premium-active #dashboard .metric :is(small,b,span){grid-column:1!important;min-width:0;white-space:normal!important}
}

/* R20: fixed readable card size; pizza capacity never defines pixel width. */
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorders{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;min-width:0!important;max-width:100%!important;align-items:stretch!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorder{flex:0 0 208px!important;width:208px!important;min-width:208px!important;max-width:208px!important;min-height:148px!important;height:auto!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:44px auto auto!important;gap:4px!important;padding:6px 8px!important;overflow:hidden!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>header{grid-column:1/-1!important;grid-row:1!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>h3{grid-column:1/-1!important;grid-row:2!important;line-height:1.2!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>h3 span{font-size:max(12px,calc(15px * var(--tr-device-font-scale,1)))!important;line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder .compactfoot{grid-column:1!important;grid-row:3!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>.production-print-state{grid-row:3!important;grid-column:2!important;align-self:center!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder>[data-takeaway-complete]{grid-row:4!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder .compactaddress{display:none!important}
html#tr-management-layout #dashboard .production-outside{border:1px solid #d4a756;border-radius:12px;margin:12px 0;background:#fffaf0;min-width:0}
html#tr-management-layout #dashboard .production-outside>summary{padding:12px;min-height:44px;box-sizing:border-box;font-size:16px;font-weight:750;cursor:pointer;line-height:1.4}
html#tr-management-layout #dashboard .production-outside>summary span{font-size:14px;margin-left:12px}
html#tr-management-layout #dashboard #production-alert-dock :is(.cashier-alert,.pending-banner){position:static!important;inset:auto!important;translate:none!important;transform:none!important;width:100%!important;max-width:none!important;margin:6px 0!important;box-sizing:border-box!important;min-height:56px!important;padding:8px 12px!important}
html#tr-management-layout #dashboard #production-alert-dock :is(.cashier-alert,.pending-banner):not(.on){display:none!important}
html#tr-management-layout body.production-premium-active #dashboard .slot{min-width:0!important;max-width:100%!important}
/* Use the entire tablet width for the lane, not a decorative 230px time column. */
html#tr-management-layout body.production-premium-active #dashboard .slot{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;gap:4px!important;padding:8px 12px 8px 26px!important;margin:0!important;min-height:0!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 16px!important;grid-column:1!important;grid-row:1!important;min-height:32px!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead>b{padding-left:0!important;font-size:max(12px,calc(16px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead>b:before,html#tr-management-layout body.production-premium-active #dashboard .slothead>b:after{display:none!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead>span:not(.free){padding:0!important;align-self:center!important;font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead .bar{flex:1 1 70px!important;width:auto!important;min-width:50px!important;height:6px!important;margin:0!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead .free{width:auto!important;min-width:80px!important;height:auto!important;min-height:30px!important;padding:4px 8px!important;font-size:max(12px,calc(14px * var(--tr-device-font-scale,1)))!important;margin-left:auto!important}
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorders{grid-column:1!important;grid-row:2!important;padding:0 0 4px!important}
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorders:not(:has(.dynamicorder)):not(:has(.tr-forecast-load)){display:none!important}
html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-forecast-details{grid-column:1!important;grid-row:3!important;margin:2px 0!important}
html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-capacity-breakdown{grid-column:1!important;grid-row:4!important;margin:0!important;padding:0!important;min-height:0!important}
html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-view-bookings{grid-column:1!important;grid-row:5!important;margin:0!important;padding:4px!important}

/* Active work remains full contrast, including past and out-of-view slots. */
html#tr-management-layout body.production-premium-active #dashboard .slot:has(.dynamicorder){opacity:1!important}
html#tr-management-layout #dashboard #production-alert-dock #ipadRoleHome{position:static!important;inset:auto!important;transform:none!important;translate:none!important;min-height:44px!important;margin:4px 0!important;display:inline-flex!important;align-items:center!important;width:auto!important}

/* R21: reclaim chrome and empty-slot space; preserve native controls and data. */
@media(min-width:701px){
html#tr-management-layout body.production-premium-active #dashboard>.top{height:auto!important;min-height:52px!important;padding:4px 0!important;margin:4px 0!important;gap:6px!important}
html#tr-management-layout body.production-premium-active #dashboard>.top h1{font-size:calc(24px * var(--tr-device-font-scale,1))!important;margin:0!important}
html#tr-management-layout body.production-premium-active #dashboard>.top .production-description{display:none!important}
html#tr-management-layout body.production-premium-active #dashboard>.top>div:first-child{flex:1 1 240px!important}
html#tr-management-layout body.production-premium-active #dashboard>.top>.actions{flex:0 1 auto!important;gap:6px!important}
html#tr-management-layout body.production-premium-active #dashboard>.top p{margin:0!important}
html#tr-management-layout body.production-premium-active #dashboard .metrics{gap:8px!important;margin:4px 0!important}
html#tr-management-layout body.production-premium-active #dashboard .metric{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;min-height:50px!important;height:auto!important;max-height:none!important;padding:6px 10px!important;gap:2px 8px!important}
html#tr-management-layout body.production-premium-active #dashboard .metric .production-kpi-icon{display:none!important}
html#tr-management-layout body.production-premium-active #dashboard .metric small{grid-column:1!important;grid-row:1!important}
html#tr-management-layout body.production-premium-active #dashboard .metric>b,html#tr-management-layout body.production-premium-active #dashboard .metric>.production-hidden-revenue{grid-column:2!important;grid-row:1/3!important;align-self:center!important;font-size:calc(24px * var(--tr-device-font-scale,1))!important}
html#tr-management-layout body.production-premium-active #dashboard .metric>span:not(.production-kpi-icon):not(.production-hidden-revenue){grid-column:1!important;grid-row:2!important}
html#tr-management-layout body.production-premium-active #dashboard .metric-revenue{padding-right:52px!important;position:relative!important}
html#tr-management-layout body.production-premium-active #dashboard .metric .revenue-toggle{position:absolute!important;right:4px!important;top:4px!important;min-width:44px!important;min-height:44px!important}
html#tr-management-layout #dashboard #production-alert-dock{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
html#tr-management-layout #dashboard #production-alert-dock :is(.cashier-alert.on,.pending-banner.on){flex:1 1 330px!important;width:auto!important;margin:0!important}
html#tr-management-layout body.production-premium-active #dashboard .tr-production-view{padding:4px 8px!important;margin:4px 0!important;gap:6px!important}
html#tr-management-layout body.production-premium-active #dashboard .production-calendar{padding:4px 8px!important;margin:4px 0!important;min-height:44px!important}
html#tr-management-layout body.production-premium-active #dashboard .production-plan-heading{padding:4px 8px!important;margin:4px 0!important;min-height:0!important;height:auto!important}
html#tr-management-layout body.production-premium-active #dashboard .slot{grid-template-columns:minmax(0,1fr) auto!important;gap:4px 12px!important;padding:5px 10px 5px 18px!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead{grid-column:1!important;min-height:44px!important;gap:6px 10px!important}
html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-capacity-breakdown{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-capacity-breakdown .tr-slot-control{margin:0!important;padding:0!important}
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorders,html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-forecast-details,html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-view-bookings{grid-column:1/-1!important}
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorders:has(.dynamicorder){min-height:0!important}
html#tr-management-layout body.tr-order-viewport #nuovo>.top{height:auto!important;min-height:48px!important;padding:2px 0 4px!important;gap:6px!important}
html#tr-management-layout body.tr-order-viewport #nuovo>.top .tr-order-description{display:none!important}
html#tr-management-layout body.tr-order-viewport #nuovo>.top h1{font-size:calc(24px * var(--tr-device-font-scale,1))!important}
html#tr-management-layout body.tr-order-viewport #nuovo .orderflow{margin-top:4px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowmain{display:grid!important;grid-template-rows:48px minmax(70px,.3fr) minmax(180px,1fr)!important;gap:6px!important;overflow:auto!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection{min-height:0!important;margin:0!important;padding:6px 8px!important;overflow:auto!important;overscroll-behavior:contain}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection:first-child{overflow:visible!important;padding:0!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection h2{margin:0 0 4px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .modebtn{min-height:44px!important;height:48px!important;padding:4px 8px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:4px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .modebtn .tr-mode-art{width:28px!important;height:28px!important;grid-row:1!important;padding:0!important}
html#tr-management-layout body.tr-order-viewport #nuovo .modebtn small{display:none!important}
html#tr-management-layout body.tr-order-viewport #nuovo .modebtn b{font-size:calc(14px * var(--tr-device-font-scale,1))!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection:has(#picker) .toolbar{margin-bottom:4px!important;gap:6px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection:has(#picker) .menu-product-group{padding:6px!important}
}
@media(min-width:701px){
html#tr-management-layout body.production-premium-active .main{gap:3px!important;padding:4px 16px 20px!important}
html#tr-management-layout body.production-premium-active #dashboard.page>.top{min-height:52px!important;padding:2px 0!important;margin:0!important}
html#tr-management-layout body.production-premium-active #dashboard .metrics,html#tr-management-layout body.production-premium-active #dashboard .tr-production-view,html#tr-management-layout body.production-premium-active #dashboard .production-calendar,html#tr-management-layout body.production-premium-active #dashboard .production-plan-heading{margin:0!important}
html#tr-management-layout body.production-premium-active .main>.tr-system-status{min-height:34px!important;padding:3px 8px!important}
html#tr-management-layout body.production-premium-active #dashboard .dashfilters{padding:0!important;gap:6px!important}
html#tr-management-layout body.production-premium-active #dashboard .dashfilters button{min-height:44px!important;padding:6px 12px!important}
html#tr-management-layout body.tr-order-viewport #nuovo.page>.top{min-height:48px!important;padding:2px 0 4px!important;margin:0!important}
}
/* Populated/forecast slots keep the approved full-width capacity explanation. */
@media(min-width:701px){
html#tr-management-layout body.production-premium-active #dashboard .slot:has(.dynamicorder,.tr-forecast-load,.tr-forecast-details,.tr-view-bookings){grid-template-columns:minmax(0,1fr)!important}
html#tr-management-layout body.production-premium-active #dashboard .slot:has(.dynamicorder,.tr-forecast-load,.tr-forecast-details,.tr-view-bookings)>.tr-capacity-breakdown{grid-column:1/-1!important;grid-row:4!important}
}
/* In a short workspace, keep the first editable field and menu content reachable. */
@media(min-width:701px) and (max-height:760px){
html#tr-management-layout body.tr-order-viewport .main{padding-top:4px!important}
html#tr-management-layout body.tr-order-viewport .main>.tr-system-status{min-height:34px!important;padding:3px!important;margin:0 0 4px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection>h2{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
}

/* R22: tablet order form follows document flow, matching the complete operator form.
   Do not compress customer fields or payment into independently scrolling strips. */
@media(min-width:701px){
html#tr-management-layout body.tr-order-viewport{height:auto!important;min-height:100svh;overflow:auto!important}
html#tr-management-layout body.tr-order-viewport .main{overflow:visible!important;min-height:0!important}
html#tr-management-layout body.tr-order-viewport #nuovo{height:auto!important;min-height:0!important;overflow:visible!important}
html#tr-management-layout body.tr-order-viewport #nuovo .orderflow{flex:none!important;overflow:visible!important;align-items:start!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowmain{display:block!important;overflow:visible!important;min-height:0!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection{height:auto!important;max-height:none!important;overflow:visible!important;margin:0 0 8px!important;padding:8px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection:first-child{padding:0!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection>h2{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0 0 6px!important;overflow:visible!important;clip-path:none!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsummary{position:sticky!important;top:8px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:10px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .tr-summary-body{flex:none!important;overflow:visible!important;min-height:0!important}
html#tr-management-layout body.tr-order-viewport #nuovo #cartLines{max-height:240px!important;overflow:auto!important}
html#tr-management-layout body.tr-order-viewport #nuovo .tr-summary-foot{display:block!important}
html#tr-management-layout body.tr-order-viewport #nuovo .tr-summary-foot :is(#confirmOrder,.pay-launch){min-height:44px!important;margin-top:5px!important;width:100%!important}
}

@media(min-width:701px){
html#tr-management-layout body.tr-order-viewport #nuovo .flowsection:first-child>h2{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
html#tr-management-layout body.tr-order-viewport #nuovo .formgrid{gap:6px 8px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .formgrid :is(input,select,textarea){margin-top:3px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .emptycart{min-height:80px!important;padding:8px!important;gap:4px!important}
html#tr-management-layout body.tr-order-viewport #nuovo .emptycart svg{width:28px!important;height:28px!important}
}
@media(min-width:1000px){
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address){grid-template-columns:repeat(3,minmax(0,1fr))!important}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address)>.customer-lookup{grid-column:1/3!important;grid-row:1!important}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address)>label:has(#orderSlot){grid-column:3!important;grid-row:1!important}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address)>label:has(#customerName){grid-column:1!important;grid-row:2!important}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address)>label:has(#phone){grid-column:2!important;grid-row:2!important}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address)>label:has(#address){grid-column:1/3!important;grid-row:3!important}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address)>label:has(#city){grid-column:1!important;grid-row:4!important}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address)>label:has(#doorbell){grid-column:2!important;grid-row:4!important}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address)>label:has(#orderNotes){grid-column:3!important;grid-row:2/5!important;display:flex;flex-direction:column}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address) #orderNotes{flex:1;min-height:74px!important}
html#tr-management-layout body.tr-order-viewport #nuovo #serviceFields:has(#address)>#savedAddressLabel{grid-column:1/-1!important;grid-row:5!important}
}

@media(min-width:701px){html#tr-management-layout body.tr-order-viewport #nuovo :is(.formgrid,.flowsummary) :is(input,select,textarea){min-height:44px!important;box-sizing:border-box!important}}

/* WebKit native menu widgets ignore min-height; keep the native select interaction
   while giving its CSS box an explicit, readable touch target. */
@media(min-width:701px){html#tr-management-layout body.tr-order-viewport #nuovo :is(.formgrid,.flowsummary) select{-webkit-appearance:none!important;appearance:none!important;height:44px!important;padding:8px 28px 8px 8px!important;background-image:linear-gradient(45deg,transparent 50%,#48647c 50%),linear-gradient(135deg,#48647c 50%,transparent 50%)!important;background-position:calc(100% - 15px) 19px,calc(100% - 10px) 19px!important;background-size:5px 5px!important;background-repeat:no-repeat!important}}

/* R23: one document scroller for the complete tablet order form. */
@media(min-width:701px){
html#tr-management-layout:has(body.tr-order-viewport){height:auto!important;overflow-x:clip!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
html#tr-management-layout body.tr-order-viewport{height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior-y:auto!important}
html#tr-management-layout body.tr-order-viewport :is(.app,.main,#nuovo,#nuovo .orderflow,#nuovo .flowmain){height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
html#tr-management-layout body.tr-order-viewport #nuovo :is(.flowsection,.flowsummary,.tr-summary-body){overscroll-behavior:auto!important}
html#tr-management-layout body.tr-order-viewport #nuovo .flowsummary{position:static!important}
}

/* R25: the same header grid for empty, forecast and populated production slots. */
@media(min-width:701px){
html#tr-management-layout body.production-premium-active #dashboard .slot,
html#tr-management-layout body.production-premium-active #dashboard .slot:has(.dynamicorder,.tr-forecast-load,.tr-forecast-details,.tr-view-bookings){grid-template-columns:minmax(0,1fr) max-content!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;align-items:center!important}
html#tr-management-layout body.production-premium-active #dashboard .slot>.slothead{grid-column:1!important;grid-row:1!important;flex-wrap:nowrap!important;align-items:center!important;min-width:0!important;gap:6px 8px!important;margin:0!important;padding:0!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead>:is(b,span){flex-shrink:0!important;white-space:nowrap!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead .bar{flex:1 1 24px!important;min-width:24px!important}
html#tr-management-layout body.production-premium-active #dashboard .slothead .free{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;box-sizing:border-box!important;line-height:1.2!important;min-height:30px!important;margin-block:0!important}
html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-capacity-breakdown,
html#tr-management-layout body.production-premium-active #dashboard .slot:has(.dynamicorder,.tr-forecast-load,.tr-forecast-details,.tr-view-bookings)>.tr-capacity-breakdown{grid-column:2!important;grid-row:1!important;align-self:center!important;flex-wrap:nowrap!important;gap:8px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-capacity-breakdown>span{white-space:nowrap!important}
html#tr-management-layout body.production-premium-active #dashboard .slot>.tr-capacity-breakdown .tr-slot-control{flex-wrap:nowrap!important}
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorders{grid-column:1/-1!important;grid-row:2!important;align-items:flex-start!important}
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorder{min-height:0!important;align-self:flex-start!important}
html#tr-management-layout body.production-premium-active #dashboard .slot .dynamicorder[data-production-table-session]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:4px!important;padding:8px 10px!important;cursor:pointer}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder[data-production-table-session]>header{display:none!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder[data-production-table-session]>h3{grid-column:1!important;grid-row:1!important;margin:0!important;font-size:16px!important;line-height:1.3!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder[data-production-table-session]>p{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder[data-production-table-session]>footer{grid-column:1!important;grid-row:3!important;display:flex!important;align-items:center!important;margin:0!important;min-height:0!important;font-size:14px!important;line-height:1.35!important}
html#tr-management-layout body.production-premium-active #dashboard .dynamicorder[data-production-table-session]>footer span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
}

/* Release preflight: wrapped chrome must retain its natural height at every width. */
html#tr-management-layout body.management-premium-shell .production-masthead,html#tr-management-layout body.management-premium-shell .app>.side{flex:0 0 auto!important}