@media(max-width:700px),(max-width:950px) and (max-height:500px){
html:has(#mainOrderList),html:has(#mainOrderList) body{min-width:0!important;width:100%!important;overflow-x:clip!important}
body.menu-item-1{--mobile-line:var(--touch-theme-border,#d5e1e9);--mobile-surface:var(--touch-theme-surface,#fff);--mobile-accent:#58bdd0}
body.menu-item-1>header{position:relative!important;width:100%!important;min-width:0!important}body.menu-item-1>header #top>.table{padding:8px 12px!important;gap:6px!important}
body.menu-item-1>header #logo{min-width:105px!important;flex:1 1 105px!important}body.menu-item-1>header .touchlogis-wordmark{font-size:23px!important}
body.menu-item-1>header #touch-problem-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;padding:4px 0!important}
body.menu-item-1>header #touch-problem-nav>.item{display:block!important;flex:0 0 auto!important;padding:0!important}body.menu-item-1>header #touch-problem-nav>.item>a{display:flex!important;gap:5px!important;font-size:12px!important;min-height:36px;padding:7px 9px!important;white-space:nowrap}
body.menu-item-1>header #search{order:50!important}body.menu-item-1>header #search input[name=phrase]{font-size:16px!important;min-height:44px!important}
body.menu-item-1>header>.bar{padding:0 12px 12px!important;margin:0!important;min-height:0!important}
.mobile-filter-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--mobile-line);border-radius:12px;background:var(--mobile-surface);color:inherit;font:600 14px/1.4 system-ui;text-align:left;margin:0 0 8px}
.mobile-filter-toggle:after{content:'＋';font-size:20px;color:var(--mobile-accent)}.mobile-filter-toggle[aria-expanded=true]:after{content:'−'}
body.menu-item-1 #filterBarForm>.table{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important}body.menu-item-1 #filterBarForm .basic-filter{flex:1 1 100%!important;width:100%!important}
body.menu-item-1 #filterBarForm .datesHeader{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:8px!important}
body.menu-item-1 #filterBarForm #preset{width:100%!important;max-width:100%!important;min-height:44px!important;font-size:13px!important}
body.menu-item-1 #filterBarForm .touch-date-trigger{min-height:48px!important;width:100%!important}
body.menu-item-1 #filterBarForm:not(.mobile-filters-open)>.table>.eshops,body.menu-item-1 #filterBarForm:not(.mobile-filters-open)>.table>.operations{display:none!important}
body.menu-item-1 #filterBarForm.mobile-filters-open .eshops{display:block!important;width:100%!important;flex-basis:100%!important}
body.menu-item-1 #filterBarForm .buttons-group>.buttons{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
body.menu-item-1 #filterBarForm .check-label,body.menu-item-1 #filterBarForm .control-label{min-height:44px!important;min-width:44px!important}
body.menu-item-1 #filterBarForm #touch-filter-actions{display:flex!important;flex-wrap:nowrap!important;width:100%!important;gap:8px!important;justify-content:flex-start!important;margin:0!important}
body.menu-item-1 #touch-filter-actions :is(button,label){min-height:46px!important;height:46px!important;max-height:none!important;min-width:46px!important;font-size:14px!important;border-radius:12px!important}
body.menu-item-1 #filterBarForm .operations{width:100%!important;flex:1 1 100%!important}body.menu-item-1 #filterBarForm .operations select{font-size:14px!important;min-height:44px!important}
body.menu-item-1 #body,body.menu-item-1 #content,body.menu-item-1 .orders-wrapper,body.menu-item-1 .orders-view{min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
body.menu-item-1 .orders-wrapper{padding:8px 10px 80px!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList{display:block!important;width:100%!important;min-width:0!important;border:0!important;border-spacing:0!important;margin:0!important;table-layout:auto!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody:not(.mobile-order-card){display:block!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .headLine,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .touch-compact-gap{display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card{display:block!important;width:100%!important;min-width:0!important;margin:0 0 14px!important;border:1px solid var(--mobile-line)!important;border-radius:18px!important;overflow:hidden!important;background:var(--mobile-surface);box-shadow:0 3px 12px #0000000a}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr{width:100%!important;min-width:0!important;margin:0!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;transform:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.comment):not(.lastPrintRow){display:grid!important;grid-template-columns:36px minmax(0,1fr) 86px!important;gap:8px!important;padding:12px!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell:not(.hidden){display:block!important;width:auto!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;float:none!important;overflow-wrap:anywhere;font-size:13px!important;line-height:1.5!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-country{grid-column:1;grid-row:1;align-self:center}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-id{grid-column:2;grid-row:1;align-self:center}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-id :is(a,.order-code-token){font-size:15px!important;font-weight:750;line-height:1.4!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-id .sub{font-size:11px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-date{grid-column:3;grid-row:1;font-size:11px!important;text-align:right!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-date :is(input,b,span){font-size:11px!important;max-width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping{grid-column:1/-1;grid-row:2;display:flex!important;align-items:center;gap:9px!important;padding-bottom:8px!important;border-bottom:1px solid var(--mobile-line)!important;text-align:left!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping img{width:30px!important;height:30px!important;object-fit:contain}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping select{max-width:180px!important;min-height:36px!important;font-size:12px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-clientname{grid-column:1/-1;grid-row:3;padding-bottom:8px!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-clientname b{font-size:15px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-name{grid-column:1/3;grid-row:4;font-size:14px!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-name :is(a,b){font-size:14px!important;line-height:1.45!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-img{grid-column:3;grid-row:4/7;align-self:start!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-img img{width:86px!important;height:100px!important;max-width:100%!important;object-fit:contain;border-radius:12px}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-code{grid-column:1/3;grid-row:5;font-size:12px!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-quantity{grid-column:1/3;grid-row:6;display:flex!important;align-items:center;justify-content:flex-start!important;gap:7px!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-quantity :is(button,input,.button){min-height:36px!important;min-width:36px!important;font-size:14px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-simg{grid-column:1/-1;grid-row:7;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-simg>*{margin:0!important;position:static!important;transform:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-note{grid-column:1;grid-row:8}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-itemstate{grid-column:1;grid-row:9}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-package{grid-column:2;grid-row:9}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-weight{grid-column:3;grid-row:9}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-orderstate{grid-column:1/3;grid-row:10}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-orderstate select{max-width:100%!important;min-height:40px!important;font-size:13px!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-payment{grid-column:1/3;grid-row:11;text-align:left!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-total{grid-column:3;grid-row:10/12;text-align:right!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-total :is(b,strong){font-size:15px!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-tat{grid-column:3;grid-row:12;justify-self:end}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card tr:not([id])>td{display:block!important;width:100%!important;padding:10px!important;box-sizing:border-box!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card tr:not([id]){display:block!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .block-row{max-width:100%!important;min-width:0!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card input[type=text]{max-width:100%!important;font-size:16px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-actions-toggle{display:block!important;background:var(--mobile-surface)!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-actions-toggle>td{padding:8px 12px 12px!important}
.mobile-order-actions-button{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--mobile-line);border-radius:12px;background:color-mix(in srgb,var(--mobile-accent) 10%,var(--mobile-surface));color:inherit;font:650 14px/1.5 system-ui;display:flex;align-items:center;justify-content:space-between}.mobile-order-actions-button:after{content:'⌄';font-size:20px}.mobile-order-actions-button[aria-expanded=true]:after{content:'⌃'}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>.mobile-action-row{display:none!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card.mobile-actions-open>.mobile-action-row{display:block!important;padding:0!important;border-top:1px solid var(--mobile-line)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-action-row>td{display:block!important;width:100%!important;padding:10px!important;box-sizing:border-box!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-action-row .orderActions{display:grid!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;white-space:normal!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-action-row .orderActions .orderAction:not(.hidden){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:68px!important;height:auto!important;padding:10px 6px!important;margin:0!important;border-radius:12px!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important;text-align:center!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-action-row .orderAction .icon{font-size:22px!important}
body.menu-item-1 .pagination{margin:12px 10px!important;display:flex!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:6px!important;min-height:40px!important}body.menu-item-1 #userOptions{position:fixed!important;left:12px!important;right:12px!important;top:64px!important;width:auto!important;max-height:75dvh;overflow:auto!important;min-width:0!important}
}
@media(min-width:701px) and (min-height:501px),(min-width:951px){.mobile-filter-toggle,.mobile-actions-toggle{display:none!important}}

@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList{min-width:0!important;max-width:100%!important;width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card td{height:auto!important;min-height:0!important;white-space:normal!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping{display:flex!important;flex-wrap:wrap!important;align-items:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card :is(.o-i-simg,.o-i-quantity){display:flex!important;flex-wrap:wrap!important;align-items:center!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important;height:auto!important;max-height:none!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item>a{display:flex!important;visibility:visible!important}
html[data-touch-theme] body.menu-item-1 #filterBarForm{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList{display:block!important;border:0!important;border-spacing:0!important;table-layout:auto!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm:not(.mobile-filters-open)>.table>.mobile{display:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping>span:first-child{display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;text-align:left!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping .special-shipping-options{display:flex!important;width:auto!important;align-items:center!important;gap:5px!important;margin-left:auto!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping :is(input,select){width:auto!important;min-width:44px!important;max-width:160px!important;min-height:36px!important;height:36px!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping .sub{display:inline!important;margin:0!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;gap:14px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;border-radius:14px 14px 0 0!important;z-index:20!important;box-shadow:0 -3px 18px #0002!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog .summary-metric{display:flex!important;gap:6px!important;font-size:13px!important;white-space:nowrap!important;margin:0!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog .summary-icon{width:27px!important;height:27px!important;padding:5px!important;border-radius:8px!important}
html[data-touch-theme] body.menu-item-1 #order-sum-dialog .summary-time{font-size:10px!important;position:static!important;white-space:nowrap!important;margin:0!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card.mobile-actions-open>.mobile-action-row,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card.mobile-actions-open>.mobile-action-row>td{position:static!important;display:block!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;visibility:visible!important;opacity:1!important;float:none!important;inset:auto!important;clip:auto!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-action-row .orderActions:before,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-action-row .orderActions:after{display:none!important}
}

@media(max-width:700px),(max-width:950px) and (max-height:500px){html[data-touch-theme] body.menu-item-1.touch-mobile-orders>header{position:relative!important;top:auto!important;height:auto!important;max-height:none!important}html[data-touch-theme] body.menu-item-1 #body #content .orders-view{overflow:visible!important}}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .centerSearch{display:grid!important;grid-template-columns:44px minmax(0,1fr) 78px!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .centerSearch .searchCtecka{grid-column:1/-1!important;grid-row:1!important;width:100%!important;min-width:0!important;height:44px!important;margin:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .centerSearch :is(.isMaxLink,.pocetNajednou,.inputerk){height:44px!important;min-height:44px!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
}
@media(max-width:360px){html[data-touch-theme] body.menu-item-1>header #top #logo{flex:1 1 108px!important;min-width:108px!important;width:108px!important}html[data-touch-theme] body.menu-item-1>header .touchlogis-wordmark{font-size:21px!important}html[data-touch-theme] body.menu-item-1>header #top :is(#menu,#user){width:36px!important;min-width:36px!important;flex:0 0 36px!important}html[data-touch-theme] body.menu-item-1>header #top :is(.touch-header-icon,#userInfo){width:36px!important;min-width:36px!important;height:40px!important;min-height:40px!important}html[data-touch-theme] body.menu-item-1>header #top .touch-header-actions{min-width:76px!important;flex:0 0 76px!important;gap:4px!important}html[data-touch-theme] body.menu-item-1>header #top>.table{gap:4px!important;padding-left:10px!important;padding-right:10px!important}}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 dialog.touch-date-dialog{box-sizing:border-box!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:500px!important;max-height:90dvh!important;overflow:auto!important;padding:0!important;margin:auto!important;border-radius:18px!important}
html[data-touch-theme] body.menu-item-1 .touch-date-dialog .touch-date-layout{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 .touch-date-dialog :is(nav,section){width:100%!important;min-width:0!important;max-width:100%!important;padding:12px!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 .touch-date-dialog nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}html[data-touch-theme] body.menu-item-1 .touch-date-dialog nav button{font-size:12px!important;min-height:42px!important;white-space:normal!important;padding:8px!important;width:100%!important}
html[data-touch-theme] body.menu-item-1 .touch-date-dialog :is(.touch-date-inputs,.touch-month-nav,.touch-calendars,.touch-calendar){width:100%!important;min-width:0!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1 .touch-date-dialog .touch-date-inputs{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}html[data-touch-theme] body.menu-item-1 .touch-date-dialog .touch-date-inputs label{min-width:0!important}html[data-touch-theme] body.menu-item-1 .touch-date-dialog input{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:44px!important;font-size:15px!important;padding:8px!important}
html[data-touch-theme] body.menu-item-1 .touch-date-dialog .touch-calendars{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
html[data-touch-theme] body.menu-item-1 .touch-date-dialog .touch-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}html[data-touch-theme] body.menu-item-1 .touch-date-dialog .touch-days button{width:100%!important;min-width:0!important;min-height:38px!important;height:38px!important;font-size:14px!important;padding:0!important}
html[data-touch-theme] body.menu-item-1 .touch-date-dialog footer{position:sticky!important;bottom:-12px!important;padding:10px 0!important;background:var(--touch-theme-surface,#fff)!important;z-index:2!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content .invoice-view{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin:0 0 12px!important;border-radius:16px!important}
html[data-touch-theme] body.menu-item-1 #body #content .invoice-view>div{overflow:auto!important;max-height:340px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html[data-touch-theme] body.menu-item-1 #body #content .invoice-view>div:before{content:'Další sloupce zobrazíte posunutím do strany →';display:block;font:12px/1.4 system-ui;color:var(--touch-theme-muted,#6a8290);padding:8px 0}
html[data-touch-theme] body.menu-item-1 #body #content .invoice-view table{min-width:560px!important;width:100%!important}html[data-touch-theme] body.menu-item-1 #body #content .invoice-view .invoice-form{display:flex!important;gap:8px!important;width:100%!important}html[data-touch-theme] body.menu-item-1 #body #content .invoice-view .invoice-form input{width:100%!important;min-width:0!important;flex:1!important;font-size:16px!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1>header #top>.table{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px 92px!important;align-items:center!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1>header #top #logo{grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1>header #top #menu{grid-column:2!important;grid-row:1!important;width:44px!important;min-width:44px!important;display:block!important}
html[data-touch-theme] body.menu-item-1>header #top #user{grid-column:3!important;grid-row:1!important;width:44px!important;min-width:44px!important;display:block!important}
html[data-touch-theme] body.menu-item-1>header #top .touch-header-actions{grid-column:4!important;grid-row:1!important;display:flex!important;width:92px!important;min-width:92px!important;gap:4px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{grid-column:1/-1!important;grid-row:2!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1>header #top #search{grid-column:1/-1!important;grid-row:3!important;display:block!important;width:100%!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1>header #top #search :is(form,.table,.cell,.wrap,.block-row){width:100%!important;min-width:0!important;box-sizing:border-box!important}html[data-touch-theme] body.menu-item-1>header #top #search input[name=phrase]{width:100%!important;min-width:0!important}
}
@media(max-width:360px){html[data-touch-theme] body.menu-item-1>header #top>.table{grid-template-columns:minmax(0,1fr) 36px 36px 76px!important;gap:4px!important}html[data-touch-theme] body.menu-item-1>header #top :is(#menu,#user){width:36px!important;min-width:36px!important}html[data-touch-theme] body.menu-item-1>header #top .touch-header-actions{width:76px!important;min-width:76px!important}}
@media(min-width:701px) and (max-width:950px) and (max-height:500px){html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}html[data-touch-theme] body.menu-item-1 #filterBarForm .datesHeader{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto!important}}
@media(max-width:700px),(max-width:950px) and (max-height:500px){html[data-touch-theme] body.menu-item-1>header #top,html[data-touch-theme] body.menu-item-1>header #top>.table{height:auto!important;min-height:0!important;max-height:none!important;grid-auto-rows:minmax(44px,auto)!important}html[data-touch-theme] body.menu-item-1>header #top #search{height:auto!important;min-height:44px!important}html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{height:auto!important;min-height:40px!important}}
@media(max-width:700px),(max-width:950px) and (max-height:500px){html[data-touch-theme] body.menu-item-1 #order-sum-dialog{transform:none!important;translate:none!important;margin:0!important}}
@media(max-width:360px){html[data-touch-theme] body.menu-item-1>header #top #logo .touchlogis-wordmark,html[data-touch-theme] body.menu-item-1>header #top #logo .touchlogis-wordmark span,html[data-touch-theme] body.menu-item-1>header #top #logo .touchlogis-wordmark:before,html[data-touch-theme] body.menu-item-1>header #top #logo .touchlogis-wordmark:after{font-size:18px!important;line-height:1.2!important;letter-spacing:-.8px!important}html[data-touch-theme] body.menu-item-1>header #top #logo .touchlogis-dot{font-size:9px!important}}

/* Phone-first reading sizes; original controls and row identities are retained. */
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card{margin-bottom:18px!important;border-radius:20px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.comment):not(.lastPrintRow){grid-template-columns:34px minmax(0,1fr) 100px!important;gap:10px!important;padding:14px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .cell:not(.hidden){font-size:14px!important;line-height:1.55!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-id :is(a,.order-code-token){font-size:17px!important;line-height:1.4!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-date,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-date :is(input,b,span){font-size:12px!important;line-height:1.45!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-clientname{font-size:14px!important;line-height:1.55!important;padding:6px 0 10px!important;border-bottom:1px solid var(--mobile-line)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-clientname :is(b,strong){font-size:17px!important;line-height:1.4!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-name,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-name :is(.title,a,b){font-size:16px!important;line-height:1.5!important;font-weight:650!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-name .sub{font-size:13px!important;line-height:1.5!important;font-weight:400!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-img img{width:100px!important;height:120px!important;border-radius:12px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-code{font-size:13px!important;line-height:1.55!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-payment{font-size:14px!important;line-height:1.6!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total{font-size:14px!important;line-height:1.6!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total :is(b,strong){font-size:18px!important;line-height:1.4!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card :is(.o-orderstate,.o-shipping) select{min-height:44px!important;height:44px!important;font-size:15px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .mobile-order-actions-button{font-size:15px!important;min-height:48px!important}
}
@media(max-width:360px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.comment):not(.lastPrintRow){grid-template-columns:30px minmax(0,1fr) 86px!important;padding:12px!important;gap:8px!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-img img{width:86px!important;height:105px!important}}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-id>.title{font-size:17px!important;font-weight:750!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-clientname>.title{font-size:17px!important;font-weight:700!important;line-height:1.45!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-clientname>.sub{font-size:14px!important;line-height:1.55!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-id>.sub{font-size:12px!important;line-height:1.5!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html:has(#mainOrderList){-webkit-text-size-adjust:100%;text-size-adjust:100%}
html[data-touch-theme] body.menu-item-1 .orders-wrapper{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
html[data-touch-theme] body.menu-item-1>header #top>.table{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
}

/* V2 reading order: identity/price, customer/date, shipping/payment, product and stock. */
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.comment):not(.lastPrintRow){grid-template-columns:30px minmax(0,1fr) 104px!important;gap:8px 10px!important;padding:12px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-country{grid-column:1!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-id{grid-column:2!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total{grid-column:3!important;grid-row:1!important;align-self:start!important;text-align:right!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total>.title{font-size:19px!important;line-height:1.4!important;font-weight:750!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-clientname{grid-column:1/3!important;grid-row:2!important;padding:0!important;border:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-date{grid-column:3!important;grid-row:2!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping{grid-column:1/3!important;grid-row:3!important;border:0!important;padding:0!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping>span:first-child{gap:5px!important;flex-wrap:wrap!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping select{max-width:145px!important;min-height:36px!important;height:36px!important;font-size:12px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-payment{grid-column:3!important;grid-row:3!important;align-self:start!important;text-align:right!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-payment :is(.title,.sub){text-align:right!important;font-size:12px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate{grid-column:1/-1!important;grid-row:4!important;padding-bottom:10px!important;border-bottom:1px solid var(--mobile-line)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate select{min-height:36px!important;height:36px!important;font-size:14px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-name.mobile-name-ready{display:contents!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .mobile-product-title{grid-column:1/3!important;grid-row:5!important;font-size:16px!important;line-height:1.5!important;white-space:normal!important;margin:0!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .mobile-product-title:not(.mobile-title-expanded){display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden!important;max-height:4.5em!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .mobile-title-clickable{cursor:pointer}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .mobile-title-toggle{grid-column:1/3;grid-row:6;justify-self:start;min-height:30px;padding:2px 0;border:0;background:transparent;color:var(--mobile-accent,#007e98);font:650 13px/1.4 system-ui;text-align:left;cursor:pointer}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-quantity{grid-column:3!important;grid-row:5/7!important;align-self:start!important;justify-content:flex-end!important;gap:4px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-code{grid-column:1/3!important;grid-row:7!important;align-self:start!important;font-size:12px!important;line-height:1.5!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-img{grid-column:3!important;grid-row:7/9!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-img img{width:104px!important;height:110px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-simg{grid-column:1/3!important;grid-row:8!important;align-self:start!important;gap:8px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .mobile-item-meta{grid-column:1/-1;grid-row:9;min-width:0;padding:7px 0 0;border-top:1px solid var(--mobile-line);font-size:13px;line-height:1.5}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .mobile-item-meta>.sub{display:block!important;font-size:13px!important;line-height:1.5!important;margin:3px 0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-itemstate{grid-column:1!important;grid-row:10!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-package{grid-column:2!important;grid-row:10!important;align-self:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-weight{grid-column:3!important;grid-row:10!important;align-self:center!important;text-align:right!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-note{grid-column:1/3!important;grid-row:11!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-tat{grid-column:3!important;grid-row:11!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card :is(.mobile-client-details,.mobile-price-details){font:12px/1.5 system-ui;margin-top:4px;color:inherit;min-width:0}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card :is(.mobile-client-details,.mobile-price-details)>summary{cursor:pointer;min-height:28px;color:var(--mobile-accent,#007e98);font-size:12px;line-height:1.5;padding:3px 0}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .mobile-price-details[open]{position:relative;z-index:3;background:var(--mobile-surface);border:1px solid var(--mobile-line);border-radius:10px;padding:8px;min-width:150px;float:right}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-name.mobile-name-ready{display:contents!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-shipping,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-quantity,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-simg{display:flex!important;flex-wrap:wrap!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-img{max-height:none!important;height:auto!important;overflow:visible!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-product-title:not(.mobile-title-expanded){display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;max-height:4.5em!important;overflow:hidden!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-product-title.mobile-title-expanded{display:block!important;max-height:none!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-clientname.mobile-client-ready{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 6px!important;align-items:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-client-ready>.title{grid-column:1;grid-row:1;margin:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-client-ready>.customer-signals{grid-column:2;grid-row:1;display:flex!important;gap:4px!important;align-items:center!important;margin:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-client-ready>.mobile-client-details{grid-column:1/-1;grid-row:2;margin:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-payment .sub{font-size:13px!important;line-height:1.5!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate .select-chosen{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;box-sizing:border-box!important;min-height:36px!important;padding:7px 10px!important;border-radius:9px!important;border:1px solid var(--mobile-line)!important;background:var(--mobile-surface)!important;font-size:14px!important;line-height:1.4!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate .select{height:auto!important;min-height:36px!important;border:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card :is(.o-i-itemstate,.o-package,.o-weight):before{display:block;font:11px/1.4 system-ui;color:var(--touch-theme-muted,#7a929e);margin-bottom:5px}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-itemstate:before{content:'Zboží'}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-package:before{content:'Balík'}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-weight:before{content:'Hmotnost'}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1>header #filterBarForm:not(.mobile-filters-open){display:none!important}
html[data-touch-theme] body.menu-item-1:not(.mobile-search-open)>header #top #search{display:none!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{padding-bottom:0!important}
.mobile-filter-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:start;width:100%;margin:0}
.mobile-filter-toolbar .mobile-filter-toggle{margin:0;min-height:44px}
.mobile-search-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--mobile-line);border-radius:12px;background:var(--mobile-surface);color:inherit;padding:10px;cursor:pointer}
.mobile-search-toggle svg{width:22px;height:22px}.mobile-search-toggle[aria-expanded=true]{border-color:var(--mobile-accent);background:color-mix(in srgb,var(--mobile-accent) 15%,var(--mobile-surface))}
html[data-touch-theme] body.menu-item-1>header #filterBarForm.mobile-filters-open{margin-top:10px!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-client-ready>.title{grid-column:1/-1!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-client-ready>.customer-signals{grid-column:2!important;grid-row:2!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-client-ready>.mobile-client-details{grid-column:1!important;grid-row:2!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-date-source{display:none!important}
.mobile-date-edit{display:inline-block;min-height:28px;padding:3px 0;border:0;background:transparent;color:var(--mobile-accent,#007e98);font:12px/1.5 system-ui;cursor:pointer}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-quantity:has(>.title+.title){flex-direction:column!important;align-items:flex-end!important;gap:3px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-quantity>.title+.title:before{content:'Hotovo ';font-size:11px;font-weight:400;color:var(--touch-theme-muted,#8296a2)}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .mobile-price-details[open]{float:none!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;padding:7px 4px!important;overflow-wrap:anywhere!important}}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
/* State and quantity form one aligned row. */
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate{grid-column:1/3!important;grid-row:4!important;align-self:center!important;padding:0!important;border:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate .select-chosen{min-height:50px!important;height:auto!important;padding:10px 12px!important;box-sizing:border-box!important;font-size:15px!important;border-radius:12px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-quantity{grid-column:3!important;grid-row:4!important;align-self:center!important;box-sizing:border-box!important;min-height:50px!important;padding:6px 8px!important;border:1px solid var(--mobile-line)!important;border-radius:12px!important;background:color-mix(in srgb,var(--mobile-accent) 9%,var(--mobile-surface))!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:2px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-quantity:has(>.title+.title){align-items:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-quantity>.title:first-child{font-size:17px!important;line-height:1.3!important;font-weight:750!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-quantity>.title+.title{font-size:11px!important;line-height:1.3!important;font-weight:400!important}
/* Payment badge and method share a single centered axis. */
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-payment{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-payment>.title,html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-payment>.sub{display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:center!important;font-size:12px!important;line-height:1.45!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-payment .switchButton{box-sizing:border-box!important;min-height:34px!important;width:100%!important;padding:6px!important;margin:0!important;display:flex!important;justify-content:center!important;align-items:center!important;border-radius:9px!important;font-size:13px!important;line-height:1.4!important}
/* One compact navigation row; narrower phones can scroll this row only. */
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;gap:4px!important;min-height:38px!important;width:100%!important;max-width:100%!important;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item{flex:0 0 auto!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;gap:4px!important;min-width:0!important;min-height:36px!important;padding:6px 7px!important;font-size:11px!important;line-height:1.4!important;white-space:nowrap!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav :is(.menu-notification-badge,.desk-due-badge,.care-overdue-badge){position:static!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;font-size:10px!important;line-height:18px!important;transform:none!important;margin:0!important}
}

/* Mobile header: always-ready search and inline filter control. */
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1>header #top>.table{grid-template-columns:125px minmax(0,1fr) 44px 92px!important;gap:6px!important}
html[data-touch-theme] body.menu-item-1>header #top #logo{grid-column:1!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1>header #top #logo .touchlogis-wordmark{font-size:22px!important}
html[data-touch-theme] body.menu-item-1>header #top #search,html[data-touch-theme] body.menu-item-1:not(.mobile-search-open)>header #top #search{display:block!important;grid-column:2/-1!important;grid-row:1!important;width:100%!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1>header #top #search input[name=phrase]{min-height:44px!important;height:44px!important;font-size:16px!important;padding-left:10px!important}
html[data-touch-theme] body.menu-item-1>header #top #menu{grid-column:2!important;grid-row:2!important;justify-self:end!important}
html[data-touch-theme] body.menu-item-1>header #top #user{grid-column:3!important;grid-row:2!important}
html[data-touch-theme] body.menu-item-1>header #top .touch-header-actions{grid-column:4!important;grid-row:2!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{grid-row:3!important;gap:2px!important;padding:0!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item>a{padding:6px 4px!important}
html[data-touch-theme] body.menu-item-1>header #top #mobile-filter-toggle{display:flex!important;flex:0 0 36px!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-height:36px!important;padding:7px!important;margin:0!important;border:1px solid var(--touch-theme-border)!important;border-radius:10px!important;background:var(--touch-theme-hover)!important;color:var(--touch-control-ink)!important;cursor:pointer}
html[data-touch-theme] body.menu-item-1>header #top #mobile-filter-toggle:after{content:none!important}
#mobile-filter-toggle svg{width:22px;height:22px}
html[data-touch-theme] body.menu-item-1>header #top #mobile-filter-toggle:hover,html[data-touch-theme] body.menu-item-1>header #top #mobile-filter-toggle[aria-expanded=true]{border-color:var(--touch-control-ink)!important;background:var(--touch-control-hover)!important}
html[data-touch-theme] body.menu-item-1>header #top #mobile-filter-toggle:focus-visible{outline:2px solid var(--touch-control-ink);outline-offset:2px}
}

/* Compact single-row header and full-width app navigation. */
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1>header #top>.table{grid-template-columns:100px minmax(60px,1fr) 32px 32px 68px!important;gap:4px!important;padding:8px!important}
html[data-touch-theme] body.menu-item-1>header #top #logo{grid-column:1!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1>header #top #logo .touchlogis-wordmark{font-size:18px!important;letter-spacing:-.7px!important}
html[data-touch-theme] body.menu-item-1>header #top #search,html[data-touch-theme] body.menu-item-1:not(.mobile-search-open)>header #top #search{grid-column:2!important;grid-row:1!important;min-height:40px!important}
html[data-touch-theme] body.menu-item-1>header #top #search input[name=phrase]{height:40px!important;min-height:40px!important;font-size:16px!important;padding:6px 25px 6px 7px!important}
html[data-touch-theme] body.menu-item-1>header #top #menu{grid-column:3!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1>header #top #user{grid-column:4!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1>header #top :is(#menu,#user){width:32px!important;min-width:32px!important}
html[data-touch-theme] body.menu-item-1>header #top .touch-header-actions{grid-column:5!important;grid-row:1!important;width:68px!important;min-width:68px!important;gap:4px!important}
html[data-touch-theme] body.menu-item-1>header #top :is(.touch-header-icon,#userInfo){width:32px!important;min-width:32px!important;height:40px!important;min-height:40px!important;padding:6px!important;border-radius:10px!important;box-sizing:border-box!important}
html[data-touch-theme] body.menu-item-1>header #top :is(.touch-header-icon,#userInfo) svg{width:21px!important;height:21px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{grid-column:1/-1!important;grid-row:2!important;display:flex!important;gap:5px!important;align-items:stretch!important;padding-top:5px!important;min-height:44px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item{flex:1 0 auto!important;display:flex!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item>a{width:100%!important;box-sizing:border-box!important;justify-content:center!important;min-height:42px!important;padding:8px 7px!important;font-size:13px!important;font-weight:650!important;gap:4px!important;border:1px solid var(--touch-theme-border)!important;border-radius:11px!important;background:var(--touch-theme-hover)!important;color:var(--touch-theme-text)!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item>a:hover{background:var(--touch-control-hover)!important;border-color:var(--touch-control-ink)!important;color:var(--touch-control-ink)!important}
html[data-touch-theme] body.menu-item-1>header #top #mobile-filter-toggle{height:42px!important;min-height:42px!important;flex-basis:36px!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav{display:grid!important;grid-template-columns:32px 1.5fr 1fr 1fr 1.25fr!important;gap:4px!important;overflow:visible!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item{min-width:0!important;width:100%!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav>.item>a{font-size:12px!important;padding:7px 3px!important;gap:3px!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1>header #top #mobile-filter-toggle{width:32px!important;min-width:32px!important;flex-basis:32px!important}
html[data-touch-theme] body.menu-item-1>header #top #touch-problem-nav :is(.menu-notification-badge,.desk-due-badge,.care-overdue-badge){width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;flex-basis:16px!important;font-size:9px!important;line-height:16px!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1>header.minWidthHeader{height:auto!important;min-height:0!important;padding-bottom:0!important;margin-bottom:0!important}
html[data-touch-theme] body.menu-item-1>header.minWidthHeader .bar{height:auto!important;min-height:0!important;padding-bottom:10px!important;margin-bottom:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm,html[data-touch-theme] body.menu-item-1>header #filterBarForm>.table,html[data-touch-theme] body.menu-item-1>header #filterBarForm .operations{height:auto!important;min-height:0!important;padding-bottom:0!important;margin-bottom:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm #touch-filter-actions{padding-bottom:0!important;margin-bottom:0!important;height:auto!important;min-height:0!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
/* Legacy desktop filter cells reserve 72px even when the action bar was moved. */
html[data-touch-theme] body.menu-item-1>header.minWidthHeader .bar #filterBarForm>.table>.cell{height:auto!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1>header.minWidthHeader .bar #filterBarForm>.table>.cell.mobile{display:none!important}
html[data-touch-theme] body.menu-item-1>header.minWidthHeader .bar #filterBarForm{float:none!important;width:100%!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1>header #filterBarForm .cell.mobile:not(:has(label)){display:none!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .operations.filters .wrap{height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm .operations.filters:empty{display:none!important}
}
/* Mobile carrier retains the original desktop hierarchy beneath the country. */
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.comment):not(.lastPrintRow){grid-template-columns:62px minmax(0,1fr) 104px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-country{justify-self:center!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-shipping{grid-column:1!important;grid-row:2/4!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;width:100%!important;min-width:0!important;padding:0!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping>span:first-child{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;width:100%!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping>span:first-child>span{display:block!important;width:100%!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping img{display:block!important;width:30px!important;height:30px!important;object-fit:contain!important;margin:0 auto!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping select{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:34px!important;height:34px!important;font-size:11px!important;padding:2px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping .special-shipping-options{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin:0!important;gap:4px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-clientname.mobile-client-ready{grid-column:2!important;grid-row:2/4!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping .sub{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;font-size:11px!important;line-height:1.4!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-total .mobile-margin-button{display:block!important;white-space:normal!important;font-size:12px!important;line-height:1.5!important;padding:5px 0!important;cursor:pointer;color:var(--touch-control-ink)!important}
.mobile-margin-button:after{content:' ▾';font-size:14px}.mobile-margin-button[aria-expanded=true]:after{content:' ▴'}
#mainOrderList .o-i-img img{cursor:zoom-in}
}
.mobile-photo-dialog{box-sizing:border-box;width:min(92vw,680px);max-height:90dvh;padding:40px 16px 16px;border:1px solid var(--touch-theme-border);border-radius:20px;background:var(--touch-theme-surface,#fff);color:var(--touch-theme-text);box-shadow:0 16px 60px #0006}
.mobile-photo-dialog::backdrop{background:#07131dc9;backdrop-filter:blur(4px)}
.mobile-photo-dialog>img{display:block;width:100%;height:auto;max-height:75dvh;object-fit:contain;border-radius:12px;background:#fff}
.mobile-photo-close{position:absolute;right:8px;top:5px;width:36px;height:36px;border:0;border-radius:10px;background:var(--touch-theme-hover);color:inherit;font:28px/1 system-ui;cursor:pointer}
/* Quantity is readable text, without a second frame for multi-piece lines. */
html[data-touch-theme] body.menu-item-1 #mainOrderList .o-i-quantity :is(.highlight,.warning,.count-highlight,.quantity-highlight),html[data-touch-theme] body.menu-item-1 #mainOrderList .o-i-quantity>.title>span{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate{max-width:220px!important;min-width:0!important;width:100%!important;justify-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate :is(.select,.select-wrap,.select-value-wrap){height:auto!important;min-height:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;max-width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate .select-chosen{height:36px!important;min-height:36px!important;box-sizing:border-box!important;padding:6px 10px!important;border:1px solid var(--mobile-line)!important;border-radius:9px!important;font-size:14px!important;line-height:1.4!important;box-shadow:none!important;outline:0!important;background:var(--mobile-surface)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-i-quantity{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;min-height:36px!important;padding:2px 0!important;border-radius:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-i-quantity :is(span,b,strong){border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
}
.mobile-margin-breakdown:not([hidden]){display:block;position:absolute;right:0;top:100%;z-index:30;width:min(320px,calc(100vw - 40px));padding:14px;box-sizing:border-box;background:var(--touch-theme-surface,#fff);color:var(--touch-theme-text);border:1px solid var(--touch-theme-border);border-radius:12px;box-shadow:0 8px 30px #0004;text-align:left;font-size:13px;white-space:normal}
.mobile-margin-button{position:relative}.mobile-margin-breakdown[hidden]{display:none!important}
/* Customer first, order number beneath; country and carrier share one row. */
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]:not(.comment):not(.lastPrintRow){grid-template-columns:30px minmax(0,1fr) 104px!important;align-items:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-clientname.mobile-client-ready{grid-column:1/3!important;grid-row:1!important;padding:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-id{grid-column:1/3!important;grid-row:2!important;align-self:start!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-total{grid-column:3!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-date{grid-column:3!important;grid-row:2!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-country{grid-column:1!important;grid-row:3!important;justify-self:start!important;align-self:start!important;padding-top:5px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-shipping{grid-column:2!important;grid-row:3!important;width:100%!important;align-items:flex-start!important;text-align:left!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping>span:first-child{align-items:flex-start!important;text-align:left!important;width:auto!important;max-width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping>span:first-child>span{width:auto!important;text-align:center!important;max-width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping .special-shipping-options{align-items:flex-start!important;width:auto!important;max-width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping select{width:auto!important;min-width:70px!important;max-width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping .sub{text-align:left!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-country{grid-column:1!important;grid-row:1!important;align-self:start!important;justify-self:start!important;padding-top:4px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-clientname.mobile-client-ready{grid-column:2!important;grid-row:1!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-id{grid-column:2!important;grid-row:2!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-shipping{grid-column:1!important;grid-row:2/4!important;align-self:start!important;align-items:center!important;min-width:0!important;overflow:visible!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping>span:first-child{align-items:center!important;width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping .special-shipping-options{width:100%!important;align-items:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping select{min-width:0!important;width:68px!important;max-width:68px!important;font-size:10px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping .sub{font-size:10px!important;text-align:center!important}
}

@media(max-width:700px),(max-width:950px) and (max-height:500px){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) 104px!important}}
/* Order-level state/payment together; quantity belongs to the product photo. */
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-orderstate{grid-column:1/3!important;grid-row:4!important;align-self:start!important;width:100%!important;max-width:220px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-payment{grid-column:3!important;grid-row:4!important;align-self:start!important;padding:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-payment .switchButton{min-height:36px!important;height:36px!important;padding:6px!important;box-sizing:border-box!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:8!important;align-self:center!important;justify-self:end!important;width:auto!important;min-width:48px!important;min-height:36px!important;padding:2px 6px!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-simg{grid-column:1!important;grid-row:8!important;max-width:100%!important;flex-wrap:wrap!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-img{grid-column:3!important;grid-row:7/9!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-country{justify-self:center!important;text-align:center!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card>tr[id]>.cell.o-shipping{justify-self:center!important;align-items:center!important;text-align:center!important;width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping>span:first-child{align-items:center!important;justify-content:flex-start!important;width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping .special-shipping-options{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;margin:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping input[type=number]{display:block!important;box-sizing:border-box!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:32px!important;min-height:32px!important;margin:4px auto 0!important;text-align:center!important;font-size:13px!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-shipping .sub{text-align:center!important}
}
@media(max-width:700px),(max-width:950px) and (max-height:500px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-img{grid-row:8!important;align-self:center!important}html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .mobile-order-card .o-i-code{grid-column:1/-1!important;grid-row:7!important}}