/* Laptop order workspace: actual controls retained, no duplicate order data. */
#touch-laptop-menu,#touch-laptop-filter-toolbar{display:none}
@media(min-width:701px) and (max-width:1100px){
html:has(#mainOrderList),html:has(#mainOrderList) body{min-width:0!important;width:100%!important}
html[data-touch-theme] body.menu-item-1>header{position:relative!important;top:auto!important;min-width:0!important;width:100%!important}
body.menu-item-1>header #top>.table{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 16px!important;box-sizing:border-box!important;min-height:60px!important}
body.menu-item-1>header #logo{flex:0 0 auto!important;width:auto!important;min-width:0!important;order:0!important;padding:0!important;margin-right:4px!important}
body.menu-item-1 .touchlogis-wordmark{font-size:26px!important}
#touch-laptop-menu{display:inline-flex;order:1;flex:none}
.laptop-shell-toggle{align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid var(--touch-theme-border,#d5e1e9);border-radius:11px;background:var(--touch-theme-hover,#eaf6fa);color:var(--touch-theme-text,#294957);font:600 13px/1.3 system-ui;cursor:pointer;white-space:nowrap}
.laptop-shell-toggle:hover,.laptop-shell-toggle:focus-visible{background:color-mix(in srgb,#5fc6d7 18%,var(--touch-theme-surface,#fff));outline:2px solid #5fc6d780;outline-offset:1px}
body.menu-item-1>header #touch-problem-nav{display:flex!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;gap:4px!important;order:2!important;padding:0!important;justify-content:flex-start!important}
body.menu-item-1>header #touch-problem-nav>.item{flex:0 0 auto!important;padding:0!important}
body.menu-item-1>header #touch-problem-nav>.item>a{display:flex!important;align-items:center!important;gap:6px!important;padding:9px 8px!important;min-height:38px!important;font-size:13px!important;white-space:nowrap!important}
body.menu-item-1>header #touch-problem-nav .menu-notification-badge{position:static!important;display:inline-flex!important;min-width:20px!important;height:20px!important;width:auto!important;margin:0!important;padding:0 4px!important;font-size:11px!important}
body.menu-item-1.laptop-nav-collapsed>header #touch-problem-nav{display:none!important}
body.menu-item-1>header #search{order:3!important;flex:1 1 150px!important;max-width:260px!important;width:auto!important;margin-left:auto!important}
body.menu-item-1>header #search input[name=phrase]{font-size:14px!important;height:38px!important;min-height:38px!important;width:100%!important;box-sizing:border-box!important}
body.menu-item-1>header #menu{order:4!important}body.menu-item-1>header #user{order:5!important}
body.menu-item-1>header :is(.touch-header-icon,#userInfo){height:38px!important;min-height:38px!important;width:38px!important;min-width:38px!important;padding:7px!important;border-radius:11px!important;box-sizing:border-box!important}
body.menu-item-1>header #top .touch-theme-toggle{order:6!important}
body.menu-item-1>header>.bar{padding:6px 16px 10px!important;min-height:0!important;margin:0!important;max-height:none!important}
#touch-laptop-filter-toolbar{display:flex;align-items:center;gap:12px;padding:3px 0 7px}
#touch-laptop-filter-toolbar button{display:inline-flex}
.laptop-filter-summary{font:500 12px/1.4 system-ui;color:var(--touch-theme-muted,#607787);overflow-wrap:anywhere}
body.menu-item-1.laptop-filters-collapsed #filterBarForm{display:none!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm>.table{display:flex!important;flex-wrap:wrap!important;gap:8px 12px!important;align-items:center!important;width:100%!important;padding:0!important;margin:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .basic-filter{flex:0 1 420px!important;width:auto!important;min-width:0!important;padding:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .datesHeader{display:grid!important;grid-template-columns:140px minmax(0,1fr)!important;gap:8px!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .eshops{flex:1 1 650px!important;min-width:0!important;padding:0!important;border:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .eshop-select{display:flex!important;flex-wrap:wrap!important;gap:5px!important;padding:0!important;border:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .eshop-select .check-label{min-height:38px!important;padding:8px 9px!important;font-size:13px!important;margin:0!important;white-space:nowrap!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .eshop-select .check-label img{max-width:23px!important;max-height:23px!important;margin-right:6px!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .operations{flex:1 1 100%!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .buttons-group>.buttons{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .buttons-group .check-label{font-size:12px!important;padding:8px 9px!important;min-height:36px!important;min-width:36px!important;margin:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .operations :is(select,.select){min-height:36px!important;height:36px!important;font-size:12px!important;max-width:180px!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm :is(#preset,.touch-date-trigger){min-height:38px!important;height:38px!important;font-size:12px!important;width:100%!important;max-width:100%!important;padding:6px 9px!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .touch-date-trigger small{font-size:10px!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 0 auto!important;padding:0!important;flex:none!important}
html[data-touch-theme] body.menu-item-1>header #touch-filter-actions :is(button,label){font-size:12px!important;min-height:36px!important;height:36px!important;padding:7px 12px!important;margin:0!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm>.table>.mobile,#mobile-filter-toggle{display:none!important}
html[data-touch-theme] body.menu-item-1 #body{padding:8px 16px 80px!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1 #content,.orders-view{min-width:0!important;max-width:100%!important;overflow:visible!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important;border:0!important;border-spacing:0!important}
#mainOrderList>tbody:not(.mobile-order-card){display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card{display:block!important;border:1px solid var(--touch-theme-border,#ccdbe4)!important;border-radius:15px!important;overflow:visible!important;margin:0 0 12px!important;padding:0!important;position:relative!important;box-shadow:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card:hover{border-color:#64b9ca!important;transform:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.row:not(.comment):not(.lastPrintRow){display:grid!important;grid-template-columns:30px 64px minmax(150px,1.2fr) 90px minmax(160px,1.8fr) 28px 58px 102px 102px 112px 28px 28px!important;column-gap:8px!important;row-gap:6px!important;align-items:center!important;padding:10px!important;box-sizing:border-box!important;border:0!important;background:transparent!important;position:relative!important;transform:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card td{display:block!important;position:relative!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:2px 0!important;border:0!important;float:none!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important;vertical-align:middle!important;transform:none!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card :is(.title,.sub){line-height:1.4!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card .title{font-size:13px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card .sub{font-size:11px!important}
#mainOrderList .mobile-order-card .o-country{grid-column:1;grid-row:1}#mainOrderList .mobile-order-card .o-shipping{grid-column:2;grid-row:1}
#mainOrderList .mobile-order-card .o-id{grid-column:3;grid-row:1}#mainOrderList .mobile-order-card .o-date{grid-column:4;grid-row:1}
#mainOrderList .mobile-order-card .o-clientname{grid-column:5;grid-row:1}#mainOrderList .mobile-order-card .o-note{grid-column:6;grid-row:1}
#mainOrderList .mobile-order-card .o-weight{grid-column:7;grid-row:1}#mainOrderList .mobile-order-card .o-orderstate{grid-column:8;grid-row:1}
#mainOrderList .mobile-order-card .o-payment{grid-column:9;grid-row:1}#mainOrderList .mobile-order-card .o-total{grid-column:10;grid-row:1}
#mainOrderList .mobile-order-card .o-package{grid-column:11;grid-row:1}#mainOrderList .mobile-order-card .o-tat{grid-column:12;grid-row:1}
#mainOrderList .mobile-order-card .o-i-simg{grid-column:1;grid-row:2}#mainOrderList .mobile-order-card .o-i-code{grid-column:2/4;grid-row:2}
#mainOrderList .mobile-order-card .o-i-quantity{grid-column:4;grid-row:2}#mainOrderList .mobile-order-card .o-i-name{grid-column:5/10;grid-row:2}
#mainOrderList .mobile-order-card .o-i-img{grid-column:10/12;grid-row:2;justify-self:center}#mainOrderList .mobile-order-card .o-i-itemstate{grid-column:12;grid-row:2}
#mainOrderList .mobile-order-card tr:not(.firstRow) :is(.o-i-simg,.o-i-code,.o-i-quantity,.o-i-name,.o-i-img,.o-i-itemstate){grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-id .title{white-space:normal!important;overflow-wrap:anywhere!important;font-weight:750!important;font-size:14px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-clientname>.title{font-weight:700!important;font-size:14px!important;overflow-wrap:anywhere!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-name{min-width:0!important;overflow-wrap:anywhere!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-i-name>.title{font-size:14px!important;font-weight:650!important;display:block!important;white-space:normal!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
.mobile-title-toggle,.mobile-client-details>summary,.mobile-price-details>summary{display:none!important}
.mobile-client-details,.mobile-price-details{padding:0!important;border:0!important;font-size:11px!important}
#mainOrderList .mobile-order-card .o-i-img img{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;object-fit:contain!important;background:white;border-radius:10px;display:block!important;transform:none!important;opacity:1!important}
#mainOrderList .mobile-order-card .o-i-simg{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important}
#mainOrderList .mobile-order-card .o-i-simg br{display:none!important}#mainOrderList .mobile-order-card .supplier-icon{max-width:30px!important}
#mainOrderList .mobile-order-card .o-shipping img{max-width:24px!important;max-height:24px!important}
#mainOrderList .mobile-order-card .o-shipping :is(select,input){min-height:26px!important;height:26px!important;max-width:64px!important;min-width:0!important;font-size:11px!important}
#mainOrderList .mobile-order-card .o-date input{font-size:11px!important;max-width:90px!important;min-height:22px!important}
#mainOrderList .mobile-order-card .mobile-date-edit{display:none!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-orderstate :is(.select-chosen,.value){white-space:nowrap!important;font-size:12px!important}
#mainOrderList .o-orderstate .select-chosen{padding:6px 22px 6px 8px!important;box-sizing:border-box!important;min-width:0!important}
#mainOrderList .mobile-order-card .o-payment .switchButton{padding:6px 8px!important;white-space:nowrap!important;font-size:12px!important;max-width:100%!important;box-sizing:border-box!important}
#mainOrderList .mobile-order-card .touch-weight-edit{width:30px!important;min-width:30px!important;min-height:30px!important;height:30px!important;padding:5px!important}
#mainOrderList .mobile-order-card .o-total{text-align:right!important}#mainOrderList .mobile-order-card .o-total .title{font-weight:750!important;white-space:nowrap!important}
#mainOrderList .mobile-order-card .o-i-code .order-code-token{font-size:12px!important;white-space:nowrap!important}
#mainOrderList .mobile-order-card .o-i-name .product-suppliers{display:inline-flex!important;flex-wrap:wrap!important;gap:7px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>.mobile-actions-toggle{display:block!important;border-top:1px solid var(--touch-theme-border,#ccdbe4)!important;background:transparent!important}
#mainOrderList .mobile-order-card .mobile-actions-toggle>td{width:100%!important;padding:0!important;display:block!important}
.mobile-order-actions-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:32px;padding:6px 12px;border:0;border-radius:0 0 14px 14px;background:color-mix(in srgb,#6dc6d6 8%,var(--touch-theme-surface,#fff));color:inherit;font:600 12px/1.4 system-ui;cursor:pointer}
.mobile-order-actions-button:after{content:'⌄';font-size:18px}.mobile-order-actions-button[aria-expanded=true]:after{content:'⌃'}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>.mobile-action-row{display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card.mobile-actions-open>.mobile-action-row{display:block!important;background:transparent!important;border:0!important;padding:0 10px!important}
#mainOrderList .mobile-order-card .mobile-action-row>td{display:block!important;width:100%!important;padding:8px 0!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-action-row .orderActions{display:flex!important;flex-wrap:wrap!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;max-width:100%!important;width:100%!important;min-width:0!important;margin:0!important;padding:6px!important;border:0!important;box-shadow:none!important;gap:6px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .orderActions .orderAction:not(.hidden){display:flex!important;flex:0 1 auto!important;min-width:84px!important;min-height:45px!important;height:auto!important;font-size:11px!important;padding:7px 9px!important;border-radius:10px!important;white-space:normal!important;line-height:1.3!important}
#mainOrderList .orderActions .orderAction .icon{font-size:18px!important}
#mainOrderList .mobile-order-card tr:not([id]):not(.mobile-actions-toggle)>td{grid-column:1/-1!important;width:100%!important}
#mainOrderList .mobile-order-card .commentsChat{width:100%!important;max-width:100%!important}
#mainOrderList .mobile-order-card .commentsChat .comment{max-width:100%!important;overflow-wrap:anywhere!important}
#mainOrderList .mobile-order-card .o-total .mobile-margin-breakdown[hidden]{display:none!important}
#mainOrderList .mobile-order-card .o-total .mobile-margin-breakdown:not([hidden]){display:block;position:absolute;z-index:150;right:0;min-width:260px;padding:12px;background:var(--touch-theme-surface,#fff);border:1px solid var(--touch-theme-border,#ccdbe4);border-radius:12px;box-shadow:0 8px 25px #0003;text-align:left}
body.menu-item-1 #order-sum-dialog{max-width:190px!important;min-width:0!important;padding:10px 12px!important;border-radius:16px!important;bottom:12px!important;right:12px!important;font-size:13px!important}
body.menu-item-1 #order-sum-dialog .summary-icon{width:28px!important;height:28px!important;padding:5px!important}body.menu-item-1 #order-sum-dialog .summary-metric{font-size:15px!important;gap:8px!important}body.menu-item-1 #order-sum-dialog .summary-time{font-size:10px!important}
}
@media(min-width:701px) and (max-width:1100px){
body.menu-item-1>header #touch-problem-nav{order:10!important;flex:1 1 100%!important;justify-content:flex-start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.row:not(.comment):not(.lastPrintRow){grid-template-columns:30px 70px minmax(130px,1fr) 90px 112px 30px!important;gap:8px!important}
#mainOrderList .mobile-order-card .o-country{grid-column:1;grid-row:1}#mainOrderList .mobile-order-card .o-shipping{grid-column:2;grid-row:1}#mainOrderList .mobile-order-card .o-id{grid-column:3;grid-row:1}#mainOrderList .mobile-order-card .o-date{grid-column:4;grid-row:1}#mainOrderList .mobile-order-card .o-total{grid-column:5;grid-row:1}#mainOrderList .mobile-order-card .o-tat{grid-column:6;grid-row:1}
#mainOrderList .mobile-order-card .o-clientname{grid-column:1/4;grid-row:2}#mainOrderList .mobile-order-card .o-note{grid-column:4;grid-row:2}#mainOrderList .mobile-order-card .o-weight{grid-column:5;grid-row:2}#mainOrderList .mobile-order-card .o-package{grid-column:6;grid-row:2}
#mainOrderList .mobile-order-card .o-orderstate{grid-column:1/3;grid-row:3}#mainOrderList .mobile-order-card .o-payment{grid-column:3/5;grid-row:3}
#mainOrderList .mobile-order-card .o-i-simg{grid-column:1;grid-row:4}#mainOrderList .mobile-order-card .o-i-code{grid-column:2/4;grid-row:4}#mainOrderList .mobile-order-card .o-i-quantity{grid-column:4;grid-row:4}#mainOrderList .mobile-order-card .o-i-itemstate{grid-column:6;grid-row:4}
#mainOrderList .mobile-order-card .o-i-name{grid-column:1/5;grid-row:5}#mainOrderList .mobile-order-card .o-i-img{grid-column:5/7;grid-row:5}
#mainOrderList .mobile-order-card tr:not(.firstRow) :is(.o-i-simg,.o-i-code,.o-i-quantity,.o-i-itemstate){grid-row:1!important}
#mainOrderList .mobile-order-card tr:not(.firstRow) :is(.o-i-name,.o-i-img){grid-row:2!important}
}

@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1>header #filterBarForm .datesHeader{grid-template-rows:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .datesHeader>:is(.touch-date-host,.presets),html[data-touch-theme] body.menu-item-1>header #filterBarForm .presets label{display:block!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .touch-date-trigger{overflow:hidden!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #preset{height:38px!important;min-height:38px!important;width:100%!important;max-width:none!important}
html[data-touch-theme] body.menu-item-1>header #touch-filter-actions :is(#filtrovat,#resetovat,label.switchDisplayMode){height:38px!important;min-height:38px!important;max-height:38px!important;width:auto!important;min-width:68px!important;padding:7px 11px!important;font-size:12px!important}
html[data-touch-theme] body.menu-item-1>header #touch-filter-actions label.switchDisplayMode{min-width:38px!important;max-width:38px!important;padding:7px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card{background:color-mix(in srgb,#e3c266 7%,var(--touch-theme-surface,#fff))!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card:nth-of-type(4n+2){background:color-mix(in srgb,#ce9bc1 8%,var(--touch-theme-surface,#fff))!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card:nth-of-type(4n+3){background:color-mix(in srgb,#ada3df 8%,var(--touch-theme-surface,#fff))!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card:nth-of-type(4n){background:color-mix(in srgb,#70c3ae 8%,var(--touch-theme-surface,#fff))!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-actions-toggle>td{padding:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-actions-button{min-height:32px!important;height:32px!important;padding:6px 12px!important;box-sizing:border-box!important}
}
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1>header #filterBarForm .eshops,html[data-touch-theme] body.menu-item-1>header #filterBarForm .eshops>.wrapFilter{display:contents!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .eshops>.wrapFilter>hr{display:none!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .basic-filter{order:1!important;align-self:center!important;flex:0 1 420px!important;height:auto!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .eshop-select{order:2!important;flex:1 1 650px!important;min-width:0!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .buttons-group{order:3!important;flex:1 1 calc(100% - 270px)!important;min-width:0!important;width:auto!important;max-width:100%!important;position:static!important;margin:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .operations{display:none!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions{order:4!important;position:static!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions :is(#filtrovat,#resetovat,label.switchDisplayMode){height:38px!important;min-height:38px!important;max-height:38px!important;width:auto!important;min-width:68px!important;font-size:12px!important;padding:7px 11px!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions label.switchDisplayMode{min-width:38px!important;width:38px!important;padding:7px!important}
}

@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions>label{min-width:38px!important;width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions>label .icon{font-size:20px!important;line-height:1!important}
}
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1.laptop-nav-collapsed>header #top #touch-problem-nav{display:none!important}
}

.laptop-photo-preview{display:none}.laptop-photo-dialog{box-sizing:border-box;width:min(90vw,680px);max-height:90dvh;padding:40px 16px 16px;border:1px solid var(--touch-theme-border,#ccdbe4);border-radius:18px;background:var(--touch-theme-surface,#fff);color:var(--touch-theme-text,#243b48);box-shadow:0 16px 60px #0006}.laptop-photo-dialog::backdrop{background:#07131dbb;backdrop-filter:blur(3px)}.laptop-photo-dialog>img{display:block;width:100%;height:auto;max-height:75dvh;object-fit:contain;background:#fff;border-radius:12px}.laptop-photo-dialog>button{position:absolute;right:8px;top:5px;width:36px;height:36px;border:0;border-radius:10px;background:var(--touch-theme-hover,#e9f2f7);color:inherit;font:28px/1 system-ui;cursor:pointer}
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-i-img.laptop-photo-ready>img{cursor:zoom-in}
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-i-img:hover .laptop-photo-preview{display:block!important;position:absolute!important;right:90%!important;top:50%!important;transform:translateY(-50%)!important;width:240px!important;height:240px!important;max-width:40vw!important;max-height:40vw!important;background:#fff;border-radius:14px;box-shadow:0 8px 35px #0005;z-index:130;pointer-events:none;padding:8px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-i-img .laptop-photo-preview>img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:8px;transform:none!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card .o-payment .switchButton{width:auto!important;display:inline-flex!important;min-width:92px!important;max-width:112px!important;justify-content:center!important}
}
@media(min-width:951px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.row:not(.comment):not(.lastPrintRow){grid-template-columns:30px 64px minmax(120px,1fr) 90px minmax(140px,1.2fr) 28px 58px 100px 100px 28px!important;row-gap:7px!important}
#mainOrderList .mobile-order-card .o-country{grid-column:1;grid-row:1}#mainOrderList .mobile-order-card .o-shipping{grid-column:2;grid-row:1}#mainOrderList .mobile-order-card .o-id{grid-column:3/5;grid-row:1}#mainOrderList .mobile-order-card .o-clientname{grid-column:5/8;grid-row:1}#mainOrderList .mobile-order-card .o-total{grid-column:8/10;grid-row:1}#mainOrderList .mobile-order-card .o-tat{grid-column:10;grid-row:1}
#mainOrderList .mobile-order-card .o-date{grid-column:3/5;grid-row:2}#mainOrderList .mobile-order-card .o-note{grid-column:6;grid-row:2}#mainOrderList .mobile-order-card .o-weight{grid-column:7;grid-row:2}#mainOrderList .mobile-order-card .o-orderstate{grid-column:8;grid-row:2}#mainOrderList .mobile-order-card .o-payment{grid-column:9;grid-row:2}#mainOrderList .mobile-order-card .o-package{grid-column:10;grid-row:2}
#mainOrderList .mobile-order-card .o-i-simg{grid-column:1;grid-row:3}#mainOrderList .mobile-order-card .o-i-code{grid-column:2/4;grid-row:3}#mainOrderList .mobile-order-card .o-i-quantity{grid-column:4;grid-row:3}#mainOrderList .mobile-order-card .o-i-name{grid-column:5/9;grid-row:3}#mainOrderList .mobile-order-card .o-i-img{grid-column:9;grid-row:3}#mainOrderList .mobile-order-card .o-i-itemstate{grid-column:10;grid-row:3}
#mainOrderList .mobile-order-card tr:not(.firstRow) :is(.o-i-name,.o-i-img){grid-row:1!important}
}

@media(min-width:701px) and (max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-img>img{pointer-events:auto!important;width:68px!important;min-width:68px!important;max-width:68px!important;height:68px!important;min-height:68px!important;max-height:68px!important;object-fit:contain!important;position:static!important;transform:none!important}}
/* Existing table span rules must not expose the optional photo preview. */
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card td.o-i-img>.laptop-photo-preview{display:none!important;position:absolute!important;pointer-events:none!important}
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card td.o-i-img:hover>.laptop-photo-preview{display:block!important;position:absolute!important;right:100%!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:240px!important;height:240px!important;min-width:0!important;min-height:0!important;max-width:40vw!important;max-height:40vw!important;padding:8px!important;box-sizing:border-box!important;z-index:130!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card td.o-i-img>.laptop-photo-preview>img{display:block!important;position:static!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;pointer-events:none!important;opacity:1!important}
}

/* Narrow laptop header: filter icon + navigation occupy one explicit row. */
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;padding:6px 16px 9px!important;box-sizing:border-box!important;position:relative!important;clear:both!important;border-top:1px solid var(--touch-theme-border,#ccdbe4)}
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row #touch-laptop-filter-toolbar{display:flex!important;align-items:center!important;flex:0 0 36px!important;width:36px!important;max-width:36px!important;margin:0!important;padding:0!important;position:static!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row #touch-laptop-filters{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:8px!important;gap:0!important;font-size:0!important;position:static!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row #touch-laptop-filters svg{display:block!important;width:20px!important;height:20px!important;flex:none!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row #touch-laptop-filters span,html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row .laptop-filter-summary{display:none!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row #touch-problem-nav{position:static!important;display:flex!important;flex:1 1 auto!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:auto!important;height:auto!important;min-height:36px!important;margin:0!important;padding:0!important;gap:4px!important;transform:none!important;overflow:visible!important;order:0!important}
html[data-touch-theme] body.menu-item-1.laptop-nav-collapsed>header #top #touch-laptop-nav-row #touch-problem-nav{display:none!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row #touch-problem-nav>.item{position:relative!important;display:block!important;float:none!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row #touch-problem-nav>.item>a{position:relative!important;display:flex!important;align-items:center!important;gap:5px!important;width:auto!important;height:36px!important;min-height:36px!important;margin:0!important;padding:7px 8px!important;box-sizing:border-box!important;line-height:20px!important;white-space:nowrap!important;font-size:12px!important;transform:none!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row #touch-problem-nav .name{position:static!important;display:inline!important;line-height:20px!important;font-size:12px!important;white-space:nowrap!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-laptop-nav-row #mobile-filter-toggle{display:none!important}
html[data-touch-theme] body.menu-item-1>header #top>.table .touch-theme-cell{order:6!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important}
html[data-touch-theme] body.menu-item-1.laptop-filters-collapsed>header>.bar{display:none!important}
html[data-touch-theme] body.menu-item-1>header #top>.table{flex-wrap:nowrap!important;gap:7px!important}
html[data-touch-theme] body.menu-item-1>header #top>.table #search{flex:1 1 100px!important;max-width:260px!important;min-width:70px!important}
html[data-touch-theme] body.menu-item-1>header #top>.table #user{flex:0 0 auto!important}
html[data-touch-theme] body.menu-item-1>header #top>.table .touchlogis-wordmark{font-size:24px!important}
html[data-touch-theme] body.menu-item-1>header #top>.table #touch-laptop-menu{min-width:36px!important;min-height:36px!important;padding:8px!important;gap:5px!important}
}

/* Keep both date lines visible and anchor compact totals inside the viewport. */
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1>header #filterBarForm#filterBarForm .touch-date-trigger{height:auto!important;min-height:44px!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;padding:7px 9px!important;line-height:16px!important;overflow:visible!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm#filterBarForm .touch-date-trigger :is(span,small){position:static!important;display:block!important;margin:0!important;line-height:16px!important;white-space:nowrap!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog{position:fixed!important;top:auto!important;left:auto!important;right:16px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:14px!important;width:max-content!important;max-width:calc(100vw - 32px)!important;height:auto!important;min-height:0!important;padding:8px 12px!important;box-sizing:border-box!important;transform:none!important;overflow:visible!important;z-index:150!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric{display:flex!important;align-items:center!important;white-space:nowrap!important;font-size:14px!important;gap:6px!important;margin:0!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-time{position:static!important;align-self:center!important;margin:0!important;white-space:nowrap!important;font-size:10px!important}
}

html[data-touch-theme] body.menu-item-1>header #touch-problem-nav #touch-nav-apply-filter{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:36px!important;height:36px!important;margin:0!important;padding:7px 10px!important;border:1px solid var(--touch-theme-border,#79bdcd)!important;border-radius:11px!important;background:var(--touch-theme-hover,#eaf6fa)!important;color:var(--touch-theme-text,#294957)!important;font:600 12px/20px system-ui!important;white-space:nowrap!important;cursor:pointer!important}
html[data-touch-theme] body.menu-item-1>header #touch-problem-nav #touch-nav-apply-filter:hover{background:#287f92!important;color:white!important}

/* Distinct vector package states and outlined status dots in both themes. */
html[data-touch-theme] body.menu-item-1 #mainOrderList :is(.icon-box,.icon-box2){display:inline-block!important;width:30px!important;height:30px!important;min-width:30px!important;vertical-align:middle!important;background-color:#f8fafc!important;border:1px solid #94a3b8!important;border-radius:8px!important;background-position:center!important;background-size:27px 27px!important;background-repeat:no-repeat!important;box-sizing:border-box!important;font-size:0!important;box-shadow:0 1px 2px #0002!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList :is(.icon-box,.icon-box2)::before{content:none!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .icon-box2{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23334155%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%23fef3c7%22%20d%3D%22m7%2013%209%204%209-4v12l-9%204-9-4Z%22%2F%3E%3Cpath%20fill%3D%22%23fde68a%22%20d%3D%22m7%2013-5-4%209-5%205%205-9%204Zm18%200%205-4-9-5-5%205%209%204Z%22%2F%3E%3Cpath%20d%3D%22m7%2013%209-4%209%204M16%2017v12%22%2F%3E%3C%2Fsvg%3E")!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .icon-box{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23334155%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%23bbf7d0%22%20d%3D%22m4%209%2012-6%2012%206v15l-12%206-12-6Z%22%2F%3E%3Cpath%20d%3D%22m4%209%2012%206%2012-6M16%2015v15M10%206l12%206v6%22%2F%3E%3Cpath%20stroke%3D%22%23166534%22%20stroke-width%3D%222.2%22%20d%3D%22m8%2020%203%203%204-5%22%2F%3E%3C%2Fsvg%3E")!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle{display:inline-block!important;width:16px!important;height:16px!important;min-width:16px!important;border:2px solid #475569!important;border-radius:50%!important;box-sizing:border-box!important;box-shadow:0 0 0 2px #f8fafc,0 1px 4px #0005!important;vertical-align:middle!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.red{background:#ef4444!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.orange{background:#f59e0b!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.green{background:#22c55e!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.blue{background:#3b82f6!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.blue-hollow{background:transparent!important}

@media(max-width:700px){
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item{flex:1 1 0!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item>a{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:7px 3px!important;min-height:34px!important;box-sizing:border-box!important;white-space:nowrap!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav .name{font-size:10px!important;line-height:18px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav .menu-notification-badge{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;width:auto!important;min-width:15px!important;height:15px!important;margin:0!important;padding:0 3px!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>:is(#mobile-filter-toggle,.touch-nav-filter){flex:0 0 30px!important;width:30px!important;min-width:30px!important;margin:0!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav #touch-nav-apply-filter{width:30px!important;min-width:30px!important;height:34px!important;min-height:34px!important;padding:5px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav #touch-nav-apply-filter span{display:none!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav #mobile-filter-toggle{height:34px!important;min-height:34px!important;padding:5px!important}
}

@media(max-width:700px){
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{display:grid!important;grid-template-columns:30px minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.25fr) 30px!important;align-items:center!important;gap:4px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item{width:100%!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item:first-of-type .name{font-size:0!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item:first-of-type .name::after{content:"Upomínky";font-size:10px}
}

/* Saturated red open parcel / green sealed parcel, matching pastel status rings. */
html[data-touch-theme] body.menu-item-1 #mainOrderList :is(.icon-box,.icon-box2){border:0!important;background-color:transparent!important;border-radius:0!important;box-shadow:none!important;background-size:30px 30px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .icon-box2{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%23ef4444%22%20stroke%3D%22%23991b1b%22%20stroke-width%3D%221.3%22%20d%3D%22m7%2013%209%204%209-4v12l-9%204-9-4Z%22%2F%3E%3Cpath%20fill%3D%22%23fda4af%22%20stroke%3D%22%23be123c%22%20stroke-width%3D%221.3%22%20d%3D%22m7%2013-5-5%209-4%205%205-9%204Zm18%200%205-5-9-4-5%205%209%204Z%22%2F%3E%3Cpath%20stroke%3D%22%23fecdd3%22%20stroke-width%3D%221.7%22%20d%3D%22M16%2018v9M9%2016l4%202M19%2018l4-2%22%2F%3E%3C%2Fsvg%3E")!important;filter:drop-shadow(0 1px 1px #0003)}
html[data-touch-theme] body.menu-item-1 #mainOrderList .icon-box{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%2322c55e%22%20stroke%3D%22%23166534%22%20stroke-width%3D%221.3%22%20d%3D%22m4%209%2012-6%2012%206v15l-12%206-12-6Z%22%2F%3E%3Cpath%20fill%3D%22%2386efac%22%20stroke%3D%22%23166534%22%20stroke-width%3D%221.3%22%20d%3D%22m4%209%2012%206%2012-6-12-6Z%22%2F%3E%3Cpath%20stroke%3D%22%23166534%22%20stroke-width%3D%221.3%22%20d%3D%22M16%2015v15M10%206l12%206v5%22%2F%3E%3Cpath%20stroke%3D%22%23f0fdf4%22%20stroke-width%3D%222.4%22%20d%3D%22m7%2019%203%203%203-5%22%2F%3E%3C%2Fsvg%3E")!important;filter:drop-shadow(0 1px 1px #0003)}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.red{background:#ef4444!important;border:2px solid #fecaca!important;box-shadow:0 0 0 1px #ef4444,0 1px 3px #0003!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.orange{background:#f59e0b!important;border:2px solid #fde68a!important;box-shadow:0 0 0 1px #f59e0b,0 1px 3px #0003!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.green{background:#22c55e!important;border:2px solid #bbf7d0!important;box-shadow:0 0 0 1px #22c55e,0 1px 3px #0003!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.blue{background:#3b82f6!important;border:2px solid #bfdbfe!important;box-shadow:0 0 0 1px #3b82f6,0 1px 3px #0003!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .circle.blue-hollow{background:transparent!important;border:2px solid #bfdbfe!important;box-shadow:0 0 0 1px transparent,0 1px 3px #0003!important}


/* Preserve desktop reading order: identity, customer, amount, payment. */
@media(min-width:1101px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-total{grid-column:9!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{grid-column:10!important;grid-row:1!important}
}
@media(min-width:701px) and (max-width:950px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-total{grid-column:4!important;grid-row:1!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{grid-column:5!important;grid-row:1!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-date{grid-column:4!important;grid-row:2!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-note{grid-column:3!important;grid-row:3!important}
}
@media(min-width:951px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-total{grid-column:8!important;grid-row:1!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{grid-column:9!important;grid-row:1!important;align-self:start!important}
}





/* Laptop item sequence mirrors desktop, without a separate product-name row. */
@media(min-width:701px) and (max-width:950px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.row:not(.comment):not(.lastPrintRow){grid-template-columns:30px 48px minmax(100px,.9fr) minmax(120px,1.3fr) 38px 40px 106px 24px!important}
#mainOrderList .mobile-order-card .firstRow>.o-country{grid-column:1!important;grid-row:1!important}
#mainOrderList .mobile-order-card .firstRow>.o-shipping{grid-column:2!important;grid-row:1!important}
#mainOrderList .mobile-order-card .firstRow>.o-id{grid-column:3/5!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-total{grid-column:5/7!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{grid-column:7!important;grid-row:1!important}
#mainOrderList .mobile-order-card .firstRow>.o-tat{grid-column:8!important;grid-row:1!important}
#mainOrderList .mobile-order-card .firstRow>.o-clientname{grid-column:1/5!important;grid-row:2!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-date{grid-column:5/7!important;grid-row:2!important}
#mainOrderList .mobile-order-card .firstRow>.o-weight{grid-column:7!important;grid-row:2!important}
#mainOrderList .mobile-order-card .firstRow>.o-package{grid-column:8!important;grid-row:2!important}
#mainOrderList .mobile-order-card .firstRow>.o-orderstate{grid-column:1/3!important;grid-row:3!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-note{grid-column:3!important;grid-row:3!important}
#mainOrderList .mobile-order-card tr>.o-i-simg{grid-column:1!important}
#mainOrderList .mobile-order-card tr>.o-i-code{grid-column:2/4!important}
#mainOrderList .mobile-order-card tr>.o-i-name{grid-column:4/6!important}
#mainOrderList .mobile-order-card tr>.o-i-quantity{grid-column:6!important}
#mainOrderList .mobile-order-card tr>.o-i-img{grid-column:7!important}
#mainOrderList .mobile-order-card tr>.o-i-itemstate{grid-column:8!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card tr.firstRow>:is(.o-i-simg,.o-i-code,.o-i-name,.o-i-quantity,.o-i-img,.o-i-itemstate){grid-row:4!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card tr:not(.firstRow)>:is(.o-i-simg,.o-i-code,.o-i-name,.o-i-quantity,.o-i-img,.o-i-itemstate){grid-row:1!important}
}
@media(min-width:951px) and (max-width:1100px){
#mainOrderList .mobile-order-card tr>.o-i-code{grid-column:2/4!important}
#mainOrderList .mobile-order-card tr>.o-i-name{grid-column:4/8!important}
#mainOrderList .mobile-order-card tr>.o-i-quantity{grid-column:8!important}
}
@media(min-width:1101px) and (max-width:1100px){
#mainOrderList .mobile-order-card tr>.o-i-code{grid-column:2/4!important}
#mainOrderList .mobile-order-card tr>.o-i-name{grid-column:4/9!important}
#mainOrderList .mobile-order-card tr>.o-i-quantity{grid-column:9!important}
}

/* Keep customer beside order identity, and stack status above payment. */
@media(min-width:701px) and (max-width:950px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-id{grid-column:3!important;grid-row:1/3!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-clientname{grid-column:4!important;grid-row:1/3!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>:is(.o-country,.o-shipping,.o-total,.o-tat){grid-row:1/3!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-orderstate{grid-column:7!important;grid-row:1!important;align-self:end!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{grid-column:7!important;grid-row:2!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-date{grid-column:3!important;grid-row:3!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-note{grid-column:4!important;grid-row:3!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{grid-column:5/7!important;grid-row:3!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-package{grid-column:8!important;grid-row:3!important}
}
@media(min-width:951px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-orderstate{grid-column:9!important;grid-row:1!important;align-self:end!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{grid-column:9!important;grid-row:2!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-total{grid-row:1/3!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-clientname{grid-row:1!important;align-self:center!important}
}
@media(min-width:1101px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>:is(.o-country,.o-shipping,.o-id,.o-date,.o-clientname,.o-note,.o-weight,.o-total,.o-package,.o-tat){grid-row:1/3!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-orderstate{grid-column:10!important;grid-row:1!important;align-self:end!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{grid-column:10!important;grid-row:2!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>:is(.o-i-simg,.o-i-code,.o-i-name,.o-i-quantity,.o-i-img,.o-i-itemstate){grid-row:3!important}
}

/* Package and tracking form one compact pair beside payment. */
@media(min-width:701px) and (max-width:950px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.row:not(.comment):not(.lastPrintRow){grid-template-columns:30px 48px minmax(100px,.9fr) minmax(120px,1.3fr) 38px 40px 106px 64px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-package{grid-column:8!important;grid-row:2!important;justify-self:start!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-tat{grid-column:8!important;grid-row:2!important;justify-self:end!important;align-self:start!important}
}
@media(min-width:951px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.row:not(.comment):not(.lastPrintRow){grid-template-columns:30px 64px minmax(100px,1fr) 90px minmax(120px,1.2fr) 28px 58px 100px 100px 64px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-package{grid-column:10!important;grid-row:2!important;justify-self:start!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-tat{grid-column:10!important;grid-row:2!important;justify-self:end!important;align-self:start!important}
}
@media(min-width:1101px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-package{grid-column:11!important;grid-row:2!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-tat{grid-column:12!important;grid-row:2!important;align-self:start!important}
}
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-orderstate{align-self:start!important;margin-top:12px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-total{align-self:start!important;padding-top:21px!important}
}

@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-package{margin-top:4px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-tat{margin-top:9px!important}
}

/* Parcel above tracking in the compact status column. */
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-package{grid-row:2!important;justify-self:center!important;align-self:start!important;margin-top:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-tat{grid-row:2!important;justify-self:center!important;align-self:start!important;margin-top:38px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{min-height:66px!important}
}
@media(min-width:1101px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>:is(.o-package,.o-tat){grid-column:11/13!important}
}

/* Weight completes the parcel / tracking column. */
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{grid-row:2!important;justify-self:center!important;align-self:start!important;margin-top:70px!important;min-width:44px!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{min-height:132px!important}
}
@media(min-width:701px) and (max-width:950px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{grid-column:8!important}}
@media(min-width:951px) and (max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{grid-column:10!important}}
@media(min-width:1101px) and (max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{grid-column:11/13!important}}

/* Order dates sit directly beneath the order number. */
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-id{grid-row:1!important;align-self:end!important;padding-bottom:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-date{grid-column:3!important;grid-row:2!important;align-self:start!important;padding-top:0!important}
}
@media(min-width:951px) and (max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-date{grid-column:3/5!important}}

/* Note action heads the shipment controls. */
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-note{grid-row:2!important;justify-self:center!important;align-self:start!important;margin:0!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-package{margin-top:38px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-tat{margin-top:76px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{margin-top:108px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{min-height:170px!important}
}
@media(min-width:701px) and (max-width:950px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-note{grid-column:8!important}}
@media(min-width:951px) and (max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-note{grid-column:10!important}}
@media(min-width:1101px) and (max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-note{grid-column:11/13!important}}
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-note .icon-pencil{display:inline-block!important;width:30px!important;height:30px!important;border:1px solid #80cfdd!important;border-radius:9px!important;background:#ddf5fa url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23187b91%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2013v4a2%202%200%200%201-2%202H8l-5%203V5a2%202%200%200%201%202-2h8%22%2F%3E%3Cpath%20d%3D%22M8%208h4M8%2012h3M18%203v8M14%207h8%22%2F%3E%3C%2Fsvg%3E") center/21px no-repeat!important;font-size:0!important;box-sizing:border-box!important;cursor:pointer!important;vertical-align:middle!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-note .icon-pencil::before{content:none!important}

/* Shared header baseline: flag above carrier, order and status align with controls. */
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>:is(.o-country,.o-shipping,.o-id,.o-date,.o-clientname,.o-total,.o-orderstate,.o-payment,.o-note,.o-package,.o-tat,.o-weight){grid-row:1/3!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-country{grid-column:2!important;justify-self:center!important;margin-top:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-shipping{margin-top:24px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>:is(.o-id,.o-clientname){margin-top:24px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-date{margin-top:var(--order-date-top,80px)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-total{margin-top:24px!important;padding-top:5px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-orderstate{margin-top:24px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{margin-top:74px!important;min-height:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-note{margin-top:24px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-package{margin-top:62px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-tat{margin-top:100px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{margin-top:132px!important}
}

@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-country{margin-top:24px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-shipping{margin-top:48px!important}
}

/* Weight follows the address, value and edit icon on the same line. */
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{grid-row:1/3!important;justify-self:start!important;align-self:start!important;margin-top:var(--order-weight-top,100px)!important;text-align:left!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;width:auto!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-weight>.title,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-weight>.title>span{display:inline-flex!important;align-items:center!important;gap:7px!important;text-align:left!important;white-space:nowrap!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-weight>.title>br{display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-payment{min-height:0!important}
}
@media(min-width:701px) and (max-width:950px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{grid-column:4!important}}
@media(min-width:951px) and (max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{grid-column:5/8!important}}
@media(min-width:1101px) and (max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-weight{grid-column:5!important}}

/* Header and product data share the same left-hand columns. */
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>:is(.o-country,.o-shipping){grid-column:1!important;justify-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>:is(.o-id,.o-date){grid-column:2/4!important;justify-self:stretch!important;text-align:left!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-shipping{min-width:0!important;overflow:visible!important}
}

@media(min-width:701px) and (max-width:950px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.row:not(.comment):not(.lastPrintRow){grid-template-columns:48px 48px minmax(100px,.9fr) minmax(120px,1.3fr) 38px 40px 106px 64px!important}}
@media(min-width:701px) and (max-width:1100px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .firstRow>.o-shipping{min-width:44px!important;max-width:56px!important;width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card tr>.o-i-simg{justify-self:center!important;width:30px!important}
}

/* Phone uses the same order/product axes, with product name below its code. */








/* Payment method shares the same centered axis as its payment status. */
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-payment>.title,
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-payment>.sub{display:block!important;width:100%!important;text-align:center!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-payment>.title .switchButton{margin-left:auto!important;margin-right:auto!important}

/* Mobile carrier and country form one compact block beside the customer. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow>.cell.o-country{grid-column:1!important;grid-row:1!important;align-self:start!important;justify-self:center!important;margin-top:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow>.cell.o-shipping{grid-column:1!important;grid-row:1!important;align-self:start!important;justify-self:center!important;margin-top:24px!important}
}

/* Keep order identity with customer, dates with amount in the top mobile row. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow>.cell.o-id{grid-column:2!important;grid-row:1!important;align-self:start!important;margin-top:var(--mobile-order-id-top,68px)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow>.cell.o-date{grid-column:3!important;grid-row:1!important;align-self:start!important;margin-top:var(--mobile-date-top,64px)!important}
}

/* Mobile product photo and quantity align with the product code. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.comment):not(.lastPrintRow){grid-template-columns:70px minmax(0,1fr) 125px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-img{grid-column:3!important;grid-row:7/9!important;align-self:start!important;justify-self:end!important;width:125px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-quantity{grid-column:2!important;grid-row:7!important;align-self:start!important;justify-self:end!important;width:44px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-code{grid-column:1/3!important;grid-row:7!important;padding-right:54px!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-img>img{width:125px!important;max-width:125px!important;min-width:0!important;height:auto!important;max-height:126px!important;object-fit:contain!important}
}

@media(max-width:700px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-img>img{width:125px!important;min-width:125px!important;max-width:125px!important;height:132px!important;max-height:132px!important;object-fit:contain!important}}

@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-img{grid-row:5/9!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-quantity{margin-right:14px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-code{padding-right:70px!important}
}

/* Mobile order controls beside status; item state beside quantity. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow>.cell.o-orderstate{grid-column:1/3!important;grid-row:4!important;justify-self:start!important;width:90px!important;max-width:90px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow>.cell.o-package{grid-column:2!important;grid-row:4!important;justify-self:start!important;align-self:start!important;margin-left:18px!important;margin-top:4px!important;width:30px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow>.cell.o-weight{grid-column:2!important;grid-row:4!important;justify-self:end!important;align-self:start!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;max-width:76px!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-weight>.title,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-weight>.title>span{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-weight>.title>br{display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-itemstate{grid-column:2!important;grid-row:7!important;justify-self:end!important;align-self:start!important;width:20px!important;max-width:20px!important;margin-right:76px!important;margin-top:8px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList :is(.o-package,.o-weight,.o-i-itemstate)::before{display:none!important;content:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-code{padding-right:100px!important}
}

@media(max-width:375px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow>.cell.o-orderstate{width:78px!important;max-width:78px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow>.cell.o-package{margin-left:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-weight .touch-weight-edit{width:26px!important;height:28px!important;min-width:26px!important;min-height:28px!important;padding:3px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-weight>.title{font-size:11px!important}
}

/* Supplier/manufacturer icon follows its item status dot. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-simg{grid-column:2!important;grid-row:7!important;align-self:start!important;justify-self:end!important;width:30px!important;max-width:30px!important;margin-top:36px!important;margin-right:71px!important}
}

/* Count and pagination share one compact row. */
html[data-touch-theme] body.menu-item-1 .order-pages{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
html[data-touch-theme] body.menu-item-1 .order-pages>span{white-space:nowrap!important;flex:0 1 auto!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1 .order-pages>div{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;margin:0!important}
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 .order-pages{gap:5px!important;padding:5px 10px!important;min-height:36px!important;margin:0!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 .order-pages>span{font-size:9px!important;line-height:1.3!important}
html[data-touch-theme] body.menu-item-1 .order-pages strong{font-size:10px!important;line-height:1.3!important;font-weight:600!important}
html[data-touch-theme] body.menu-item-1 .order-pages a{font-size:10px!important;line-height:1.3!important;padding:6px!important;min-height:30px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
}

@media(max-width:375px){html[data-touch-theme] body.menu-item-1 .order-pages>span{font-size:8px!important}html[data-touch-theme] body.menu-item-1 .order-pages :is(a,strong){font-size:9px!important}html[data-touch-theme] body.menu-item-1 .order-pages a{padding:5px!important}html[data-touch-theme] body.menu-item-1 .order-pages>div{gap:4px!important}}

.order-pages .pages-compact{display:none}
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 .order-pages .pages-full{display:none!important}
html[data-touch-theme] body.menu-item-1 .order-pages .pages-compact{display:inline!important}
html[data-touch-theme] body.menu-item-1 .order-pages>span{flex:0 0 auto!important;font-size:10px!important}
html[data-touch-theme] body.menu-item-1 .order-pages>div{flex:0 0 auto!important;gap:4px!important}
html[data-touch-theme] body.menu-item-1 .order-pages strong{font-size:11px!important;padding:0 3px!important}
html[data-touch-theme] body.menu-item-1 .order-pages a{width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:20px!important}
}

/* Original note and tracking controls share the mobile action footer. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.mobile-actions-toggle{display:grid!important;grid-template-columns:38px 38px minmax(0,1fr)!important;gap:6px!important;align-items:center!important;padding:7px 10px!important;box-sizing:border-box!important;background:var(--touch-theme-hover,#e9f6fa)!important;border-top:1px solid var(--touch-theme-border,#cadce5)!important;border-radius:0 0 15px 15px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.mobile-actions-toggle>td{display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0!important;border:0!important;grid-row:1!important;grid-column:auto!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.mobile-actions-toggle>td::before{display:none!important;content:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.mobile-actions-toggle .mobile-order-actions-button{height:38px!important;min-height:38px!important;width:100%!important;border:0!important;padding:6px 8px!important;font-size:13px!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card>tr.mobile-actions-toggle .o-tat .icon-target{font-size:24px!important}
}

html[data-touch-theme] body.menu-item-1>header #touch-problem-nav #touch-nav-apply-filter svg,html[data-touch-theme] body.menu-item-1>header #mobile-filter-toggle svg{width:20px!important;height:20px!important;flex:none!important;stroke-linecap:round;stroke-linejoin:round}

/* Show the order margin directly beneath price on phones. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total>.mobile-price-details{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;margin-top:3px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total>.mobile-price-details>summary{display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total>.mobile-price-details>:not([data-action=margin]){display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total [data-action=margin]{display:block!important;text-align:right!important;font-size:12px!important;line-height:1.45!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total .touch-margin-preview{font-size:12px!important;line-height:1.45!important}
}

/* Equal-height filter controls across the mobile navigation row. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{align-items:stretch!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav #mobile-filter-toggle,
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav #touch-nav-apply-filter{height:42px!important;min-height:42px!important;max-height:42px!important;align-self:stretch!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;border-radius:11px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item{align-self:stretch!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item>a{height:42px!important;min-height:42px!important;box-sizing:border-box!important}
}

/* Extend outer filter controls to the same edges as order cards. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav #mobile-filter-toggle{width:44px!important;min-width:44px!important;margin-left:-12px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav .touch-nav-filter{width:44px!important;min-width:44px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav #touch-nav-apply-filter{width:44px!important;min-width:44px!important}
}

@media(max-width:700px){html[data-touch-theme] body.menu-item-1>header #top #logo{transform:translateX(-12px)!important}}

@media(max-width:700px){html[data-touch-theme] body.menu-item-1>header #top#top .touch-logout{position:relative!important;left:14px!important;transform:none!important}}

/* Header icons match filter buttons and remain one compact group. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1>header #top#top>.table{grid-template-columns:100px minmax(44px,1fr) 44px 44px 92px!important;gap:4px!important;width:calc(100% + 10px)!important;margin-left:-4px!important;margin-right:-6px!important;padding:8px 0!important;box-sizing:border-box!important;align-items:center!important}
html[data-touch-theme] body.menu-item-1>header #top#top #logo{transform:none!important}
html[data-touch-theme] body.menu-item-1>header #top#top :is(#menu,#user){width:44px!important;min-width:44px!important;padding:0!important;margin:0!important}
html[data-touch-theme] body.menu-item-1>header #top#top .touch-header-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;width:92px!important;min-width:92px!important;padding:0!important;margin:0!important}
html[data-touch-theme] body.menu-item-1>header #top#top :is(.touch-header-icon,#userInfo){display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:9px!important;margin:0!important;border-radius:11px!important;box-sizing:border-box!important;transform:none!important}
html[data-touch-theme] body.menu-item-1>header #top#top .touch-logout{left:0!important;position:relative!important}
html[data-touch-theme] body.menu-item-1>header #top#top :is(.touch-header-icon,#userInfo)>svg{width:22px!important;height:22px!important;flex:none!important}
}

@media(max-width:700px){html[data-touch-theme] body.menu-item-1>header #top#top #touch-problem-nav{width:calc(100% - 26px)!important;margin-left:12px!important;margin-right:14px!important}}

@media(max-width:700px){
html[data-touch-theme] body.menu-item-1>header #top#top #search,
html[data-touch-theme] body.menu-item-1>header #top#top #search #filterSearchForm,
html[data-touch-theme] body.menu-item-1>header #top#top #search #filterSearchForm>.table,
html[data-touch-theme] body.menu-item-1>header #top#top #search .search,
html[data-touch-theme] body.menu-item-1>header #top#top #search .wrap{height:42px!important;min-height:42px!important;max-height:42px!important;box-sizing:border-box!important;margin-top:0!important;margin-bottom:0!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1>header #top#top #search input[name=phrase]{height:42px!important;min-height:42px!important;max-height:42px!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important;border-radius:11px!important;font-size:13px!important;line-height:40px!important}
}

/* Loading time stays inline with financial totals on phones. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px 10px!important;box-sizing:border-box!important;min-height:0!important;height:auto!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;min-width:0!important;margin:0!important;font-size:14px!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-time{position:static!important;align-self:center!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;white-space:nowrap!important;font-size:10px!important;text-align:right!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-icon{width:28px!important;height:28px!important;min-width:28px!important;padding:5px!important;box-sizing:border-box!important}
}

/* Following items have no repeated empty order cells or phantom header rows. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.firstRow):not(.comment):not(.lastPrintRow)>td:not(.item){display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.firstRow):not(.comment):not(.lastPrintRow){padding-top:8px!important;margin-top:0!important;row-gap:6px!important;background:transparent!important;border-top:1px solid var(--touch-theme-border,#cadce5)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.firstRow) .o-i-name>.title{grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.firstRow) .mobile-title-toggle{grid-row:2!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.firstRow)>:is(.o-i-code,.o-i-quantity,.o-i-itemstate,.o-i-simg){grid-row:3!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.firstRow)>.o-i-img{grid-row:1/5!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.firstRow) .mobile-item-meta{grid-row:5!important}
}

/* Confirmation is beside the supplier truck, not below it. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-simg:has(>a .fa-truck-moving){display:grid!important;grid-template-columns:30px 30px!important;gap:5px 6px!important;overflow:visible!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-simg:has(>a .fa-truck-moving)>br{display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-simg:has(>a .fa-truck-moving)>.supplier-icon{grid-column:1!important;grid-row:1!important;justify-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-simg:has(>a .fa-truck-moving)>a{grid-column:1!important;grid-row:2!important;justify-self:center!important;margin:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-simg:has(>a .fa-truck-moving)>.get-supplier-status{grid-column:2!important;grid-row:2!important;align-self:center!important;justify-self:center!important;margin:0!important}
}

/* Keep each amount attached to its icon, independent of footer width. */
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric{display:inline-flex!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important;flex:0 1 auto!important;width:auto!important;grid-template-columns:none!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric>.summary-icon{flex:0 0 auto!important;margin:0!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric>span:not(.summary-icon){flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;text-align:left!important;justify-self:start!important;white-space:nowrap!important}

/* Thumbnails must accept taps; one modal handles mobile and laptop. */
@media(max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-img>img{pointer-events:auto!important;touch-action:manipulation!important;cursor:zoom-in!important}}
.laptop-photo-dialog{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
.laptop-photo-dialog>button{z-index:2;min-width:36px;min-height:36px}

/* Balanced financial summary: two equal groups and a quiet timing column. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:16px 16px 0 0!important;background:var(--touch-theme-surface,#fff)!important;box-shadow:0 -3px 20px #0002!important;backdrop-filter:blur(16px)!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric{display:flex!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;padding:2px 0!important;font-size:14px!important;line-height:1.25!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric:nth-child(2){border-left:1px solid var(--touch-theme-border,#d6e2e8)!important;padding-left:10px!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric>span:not(.summary-icon){font-size:14px!important;font-weight:700!important;letter-spacing:-.2px!important;white-space:nowrap!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-icon{width:29px!important;height:29px!important;min-width:29px!important;border-radius:9px!important;padding:6px!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-time{font-size:9px!important;font-weight:500!important;opacity:.65!important;padding-left:2px!important}
}

/* Desktop-style floating summary, centered on phones. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog{position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;width:max-content!important;max-width:calc(100vw - 20px)!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:14px!important;border:1px solid var(--touch-theme-border,#cbdde5)!important;border-radius:18px!important;padding:10px 12px!important;background:var(--touch-theme-surface,#fff)!important;box-shadow:0 8px 30px #0003!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric{flex:0 0 auto!important;width:auto!important;gap:6px!important;padding:0!important;border:0!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-metric:nth-child(2){padding-left:0!important;border-left:0!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog#order-sum-dialog .summary-time{padding:0!important}
}

/* Equal compact spacing around pickup-point selection. */
@media(max-width:1100px){html[data-touch-theme] body.menu-item-1 #mainOrderList .o-shipping span:has(>select)>select{margin-top:2px!important}html[data-touch-theme] body.menu-item-1 #mainOrderList .o-shipping select+br{display:none!important}html[data-touch-theme] body.menu-item-1 #mainOrderList .o-shipping select+br+span{display:block!important;margin-top:2px!important}}

/* Separate the first item from order-level controls, like subsequent items. */
@media(max-width:700px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id].firstRow::before{content:"";display:block;grid-column:1/-1;grid-row:5;align-self:start;height:0;min-height:0;border-top:1px solid var(--mobile-line,var(--touch-theme-border,#d5e1e9));margin-top:-1px;pointer-events:none}}

/* Existing notes stay visible independently of the collapsed action toolbar. */
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr.comment.mobile-action-row:has(.commentsChat .comment:not(.empty):not(.new)){display:table-row!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card:not(.mobile-actions-open)>tr.comment.mobile-action-row>td>div:not([data-action="comments"]){display:none!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card .commentsChat:has(.comment:not(.empty):not(.new)),html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card .commentsChat:has(.comment:not(.empty):not(.new)) :is(.container,.center,.adminNotes){display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card .commentsChat .comment:not(.empty):not(.new){display:block!important;max-width:100%!important;float:none!important;margin:8px 0!important;overflow-wrap:anywhere!important;white-space:normal!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card .commentsChat .message{font-size:13px!important;line-height:1.5!important;white-space:pre-wrap!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card:not(.mobile-actions-open) .commentsChat .new{display:none!important}
}

/* High-contrast item states; problem state uses shape as well as colour. */
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate .circle{box-sizing:border-box!important;width:20px!important;height:20px!important;border-width:3px!important;border-style:solid!important;box-shadow:0 0 0 1px #14243345!important;vertical-align:middle!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate .circle.green{background:#19a76c!important;border-color:#8ce9b7!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate .circle.blue{background:#2563eb!important;border-color:#9ccaff!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate .circle.blue-hollow{background:transparent!important;border-color:#70b6ff!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate .circle.red{background:#ee4357!important;border-color:#ffb0bb!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate .circle.orange-warning{width:26px!important;height:26px!important;border:0!important;border-radius:0!important;background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20d%3D%22M11.5%204.8a2.9%202.9%200%200%201%205%200L25%2020a2.9%202.9%200%200%201-2.5%204.3h-17A2.9%202.9%200%200%201%203%2020Z%22%20fill%3D%22%23ffc63d%22%20stroke%3D%22%23fff0ae%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M14%2010v6%22%20stroke%3D%22%23624000%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2220%22%20r%3D%221.4%22%20fill%3D%22%23624000%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 1px 1px #0005);margin-left:-3px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate .circle.orange-warning::before,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate .circle.orange-warning::after{content:none!important}

html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate .circle.orange{background:#f4d51c!important;border-color:#fff39a!important}

/* Customer purchase history: bag and count, separate from item-state dots. */
html[data-touch-theme] body.menu-item-1 #mainOrderList .customer-signals .rating{display:inline-flex!important;align-items:center!important;gap:8px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .customer-order-count{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;font:700 12px/1.2 system-ui!important;color:#248258;background:none!important;border:0!important;padding:2px 0!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .customer-order-count svg{display:block!important;width:19px!important;height:19px!important;flex:none!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .customer-order-canceled{color:#c62f49!important}
html[data-touch-theme=dark] body.menu-item-1 #mainOrderList .customer-order-finished{color:#8de5b8!important}
html[data-touch-theme=dark] body.menu-item-1 #mainOrderList .customer-order-canceled{color:#ff9bac!important}

/* Clearly separated, readable existing order notes in both themes. */
html[data-touch-theme] body.menu-item-1 #mainOrderList .commentsChat .comment:not(.empty):not(.new){background:#edf8fc!important;color:#224650!important;border:1px solid #add8e2!important;border-radius:14px!important;padding:12px 14px!important;box-sizing:border-box!important;box-shadow:0 2px 8px #153b4910!important;overflow-wrap:anywhere!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .commentsChat .comment:not(.empty):not(.new) :is(.wrap,.message){background:transparent!important;color:inherit!important;border:0!important;box-shadow:none!important}
html[data-touch-theme=dark] body.menu-item-1 #mainOrderList .commentsChat .comment:not(.empty):not(.new){background:#304d5d!important;border-color:#608795!important;color:#eef8fc!important;box-shadow:0 2px 8px #0002!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .commentsChat .comment:not(.empty):not(.new) a{color:#087b9b!important;text-decoration:underline!important}
html[data-touch-theme=dark] body.menu-item-1 #mainOrderList .commentsChat .comment:not(.empty):not(.new) a{color:#9ce4f2!important}
@media(max-width:700px){html[data-touch-theme] body.menu-item-1 #mainOrderList .commentsChat{padding:2px 10px 10px!important;box-sizing:border-box!important}html[data-touch-theme] body.menu-item-1 #mainOrderList .commentsChat .comment:not(.empty):not(.new){padding:10px 12px!important;border-radius:12px!important}}

/* Transparent square carrier artwork; shipping and invoice data unchanged. */
html[data-touch-theme] .touch-carrier-icon{aspect-ratio:1!important;object-fit:contain!important;vertical-align:middle;background:transparent!important}
html[data-touch-theme=dark] img.touch-carrier-gls{content:url("/images/shipping/ui-20261108/gls-dark.svg")}
html[data-touch-theme=dark] img.touch-carrier-gls-pickup{content:url("/images/shipping/ui-20261108/gls-pickup-dark.svg?v=5")}
html[data-touch-theme=dark] img.touch-carrier-ppl{content:url("/images/shipping/ui-20261108/ppl-dark.svg")}
html[data-touch-theme=dark] img.touch-carrier-toptrans{content:url("/images/shipping/ui-20261108/toptrans-dark.svg")}
html[data-touch-theme=dark] img.touch-carrier-zasilkovna{content:url("/images/shipping/ui-20261108/zasilkovna-dark.svg")}
html[data-touch-theme=dark] img.touch-carrier-balikovna-home{content:url("/images/shipping/ui-20261108/balikovna-home-dark.svg?v=4")}
html[data-touch-theme=dark] img.touch-carrier-balikovna-post{content:url("/images/shipping/ui-20261108/balikovna-post-dark.svg?v=4")}
html[data-touch-theme=dark] img.touch-carrier-balikovna-pickup{content:url("/images/shipping/ui-20261108/balikovna-pickup-dark.svg?v=4")}

/* Carrier artwork +50%, including mobile and shipping selection. */
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping img.touch-carrier-icon,html[data-touch-theme] body.menu-item-1 #mainOrderList .mobile-order-card .o-shipping img.touch-carrier-icon{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;object-fit:contain!important}
html[data-touch-theme] .shipping-modal .shipping-label .image img.touch-carrier-icon{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;object-fit:contain!important}

/* Refresh enlarged Balikovna service artwork without changing icon size. */

/* Larger product photos in tablet/packing mode on a computer (+50%). */
@media(min-width:1101px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows .row .o-i-img>img,
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows .row .o-i-img:hover>img{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:111.54px!important;max-height:141.96px!important;object-fit:contain!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows .o-i-img{width:150px!important;min-width:132px!important}
}
@media(min-width:1101px) and (max-width:1200px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody>tr.row:has(>.o-i-name){grid-template-columns:28px 88px minmax(180px,1fr) 160px 150px 32px}}
@media(min-width:1101px){@container pd-orders (max-width:1300px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody>tr.row:has(>.o-i-name){grid-template-columns:28px 88px minmax(180px,1fr) 160px 150px 32px}}}
@media(min-width:701px) and (max-width:1100px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows .mobile-order-card .o-i-img>img{width:102px!important;min-width:102px!important;max-width:102px!important;height:102px!important;min-height:102px!important;max-height:102px!important;object-fit:contain!important}}