/* Production presentation tokens. Operational handlers and data stay unchanged. */
:root{--prod-ink:#09234d;--prod-muted:#607c9e;--prod-line:#dbe8f7;--prod-shadow:0 6px 18px #366bb218,inset 0 1px 1px #fff;--prod-blue:linear-gradient(165deg,#69b4ff 0%,#246ee4 45%,#0646ad 100%)}
.production-masthead{display:none}
body.production-premium-active{background:radial-gradient(ellipse at 57% 0,#fff9de 0,transparent 14%),radial-gradient(ellipse at 20% 0,#b7d7ff 0,transparent 45%),linear-gradient(125deg,#e3f2ff,#f0f6ff 65%,#e2f3ff);color:var(--prod-ink)}
body.management-premium-shell .app{display:flex!important;flex-direction:column;min-height:100vh}
body.management-premium-shell .production-masthead{display:flex;align-items:center;gap:20px;padding:15px 28px;min-height:85px;position:relative;z-index:50}
.production-brand{display:flex;align-items:center;gap:10px;min-width:190px}.production-brand img{width:43px;height:48px}.production-brand b{font-size:24px}.production-brand small,.production-business small{display:block;color:var(--prod-muted);font-size:12px;margin-top:3px}.production-search{position:relative;flex:1;max-width:470px;margin-right:auto}.production-search label{display:flex;align-items:center;gap:14px;border:1px solid #ffffffc9;background:linear-gradient(#f9fcff,#e3efff);border-radius:24px;padding:7px 16px;box-shadow:inset 0 2px 6px #436e9f12,0 5px 15px #367bc522}.production-search svg,.production-bell svg{width:24px;height:24px;flex:none}.production-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--prod-ink);height:31px;font-size:14px}.production-search label:focus-within{outline:3px solid #68aaf1}.production-search kbd{white-space:nowrap;padding:6px;background:#dbe9fd;border-radius:9px;color:#4b6c97}.production-results{position:absolute;top:55px;left:0;right:0;max-height:420px;overflow:auto;background:#fff;border:1px solid var(--prod-line);border-radius:16px;box-shadow:0 15px 40px #12396835;padding:8px}.production-results[hidden]{display:none}.production-results button{display:block;text-align:left;width:100%;padding:11px;border:0;background:white;color:var(--prod-ink);border-radius:9px}.production-results button:hover,.production-results button:focus{background:#e9f3ff}.production-results small{display:block;color:var(--prod-muted);margin-bottom:3px}.production-results p{padding:12px}.production-service .ok{display:block;background:linear-gradient(#f4fff9,#d5f8ec);color:#167653;border:1px solid #a9ddce;padding:12px 16px;font-size:12px;white-space:nowrap;box-shadow:var(--prod-shadow)}.production-bell{position:relative;border:1px solid #fff;background:linear-gradient(#fff,#e4edff);color:var(--prod-ink);width:48px;height:48px;border-radius:50%;box-shadow:var(--prod-shadow);display:grid;place-items:center}.production-bell>.production-notification-count{position:absolute;right:-3px;top:-6px;min-width:22px;height:22px;border-radius:20px;background:linear-gradient(#ff7681,#e72842);color:white;padding:3px;font-size:11px}.production-bell>.production-notification-count[hidden]{display:none}.production-business{max-width:190px;font-size:13px}.production-business b{display:block;overflow-wrap:anywhere}
body.management-premium-shell .app>.side{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;margin:0 22px!important;padding:5px!important;background:linear-gradient(#f7fcffb8,#dcecff9e)!important;border:1px solid #ffffffc9!important;border-radius:20px!important;box-shadow:var(--prod-shadow)!important;z-index:40!important;display:block!important}
body.management-premium-shell #nav{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;margin:0!important;overflow-x:auto!important;padding:1px!important;scrollbar-width:thin}
body.management-premium-shell #nav button{display:flex!important;align-items:center;justify-content:center;gap:10px!important;flex:1 0 auto!important;height:47px!important;min-width:0!important;padding:0 14px!important;border:1px solid #dae8f6!important;border-radius:15px!important;background:linear-gradient(#f7fcff,#dfedfb)!important;color:#24436e!important;box-shadow:inset 0 1px 0 #fff,0 2px 3px #4476a918!important;white-space:nowrap;font-size:14px!important}
body.management-premium-shell #nav button.on{background:var(--prod-blue)!important;color:#fff!important;box-shadow:0 5px 13px #2d7aed50,inset 0 1px 2px #fff!important;border-color:#82bbff!important}
body.management-premium-shell #nav button span{display:inline!important}#nav i svg{width:23px;height:23px;display:block}body.management-premium-shell #nav i{width:23px!important;height:23px!important;margin:0!important}body.management-premium-shell .side>.shift,body.management-premium-shell .side>.logo{display:none!important}
body.production-premium-active .main{margin:0!important;padding:12px 32px 110px!important;display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;min-width:0}
body.production-premium-active #dashboard.page.on,body.production-premium-active #dashboard>.grid,body.production-premium-active #dashboard>.grid>.panel:not(.drivers),body.production-premium-active #slots{display:contents!important}
body.production-premium-active #dashboard .dashfilters{order:0;display:flex!important;flex-wrap:nowrap!important;gap:12px;margin:0!important;padding:0 0 6px!important;overflow:auto;scrollbar-width:thin}
body.production-premium-active #dashboard .dashfilters button{flex:1 0 auto;min-height:46px;min-width:100px;padding:10px 20px!important;background:linear-gradient(#fff,#e9f3ff)!important;color:#24436e!important;border:1px solid #d2e1f2!important;border-radius:16px!important;box-shadow:var(--prod-shadow);font-size:14px!important;white-space:nowrap}
body.production-premium-active #dashboard .dashfilters button.on{background:var(--prod-blue)!important;color:white!important;border-color:#fff!important;box-shadow:0 5px 15px #1b67d238,inset 0 1px 2px #fff}
body.production-premium-active #dashboard .top{order:1;min-height:114px;height:auto!important;margin:0!important;border:0!important;gap:20px;padding:8px 0!important;align-items:center!important}
body.production-premium-active #dashboard .top p{color:#617ea2;font-size:14px;letter-spacing:1.4px}
body.production-premium-active #dashboard .top h1{font-size:clamp(30px,3.3vw,48px)!important;line-height:1.15;letter-spacing:-1.5px;color:#061f4d;margin:5px 0}
body.production-premium-active #dashboard .top h1 i{color:#1768e8;font-weight:800}
body.production-premium-active #dashboard .top .production-description{font-size:18px;letter-spacing:0;font-weight:400;margin-top:5px;line-height:1.4}
body.production-premium-active #dashboard .actions{gap:18px;flex:none}
body.production-premium-active #dashboard .actions button{min-height:56px;padding:14px 22px!important;border-radius:17px!important;font-size:17px!important;font-weight:750;border:1px solid #ffffff66!important;white-space:nowrap}
body.production-premium-active #dashboard .primary{background:linear-gradient(165deg,#528ff0,#0952b9 65%,#07429b)!important;color:white!important;box-shadow:0 7px 15px #1f58ab40,inset 0 1px 3px #b9dfff}
body.production-premium-active #dashboard .openingbtn{background:linear-gradient(165deg,#ffef89,#ffd13c 55%,#f6ae0b)!important;color:#1d3553!important;box-shadow:0 7px 15px #b9842530,inset 0 1px 3px #fff4b8}
body.production-premium-active #dashboard .metrics{order:2;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;padding:0!important;margin:0!important}
body.production-premium-active #dashboard .metric{position:relative;display:grid!important;grid-template-columns:95px 1fr;grid-template-rows:auto 1fr auto;column-gap:10px;align-items:center;padding:19px 20px!important;min-height:128px;border:1px solid #ffffff!important;border-radius:17px!important;box-shadow:var(--prod-shadow);background:linear-gradient(130deg,#f7fcff,#dfedff)!important;overflow:hidden}
body.production-premium-active #dashboard .metric-pizza-total{background:linear-gradient(130deg,#fffaf3,#fff3e8)!important}body.production-premium-active #dashboard .metric-deliveries{background:linear-gradient(130deg,#f2fffa,#dff7ef)!important}body.production-premium-active #dashboard .metric-revenue{background:linear-gradient(130deg,#f8f4ff,#e9e5fc)!important}
.production-kpi-icon{grid-column:1;grid-row:1/4;width:90px;height:90px;object-fit:contain}
body.production-premium-active #dashboard .metric small{grid-column:2;font-size:16px!important;letter-spacing:0!important;color:#1d3d65!important;font-weight:600}
body.production-premium-active #dashboard .metric b{grid-column:2;font-size:46px!important;color:#092350!important;line-height:1.1}
body.production-premium-active #dashboard .metric span{grid-column:2;float:none!important;margin:0!important;font-size:13px!important;color:#64809e!important}
body.production-premium-active #dashboard .metric .production-hidden-revenue{font-size:28px!important;letter-spacing:4px;color:#102955!important;grid-row:2}
body.production-premium-active #dashboard .revenue-toggle{position:absolute;right:15px;bottom:25px;width:48px!important;height:48px!important;border:1px solid #dedcf7!important;border-radius:14px!important;background:linear-gradient(#fff,#eeedfc)!important;box-shadow:var(--prod-shadow);color:#142e5a}
body.production-premium-active .main>.tr-system-status{order:3;position:static!important;inset:auto!important;display:flex!important;align-items:center!important;gap:18px!important;min-height:46px!important;padding:9px 18px!important;margin:0!important;border:1px solid #e1ecf8!important;background:linear-gradient(#fff,#f3f8ff)!important;border-radius:15px!important;box-shadow:var(--prod-shadow)!important;width:100%!important}
body.production-premium-active #commercialSync{flex:none;background:transparent!important;border:0!important;box-shadow:none!important;color:#173358!important;font-size:12px!important;padding:3px!important;min-height:28px!important}
body.production-premium-active .tr-device-panel{display:flex!important;align-items:center!important;gap:24px!important;flex:1;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
body.production-premium-active .tr-device-panel header{display:flex!important;gap:25px!important;align-items:center!important;margin:0!important}
body.production-premium-active .tr-device-panel header b,body.production-premium-active .tr-device-panel header span{font-size:12px!important;white-space:nowrap;color:#284976}
body.production-premium-active .tr-device-panel .tr-device-row{display:flex!important;align-items:center!important;gap:5px!important;padding:0!important;border:0!important;font-size:12px!important;white-space:nowrap;background:transparent!important}
body.production-premium-active .tr-device-row small{font-size:12px!important}
body.production-premium-active .tr-device-row:before{box-shadow:inset -2px -2px 3px #0003,inset 2px 2px 3px #fff8,0 2px 4px #145e7e20;width:12px!important;height:12px!important}
body.production-premium-active #dashboard .production-calendar{order:4;display:flex!important;align-items:center;gap:12px!important;padding:10px 16px!important;min-height:64px;margin:0!important;background:linear-gradient(#fbfdff,#edf5ff)!important;border:1px solid #e0ebf8!important;border-radius:18px!important;box-shadow:var(--prod-shadow)}
body.production-premium-active #dashboard .production-calendar button,body.production-premium-active #dashboard .production-calendar input{min-height:44px!important;border:1px solid #dce7f6!important;border-radius:13px!important;background:linear-gradient(#fff,#edf5ff)!important;color:#183963!important;box-shadow:var(--prod-shadow);font-size:16px!important;padding:9px 14px!important}
body.production-premium-active #dashboard .production-calendar label{display:flex;align-items:center;gap:16px;color:#64809f;font-size:12px}
body.production-premium-active #dashboard .production-calendar strong{margin-left:auto;color:#16375b;font-size:13px}
.production-plan-heading{order:5;display:flex;align-items:center;gap:12px;padding:13px 20px;background:linear-gradient(#fff,#f5faff);border:1px solid #e0ebf8;border-radius:18px 18px 0 0;box-shadow:var(--prod-shadow);margin-bottom:-12px;font-size:16px}.production-plan-heading img{width:32px;height:32px}
body.production-premium-active #dashboard .slot{order:6;position:relative;display:grid!important;grid-template-columns:230px minmax(0,1fr) 95px;grid-template-rows:auto auto;gap:4px 18px!important;align-items:center;padding:12px 18px 12px 38px!important;min-height:78px;margin:0 0 -12px!important;background:linear-gradient(110deg,#fff,#f8fcff)!important;border:1px solid #e1eaf6!important;border-top:0!important;border-radius:0!important;box-shadow:0 7px 18px #3b7bad09}
body.production-premium-active #dashboard .slot:last-child{border-radius:0 0 18px 18px!important}
body.production-premium-active #dashboard .slot:before{content:'';position:absolute;left:12px;top:10px;bottom:10px;width:7px;border-radius:7px;background:linear-gradient(90deg,#a9bfdc,#839dc0);box-shadow:inset 1px 1px 2px #fff8}
body.production-premium-active #dashboard .slot:has(.dynamicorder):before,body.production-premium-active #dashboard .slot.current:before{background:linear-gradient(90deg,#1fae75,#70dca5)}
body.production-premium-active #dashboard .slot.warning:before{background:#e4ad37}body.production-premium-active #dashboard .slot.full:before,body.production-premium-active #dashboard .slot.over:before{background:#d34850}
body.production-premium-active #dashboard .slothead{display:contents!important}
body.production-premium-active #dashboard .slothead>b{grid-column:1;grid-row:1;font-size:18px!important;color:#14325a;padding-left:39px;position:relative;white-space:nowrap}
body.production-premium-active #dashboard .slothead>b:before{content:'';position:absolute;left:0;top:0;width:25px;height:25px;border:3px solid #6f8bb1;border-radius:50%;background:linear-gradient(#fff,#eff5ff)}
body.production-premium-active #dashboard .slothead>b:after{content:'';position:absolute;left:13px;top:6px;width:7px;height:9px;border-left:2px solid #5e7eaa;border-bottom:2px solid #5e7eaa;transform:skewY(20deg)}
body.production-premium-active #dashboard .slothead>span:not(.free){grid-column:1;grid-row:2;padding-left:39px;font-size:14px;color:#6580a1;align-self:start}
body.production-premium-active #dashboard .bar{grid-column:2;grid-row:1;height:10px!important;background:#e0e9f7!important;border-radius:9px;box-shadow:inset 0 1px 2px #2546790a}
body.production-premium-active #dashboard .bar i{background:linear-gradient(90deg,#16ac74,#9bd279)!important;box-shadow:inset 0 1px 1px #fff8}
body.production-premium-active #dashboard .slot.warning .bar i{background:linear-gradient(90deg,#e9a729,#f8d773)!important}body.production-premium-active #dashboard .slot.full .bar i,body.production-premium-active #dashboard .slot.over .bar i{background:#d85159!important}
body.production-premium-active #dashboard .free{grid-column:3;grid-row:1;align-self:start;padding:9px!important;border-radius:13px!important;background:linear-gradient(#edfbf4,#ddf3e9)!important;color:#197950!important;font-size:14px!important}
body.production-premium-active #dashboard .free.capacityfull{background:#ffe3e4!important;color:#a52b39!important}
body.production-premium-active #dashboard .dynamicorders{grid-column:2;grid-row:2;min-width:0!important;min-height:0!important;padding:0!important;gap:16px!important}
body.production-premium-active #dashboard .slot:has(.dynamicorder) .dynamicorders{grid-row:1/3}
body.production-premium-active #dashboard .slot:has(.dynamicorder) .bar{display:none!important}
body.production-premium-active #dashboard .emptycart{padding:0!important;text-align:left!important;font-size:12px;color:#748baa}
body.production-premium-active #dashboard .dynamicorder{flex:0 1 240px!important;min-width:200px!important;width:240px!important;min-height:110px!important;height:auto!important;padding:8px 12px!important;border:1px solid #d5e7e9!important;border-left:6px solid var(--mode-color,#25ac82)!important;border-radius:14px!important;background:linear-gradient(135deg,#fff,#effaf7)!important;box-shadow:0 5px 12px #266c8b16,inset 0 1px 1px #fff!important}
body.production-premium-active #dashboard .dynamicorder.mode-asporto{background:linear-gradient(135deg,#fff,#fff8ea)!important}body.production-premium-active #dashboard .dynamicorder.mode-domicilio{background:linear-gradient(135deg,#fff,#edf7ff)!important}
body.production-premium-active #dashboard .dynamicorder h3{display:flex!important;flex-wrap:wrap;gap:2px!important;margin:1px 0!important;font-size:16px!important;color:#16335a}
body.production-premium-active #dashboard .dynamicorder h3 small{width:100%;font-size:10px!important;color:#69809b!important}
body.production-premium-active #dashboard .dashmore{min-width:40px!important;min-height:40px!important;width:40px!important;height:40px!important;border-radius:10px!important;background:linear-gradient(#fff,#e8f3ff)!important;border:1px solid #e3edf7!important;color:#17395e!important;box-shadow:var(--prod-shadow);font-size:19px!important}
body.production-premium-active #dashboard .dynamicorder header{min-height:24px!important}.dynamicorder .compactmode{padding-right:4px}
body.production-premium-active #dashboard .dynamicorder footer{font-size:12px!important}
body.production-premium-active #dashboard button{transition:box-shadow .12s,filter .12s}
body.production-premium-active button:hover:not(:disabled){filter:brightness(1.025)}body.production-premium-active button:active:not(:disabled){box-shadow:inset 0 2px 5px #13395e30!important}body.production-premium-active button:focus-visible{outline:3px solid #1776da;outline-offset:3px}
body.management-premium-shell .cashier-alert{bottom:18px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(620px,calc(100vw - 440px))!important;max-width:620px!important;background:linear-gradient(150deg,#ec3540,#bd0b23)!important;border:1px solid #f8aaa4!important;color:#fff!important;border-radius:20px!important;box-shadow:0 10px 25px #b4193840,inset 0 1px 3px #ffb0ae!important;min-height:74px!important;padding:12px 16px!important;gap:12px!important}
body.management-premium-shell .cashier-alert>i{font-size:0!important;width:40px!important;height:44px!important;background:url('assets/production/bell.png') center/contain no-repeat!important;flex:none}
body.management-premium-shell .cashier-alert b{font-size:14px!important}body.management-premium-shell .cashier-alert small{font-size:12px!important}body.management-premium-shell .cashier-alert button{min-height:44px!important;border-radius:13px!important;background:#fff!important;color:#a81d32!important;border:1px solid #ffe4dc!important;white-space:nowrap}
body.management-premium-shell .tr-ai-ops-open{bottom:20px!important;right:24px!important;min-height:52px!important;padding:14px 23px!important;border-radius:30px!important;background:linear-gradient(160deg,#bc71ff,#8030d7 65%,#631cb2)!important;color:white!important;border:1px solid #c897f4!important;box-shadow:0 8px 22px #7624b445,inset 0 1px 2px #e0c1ff!important;font-size:14px!important}
body.management-premium-shell .tr-notification-launcher{bottom:20px!important;left:24px!important;max-width:185px!important;min-height:48px;background:linear-gradient(150deg,#3e83c8,#17497e)!important;border-radius:20px!important;color:white!important;box-shadow:var(--prod-shadow)!important}
@media(max-width:1200px){body.production-premium-active .production-masthead{gap:12px;padding:12px 22px}.production-brand{min-width:160px}.production-brand b{font-size:21px}.production-business{max-width:150px}.production-search{max-width:360px}.production-search kbd{display:none}.production-service .ok{padding:10px;font-size:11px}body.production-premium-active .main{padding:12px 22px 115px!important}body.production-premium-active #dashboard .actions{gap:10px}body.production-premium-active #dashboard .actions button{font-size:14px!important;padding:12px 16px!important;min-height:50px}body.production-premium-active #dashboard .top .production-description{font-size:15px}body.production-premium-active #dashboard .metric{grid-template-columns:65px 1fr;padding:16px 12px!important;gap:6px;min-height:120px}.production-kpi-icon{width:62px;height:75px}body.production-premium-active #dashboard .metric small{font-size:14px!important}body.production-premium-active #dashboard .metric b{font-size:38px!important}body.production-premium-active #dashboard .metric span{font-size:11px!important}body.production-premium-active .tr-device-panel,body.production-premium-active .tr-device-panel header{gap:12px!important}body.production-premium-active .main>.tr-system-status{gap:12px!important;padding:9px 10px!important}body.production-premium-active .tr-device-panel .tr-device-row,body.production-premium-active .tr-device-row small,body.production-premium-active .tr-device-panel header b,body.production-premium-active .tr-device-panel header span,body.production-premium-active #commercialSync{font-size:10px!important}body.production-premium-active #dashboard .slot{grid-template-columns:195px minmax(0,1fr) 85px;gap:4px 12px!important}body.production-premium-active #dashboard .slothead>b{font-size:16px!important}body.management-premium-shell .cashier-alert{width:calc(100vw - 415px)!important;gap:8px!important;padding:10px!important}body.management-premium-shell .cashier-alert>i{width:30px!important}body.management-premium-shell .cashier-alert b{font-size:12px!important}body.management-premium-shell .cashier-alert small{font-size:11px!important}}
@media(max-width:800px){body.production-premium-active .production-masthead{flex-wrap:wrap}.production-search{order:5;max-width:none;flex-basis:100%}.production-business{margin-left:auto}.production-service{display:none}body.production-premium-active #dashboard .top{flex-wrap:wrap}body.production-premium-active #dashboard .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.production-premium-active .main>.tr-system-status,body.production-premium-active .tr-device-panel{flex-wrap:wrap}body.production-premium-active #dashboard .production-calendar{flex-wrap:wrap}body.production-premium-active #dashboard .production-calendar strong{width:100%}body.production-premium-active #dashboard .slot{grid-template-columns:minmax(0,1fr) 90px!important}body.production-premium-active #dashboard .slothead>b,body.production-premium-active #dashboard .slothead>span:not(.free){grid-column:1}body.production-premium-active #dashboard .free{grid-column:2}body.production-premium-active #dashboard .dynamicorders,body.production-premium-active #dashboard .slot:has(.dynamicorder) .dynamicorders{grid-column:1/-1;grid-row:3}body.production-premium-active #dashboard .bar{grid-column:1/-1;grid-row:4}body.management-premium-shell .cashier-alert{bottom:82px!important;width:calc(100vw - 32px)!important}body.production-premium-active .main{padding-bottom:180px!important}}
@media(prefers-reduced-motion:reduce){body.production-premium-active button{transition:none!important}}
/* Explicitly override the pre-existing horizontal navigation geometry. */
html#tr-management-layout body.management-premium-shell .app>.side{width:calc(100% - 44px)!important;padding:5px!important}
html#tr-management-layout body.management-premium-shell .side>#nav{gap:6px!important;padding:0!important}
html#tr-management-layout body.management-premium-shell .side #nav button{min-height:47px!important;height:47px!important;padding:0 12px!important;flex:1 0 auto!important;font-weight:600!important}
body.management-premium-shell .cashier-alert{top:auto!important;height:auto!important}
body.production-premium-active #dashboard .emptycart{min-height:0!important;height:auto!important;line-height:16px!important}
body.production-premium-active #dashboard .slot{grid-template-rows:minmax(26px,auto) minmax(16px,auto)!important;min-height:74px!important}
body.production-premium-active #dashboard .slot:has(.dynamicorder){grid-template-rows:1fr 1fr!important}
body.production-premium-active #dashboard .top .production-description{font-size:clamp(14px,1.25vw,18px)!important}
@media(min-width:1201px){html#tr-management-layout body.management-premium-shell .side #nav button{padding:0 10px!important;font-size:13px!important;gap:7px!important}html#tr-management-layout body.management-premium-shell .side>#nav{gap:5px!important}}
@media(min-width:801px) and (max-width:1200px){body.production-premium-active .production-masthead{min-height:70px;padding-top:8px;padding-bottom:8px}body.production-premium-active #dashboard .top{min-height:85px!important}body.production-premium-active #dashboard .metric{min-height:100px;padding:11px 12px!important}.production-plan-heading{padding:8px 16px;min-height:46px}body.production-premium-active .main{gap:10px!important}body.production-premium-active #dashboard .slot{margin-bottom:-10px!important}.production-plan-heading{margin-bottom:-10px}}
html#tr-management-layout body.management-premium-shell .side #nav [hidden]{display:none!important}
body.production-premium-active #dashboard .actions [data-go="nuovo"]{display:inline-flex;align-items:center;gap:10px}
body.production-premium-active #dashboard .actions svg,body.production-premium-active #openBookingMobile>svg{width:24px;height:24px;flex:none}
body.production-premium-active #dashboard .compactmode i{font-size:0;font-style:normal;width:15px;height:17px;display:inline-block;background:currentColor;mask:url('assets/production/orders.png') center/contain no-repeat}
body.production-premium-active #dashboard .compactpizzas{font-size:0!important;display:flex;align-items:center;gap:5px}
body.production-premium-active #dashboard .compactpizzas:before{content:'';width:21px;height:22px;background:url('assets/production/pizza.png') center/contain no-repeat}
body.production-premium-active #dashboard .compactpizzas span{font-size:12px}
body.production-premium-active #dashboard .mode-domicilio .compactmode i{mask-image:url('assets/production/scooter.png')}
@media(min-width:801px) and (max-width:1200px){body.production-premium-active #dashboard .dynamicorder{flex-basis:175px!important;width:175px!important;min-width:175px!important;padding:8px!important}body.production-premium-active #dashboard .dynamicorder h3{font-size:14px!important}body.production-premium-active #dashboard .dynamicorders{gap:10px!important}}
/* Shared management chrome only: page styling remains scoped to Production. */
body.management-premium-shell .production-masthead{background:radial-gradient(ellipse at 57% 0,#fff9de,transparent 24%),linear-gradient(110deg,#badbff,#f2f8ff);color:var(--prod-ink)}
body.management-premium-shell #openBookingMobile>svg{width:24px;height:24px;flex:none}
body.management-premium-shell #nav button:focus-visible,body.management-premium-shell .production-masthead button:focus-visible{outline:3px solid #1776da;outline-offset:2px}
body.management-premium-shell #nav button:hover:not(:disabled){filter:brightness(1.025)}
body.management-premium-shell #nav button:active:not(:disabled){box-shadow:inset 0 2px 5px #13395e30!important}
@media(max-width:1200px){body.management-premium-shell .production-masthead{gap:12px;padding:12px 22px}}
@media(min-width:801px) and (max-width:1200px){body.management-premium-shell .production-masthead{min-height:70px;padding-top:8px;padding-bottom:8px}}
@media(max-width:800px){body.management-premium-shell .production-masthead{flex-wrap:wrap}}
body:not(.management-premium-shell) .production-masthead{display:none!important}
/* Keep the existing operational alert clear of the shared navigation. */
body.management-premium-shell:not(.production-premium-active) .cashier-alert{top:auto!important;bottom:18px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(620px,calc(100vw - 440px))!important;height:auto!important}
@media(max-width:800px){body.management-premium-shell:not(.production-premium-active) .cashier-alert{bottom:82px!important;width:calc(100vw - 32px)!important}}

/* Shared tablet navigation: retain every label and the existing row height. */
@media(min-width:1000px) and (max-width:1360px){
html#tr-management-layout body.management-premium-shell .side #nav button{padding:0 4px!important;font-size:12px!important;gap:4px!important}
html#tr-management-layout body.management-premium-shell .side #nav button i,html#tr-management-layout body.management-premium-shell .side #nav button>svg{width:18px!important;height:18px!important;flex:none}
html#tr-management-layout body.management-premium-shell .side #nav i svg{width:18px;height:18px}
}

@media(min-width:1000px) and (max-width:1100px){
html#tr-management-layout body.management-premium-shell .side #nav button{padding:0 2px!important;font-size:11px!important;gap:2px!important}
html#tr-management-layout body.management-premium-shell .side #nav button i,html#tr-management-layout body.management-premium-shell .side #nav button>svg{width:16px!important;height:16px!important}
html#tr-management-layout body.management-premium-shell .side #nav i svg{width:16px;height:16px}
}
