body.tr-order-design .main{padding:16px 24px 115px!important;min-width:0}
body.tr-order-design #nuovo .top{height:auto!important;min-height:100px;padding:5px 0 10px!important;border:0!important;margin:0!important;align-items:center}
body.tr-order-design #nuovo .top h1{font-size:clamp(30px,3.3vw,48px)!important;letter-spacing:-1.5px;color:var(--tr-ink);margin:5px 0;line-height:1.15}
body.tr-order-design #nuovo .top p{color:var(--tr-muted);letter-spacing:1.4px;font-size:12px}
body.tr-order-design #nuovo .top .tr-order-description{font-size:16px;letter-spacing:0;font-weight:400;margin-top:5px}
body.tr-order-design #nuovo .orderflow{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:16px!important;margin-top:6px;align-items:start}
body.tr-order-design #nuovo .flowmain{background:transparent!important;border:0!important;padding:0!important;min-width:0;box-shadow:none}
body.tr-order-design #nuovo .flowsection{padding:15px!important;margin:0 0 14px!important;min-width:0}
body.tr-order-design #nuovo .flowsection h2{font-size:17px!important;color:var(--tr-ink);margin:0 0 12px;display:flex;align-items:center;gap:8px}
body.tr-order-design #nuovo .flowsection:first-child{padding:0!important;border:0!important;background:none!important;box-shadow:none}
body.tr-order-design #nuovo .flowsection:first-child>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.tr-order-design #nuovo .modegrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.tr-order-design #nuovo .modebtn{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:2px 10px;min-height:88px;padding:10px!important;background:var(--tr-surface)!important;border:1px solid #fff!important;border-radius:18px!important;box-shadow:var(--tr-elevation-2);color:#1161bf;text-align:left}
body.tr-order-design #nuovo .modebtn.on{background:linear-gradient(140deg,#fff,#dcf3ff)!important;border-color:#65cde6!important;box-shadow:0 0 0 2px #89dfff55,var(--tr-elevation-2)}
body.tr-order-design #nuovo .modebtn .tr-mode-art{grid-row:1/3;width:64px;height:64px;object-fit:contain}
body.tr-order-design #nuovo .modebtn b{font-size:17px!important;grid-column:2}
body.tr-order-design #nuovo .modebtn small{font-size:12px!important;color:var(--tr-muted);grid-column:2}
body.tr-order-design #nuovo .formgrid{gap:10px 12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.tr-order-design #nuovo .formgrid label,body.tr-order-design #nuovo .flowsummary label{font-size:12px!important;color:var(--tr-muted);font-weight:600;min-width:0}
body.tr-order-design #nuovo .formgrid input,body.tr-order-design #nuovo .formgrid select,body.tr-order-design #nuovo .formgrid textarea{margin-top:5px;width:100%}
body.tr-order-design #nuovo .formgrid textarea{min-height:74px;resize:vertical}
body.tr-order-design #nuovo .requirednote{font-size:11px;color:var(--tr-muted);margin:8px 0 0}
body.tr-order-design #nuovo label:has(#orderSlot){background:#e9f3ff;border-radius:12px;padding:8px}
body.tr-order-design #nuovo .toolbar{gap:10px;margin:0 0 12px;display:flex}
body.tr-order-design #nuovo .toolbar input{flex:1;min-width:0}
body.tr-order-design #nuovo .toolbar select{max-width:38%}
body.tr-order-design #nuovo .menu-catalog-layout{display:flex!important;flex-direction:column!important;gap:12px;min-width:0;margin:0}
body.tr-order-design #nuovo .menu-catalog-layout>#picker{width:100%}
body.tr-order-design #nuovo .menufilters{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;position:static!important;width:100%;max-width:100%;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding:3px 3px 9px!important;gap:8px;scrollbar-width:thin;overscroll-behavior-x:contain}
body.tr-order-design #nuovo .menufilters button{flex:0 0 auto!important;width:auto!important;min-height:46px;white-space:nowrap!important;padding:10px 14px!important;background:var(--tr-surface)!important;color:var(--tr-ink)!important;border:1px solid var(--tr-line)!important;box-shadow:var(--tr-elevation-1);display:flex;align-items:center;gap:8px;font-size:13px!important}
body.tr-order-design #nuovo .menufilters button.on{background:var(--tr-blue)!important;color:white!important;box-shadow:var(--tr-elevation-button)}
body.tr-order-design #nuovo .menu-product-group{border:1px solid var(--tr-line)!important;border-radius:16px!important;background:linear-gradient(140deg,#fff,#f7fbff)!important;padding:12px!important}
body.tr-order-design #nuovo .menu-product-group[hidden]{display:none!important}
body.tr-order-design #nuovo .menu-product-group summary{color:var(--tr-ink);font-size:18px;min-height:36px;gap:8px}
body.tr-order-design #nuovo .menu-product-group summary span{background:#e7f0ff;color:#285388;font-size:12px;white-space:nowrap}
body.tr-order-design #nuovo .menu-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}
body.tr-order-design #nuovo .pickproduct{display:flex!important;flex-direction:column;align-items:stretch!important;position:relative;padding:12px 12px 58px!important;min-height:174px;background:white!important;border:1px solid var(--tr-line)!important;border-radius:15px!important;box-shadow:var(--tr-elevation-1);overflow:hidden;transform:none!important}
body.tr-order-design #nuovo .pickproduct b{font-size:15px!important;color:#1159ad;line-height:1.3}
body.tr-order-design #nuovo .pickproduct small{font-size:12px!important;line-height:1.4;min-height:0;color:var(--tr-muted);margin-top:7px}
body.tr-order-design #nuovo .pickproduct>span{position:absolute;bottom:12px;left:12px;color:#b33135!important;background:#fff0e9!important;font-size:15px!important;padding:5px 7px;border-radius:9px}
body.tr-order-design #nuovo .pickproduct:after{content:'+';position:absolute;right:10px;bottom:10px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--tr-blue);color:white;font-size:26px;box-shadow:var(--tr-elevation-button)}
body.tr-order-design #nuovo .ops-product-image{width:calc(100% + 24px)!important;height:115px!important;margin:-12px -12px 10px;object-fit:cover;border-radius:0!important}
body.tr-order-design #nuovo .tr-product-placeholder{width:34px;height:34px;padding:6px;background:#edf4ff;border-radius:10px;color:#527bad;margin-bottom:8px}
body.tr-order-design #nuovo .flowsummary{padding:16px!important;position:sticky!important;top:12px!important;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;min-width:0}
body.tr-order-design #nuovo .flowsummary h2{font-size:25px!important;display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--tr-ink)}
body.tr-order-design #nuovo .emptycart{padding:24px 10px!important;min-height:155px;font-size:14px!important;line-height:1.6;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #edf1f7;border-radius:16px;background:#fff}
body.tr-order-design #nuovo .emptycart svg{width:50px;height:50px;margin-bottom:12px;color:#7d97bd;background:#edf3ff;border-radius:50%;padding:10px}
body.tr-order-design #nuovo .emptycart b{color:var(--tr-ink);font-size:16px}
body.tr-order-design #nuovo .cartline{grid-template-columns:minmax(0,1fr);gap:7px;padding:12px 0;font-size:14px}
body.tr-order-design #nuovo .cartline small{font-size:12px!important;line-height:1.45}
body.tr-order-design #nuovo .cartline div{justify-content:flex-start}
body.tr-order-design #nuovo .cartline button{min-width:40px;min-height:40px;border:1px solid var(--tr-line);background:var(--tr-surface);color:var(--tr-ink)}
body.tr-order-design #nuovo .cartline .cartedit{min-width:90px}
body.tr-order-design #nuovo .flowsummary :is(input,select){width:100%;margin:6px 0 12px}
body.tr-order-design #nuovo .summarytotal{font-size:23px!important;padding-top:15px}
body.tr-order-design #nuovo :is(#confirmOrder,.pay-launch){min-height:50px!important;font-size:14px!important;padding:12px!important;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;width:100%;white-space:normal}
body.tr-order-design #nuovo .pay-launch{background:linear-gradient(150deg,#36b28b,#117659)!important;color:white!important;border:1px solid #60c5a4!important;box-shadow:var(--tr-elevation-button);margin-top:10px}
@media(min-width:1600px){body.tr-order-design #nuovo .menu-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:801px) and (max-width:1150px){body.tr-order-design .main{padding:12px 18px 110px!important}body.tr-order-design #nuovo .orderflow{grid-template-columns:minmax(0,1fr) 290px!important;gap:12px!important}body.tr-order-design #nuovo .modebtn{grid-template-columns:40px 1fr;gap:2px 6px;padding:8px!important}body.tr-order-design #nuovo .tr-mode-art{width:40px;height:50px}body.tr-order-design #nuovo .modebtn b{font-size:14px!important}body.tr-order-design #nuovo .modebtn small{font-size:11px!important}body.tr-order-design #nuovo .menu-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){body.tr-order-design #nuovo .orderflow{grid-template-columns:1fr!important}body.tr-order-design #nuovo .flowsummary{position:static!important;max-height:none}body.tr-order-design #nuovo .modebtn{grid-template-columns:1fr;text-align:center}body.tr-order-design #nuovo .modebtn .tr-mode-art{grid-row:auto;width:40px;height:40px;margin:auto}body.tr-order-design #nuovo .modebtn :is(b,small){grid-column:1}body.tr-order-design #nuovo .menu-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.tr-order-design #nuovo .top{flex-wrap:wrap}}
/* The status module stays in its original DOM host, in normal flow. */
body.tr-order-design .main{display:flex!important;flex-direction:column!important;gap:12px!important}
body.tr-order-design .main>.tr-system-status{position:static!important;inset:auto!important;order:0;width:100%!important;margin:0!important;flex:none}
body.tr-order-design #nuovo{order:1}
@media(min-width:1151px){body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) #serviceFields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(230px,.85fr)!important}
body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) #serviceFields .customer-lookup{grid-column:1/3;grid-row:1}
body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) label:has(#customerName){grid-column:1;grid-row:2}
body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) label:has(#phone){grid-column:2;grid-row:2}
body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) label:has(#address){grid-column:1/3;grid-row:3}
body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) label:has(#city){grid-column:1;grid-row:4}
body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) label:has(#doorbell){grid-column:2;grid-row:4}
body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) label:has(#orderSlot){grid-column:3;grid-row:1/3;align-self:start}
body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) label:has(#orderNotes){grid-column:3;grid-row:3/5}
body.tr-order-design #nuovo:has(.modebtn[data-mode="Domicilio"].on) #orderNotes{height:calc(100% - 25px)}}
body.tr-order-design #nuovo input::placeholder{font-weight:400;color:#8797ad}
body.tr-order-design #nuovo .modebtn svg.tr-mode-art{padding:12px;background:linear-gradient(145deg,#fff,#dfeeff);border:1px solid #fff;border-radius:15px;filter:drop-shadow(0 4px 4px #427ab72b)}
body.tr-order-design #nuovo .modebtn[data-mode="Sala"] svg.tr-mode-art{background:linear-gradient(145deg,#fff,#e9e5fc)}
body.tr-order-design #nuovo .modebtn[data-mode="Asporto"] svg.tr-mode-art{background:linear-gradient(145deg,#fff,#ffefd8);color:#aa732f}
body.tr-order-design #nuovo .flowsection:has(#serviceFields){padding:12px!important}
body.tr-order-design #nuovo #serviceFields{gap:7px 12px!important}
body.tr-order-design #nuovo .flowsection:has(#picker)>h2{margin-bottom:8px}
body.tr-order-design #nuovo .top{min-height:90px}
@media(min-width:801px) and (max-width:1150px){body.tr-order-design #nuovo .modebtn .tr-mode-art{width:40px!important;height:50px!important;padding:5px!important}}
@media(max-width:800px){body.tr-order-design #nuovo .modebtn .tr-mode-art{width:40px!important;height:40px!important;padding:5px!important}}