/* Keep problem counters permanently visible, as requested. */
body>header #top>.table>#touch-problem-nav{order:5;display:flex!important;align-items:center;gap:4px;flex:0 0 auto!important;min-width:0;padding:0!important}
#touch-problem-nav>.item{display:block!important;position:relative;float:none;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
#touch-problem-nav>.item>a{display:flex!important;align-items:center;justify-content:center;gap:6px;height:40px;min-height:40px;box-sizing:border-box;padding:8px 10px;border:0;border-radius:10px;color:var(--touch-theme-text,#263645)!important;background:transparent;font:600 13px/20px var(--touch-font);white-space:nowrap;text-decoration:none}
#touch-problem-nav>.item>a:hover{background:var(--touch-theme-hover,#edf8fc)}#touch-problem-nav .name{font:inherit;color:inherit!important}
#touch-problem-nav :is(.menu-notification-badge,.desk-due-badge){position:static!important;transform:none!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;flex:0 0 22px;padding:0!important;margin:0!important;border-radius:50%!important;background:#e74b57!important;color:white!important;font:700 11px/1 var(--touch-font)!important;white-space:nowrap}
#touch-problem-nav .care-overdue-badge.is-zero,#touch-problem-nav .desk-due-badge[hidden]{display:none!important}
/* One aligned control grid, with 44px controls and an 8px row rhythm. */
body.menu-item-1>header .bar{padding:8px 14px!important}
body.menu-item-1>header #filterBarForm{width:100%!important;max-width:100%!important;min-width:0!important}
body.menu-item-1>header #filterBarForm>.table{display:grid!important;grid-template-columns:240px minmax(0,1fr) auto 44px;align-items:end!important;gap:10px;width:100%!important;height:auto!important;min-height:0!important}
body.menu-item-1>header #filterBarForm>.table>.cell{display:block!important;min-width:0!important;float:none!important;padding:0!important;margin:0!important;box-sizing:border-box;align-self:end!important}
body.menu-item-1>header #filterBarForm .basic-filter{width:240px!important}
body.menu-item-1>header #filterBarForm .datesHeader{display:grid!important;grid-template-rows:44px 44px;gap:8px;width:100%!important;margin:0!important;padding:0!important}
body.menu-item-1>header #filterBarForm .datesHeader .presets{display:block!important;margin:0!important;padding:0!important;height:44px}
body.menu-item-1>header #filterBarForm .datesHeader .presets label{display:block!important;margin:0;padding:0}
body.menu-item-1>header #filterBarForm #preset{display:block!important;width:100%!important;max-width:100%!important;height:44px!important;min-height:44px!important;box-sizing:border-box;padding:8px 28px 8px 10px!important;font:500 12px/20px var(--touch-font);border-radius:9px}
body.menu-item-1>header #filterBarForm .touch-date-host,body.menu-item-1>header #filterBarForm .touch-date-trigger{height:44px!important;min-height:44px!important;width:100%!important;box-sizing:border-box;margin:0!important}
body.menu-item-1>header #filterBarForm .eshops{width:auto!important;max-width:100%!important}
body.menu-item-1>header #filterBarForm .wrapFilter{display:grid!important;grid-template-rows:auto auto;gap:8px;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important}
body.menu-item-1>header #filterBarForm .eshops .eshop-select{position:static!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;width:100%!important;min-height:44px!important;height:auto!important;margin:0!important;padding:0!important}
body.menu-item-1>header #filterBarForm .buttons-group{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important;width:100%!important;height:auto!important;min-height:44px!important;margin:0!important;padding:0!important}
body.menu-item-1>header #filterBarForm .buttons-group>.buttons{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important;width:auto!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important}
body.menu-item-1>header #filterBarForm .check-label,body.menu-item-1>header #filterBarForm .buttons-group select,body.menu-item-1>header #filterBarForm .buttons-group .button{height:44px!important;min-height:44px!important;box-sizing:border-box;margin:0!important;vertical-align:middle!important}
body.menu-item-1>header #filterBarForm .check-label{display:inline-flex!important;align-items:center;justify-content:center;padding:4px 7px!important}
body.menu-item-1>header #filterBarForm .operations{align-self:end!important;width:auto!important;height:44px!important}
body.menu-item-1>header #filterBarForm .operations .wrap,body.menu-item-1>header #filterBarForm .operations .buttons{display:flex!important;align-items:center!important;gap:8px!important;height:44px!important;padding:0!important;margin:0!important}
body.menu-item-1>header #filterBarForm :is(#filtrovat,#resetovat,label.switchDisplayMode){position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:44px!important;min-height:44px!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box;vertical-align:middle!important;align-self:end!important}
body.menu-item-1>header #filterBarForm>.table>.mobile{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
@media(max-width:1200px) and (min-width:701px){body>header #top>.table{gap:6px}#touch-problem-nav>.item>a{font-size:12px;padding:8px 6px;gap:4px}body>header #top #logo{flex-basis:150px!important;width:150px!important}body.menu-item-1>header #filterBarForm>.table{grid-template-columns:210px minmax(0,1fr) auto 44px}body.menu-item-1>header #filterBarForm .basic-filter{width:210px!important}}
@media(max-width:700px){body>header #top>.table>#touch-problem-nav{order:45;flex:1 1 100%!important;width:100%;justify-content:space-between;gap:2px}#touch-problem-nav>.item{flex:1;min-width:0}#touch-problem-nav>.item>a{font-size:11px;padding:8px 3px;gap:3px;min-width:0}#touch-problem-nav :is(.menu-notification-badge,.desk-due-badge){width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex-basis:20px;font-size:10px!important}body.menu-item-1>header #filterBarForm>.table{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:8px}body.menu-item-1>header #filterBarForm .basic-filter{width:100%!important;flex:1 1 100%!important}body.menu-item-1>header #filterBarForm .datesHeader{grid-template-columns:1fr 1fr;grid-template-rows:44px}body.menu-item-1>header #filterBarForm>.table>.eshops{flex:1 1 100%!important;width:100%!important}body.menu-item-1>header #filterBarForm>.table>.operations{flex:1 1 auto!important;width:auto!important}body.menu-item-1>header #filterBarForm>.table>.mobile{flex:0 0 44px!important}}
body.menu-item-1>header #filterBarForm>.table>.basic-filter{height:auto!important;min-height:0!important;max-height:none!important}
/* A deliberate tablet row for date and view avoids a floating left column. */
@media(min-width:701px) and (max-width:1350px){body.menu-item-1>header #filterBarForm>.table{grid-template-columns:minmax(0,1fr) auto 44px}body.menu-item-1>header #filterBarForm>.table>.basic-filter{grid-column:1/-1;width:100%!important}body.menu-item-1>header #filterBarForm .datesHeader{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:44px}body.menu-item-1>header #filterBarForm>.table>.eshops{grid-column:1}body.menu-item-1>header #filterBarForm>.table>.operations{grid-column:2}body.menu-item-1>header #filterBarForm>.table>.mobile{grid-column:3}}
/* Visible pointer feedback without changing layout. */
#touch-problem-nav>.item>a,#touch-settings-panel #main-menu .item>a,#touch-settings-panel .touch-menu-expand{transition:background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}
@media(hover:hover){html[data-touch-theme=dark] #touch-problem-nav>.item>a:hover{background:#2b4655!important;color:#d4f5ff!important;box-shadow:inset 0 -2px #64c7dc,0 4px 12px #0002;transform:translateY(-1px)}html[data-touch-theme=dark] #touch-settings-panel #main-menu .item>a:hover{background:#2b4655!important;color:#d4f5ff!important;box-shadow:inset 3px 0 #64c7dc;transform:translateX(2px)}html[data-touch-theme=dark] #touch-settings-panel .touch-menu-expand:hover{background:#35586a!important;color:#d4f5ff!important}html[data-touch-theme=dark] #touch-settings-toggle:hover,html[data-touch-theme=dark] body>header #userInfo:hover,html[data-touch-theme=dark] body>header .touch-header-actions .touch-header-icon:hover{background:#2b4655!important;color:#d4f5ff!important;box-shadow:inset 0 0 0 1px #5d93a4,0 4px 12px #0002}}
html[data-touch-theme=dark] #touch-problem-nav>.item>a:focus-visible{background:#2b4655!important;color:#d4f5ff!important;outline:2px solid #64c7dc;outline-offset:2px}
@media(prefers-reduced-motion:reduce){#touch-problem-nav>.item>a,#touch-settings-panel #main-menu .item>a,#touch-settings-panel .touch-menu-expand{transition:none!important;transform:none!important}}
@media(max-width:700px){body>header #top>.table>#touch-problem-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%}#touch-problem-nav>.item>a{justify-content:space-between;height:44px;min-height:44px;font-size:13px;padding:8px 10px;gap:6px}#touch-problem-nav :is(.menu-notification-badge,.desk-due-badge){width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;flex-basis:22px;font-size:11px!important}}
body.menu-item-1>header #filterBarForm .wrapFilter>hr{display:none!important}
body.menu-item-1>header #filterBarForm .buttons-group>.kusyButtons{display:contents!important}

/* Allow the shared hover lift and its complete outline inside filter rows. */
body.menu-item-1>header #filterBarForm,body.menu-item-1>header #filterBarForm>.table,body.menu-item-1>header #filterBarForm .eshops,body.menu-item-1>header #filterBarForm .wrapFilter,body.menu-item-1>header #filterBarForm .buttons-group,body.menu-item-1>header #filterBarForm .buttons-group>.buttons{overflow:visible!important}
body.menu-item-1>header #filterBarForm .buttons-group .check-label{position:relative;overflow:visible!important;isolation:isolate}
body.menu-item-1>header #filterBarForm .buttons-group .check-label:hover{z-index:2}
/* Paint the hover frame above the icon/content, including its upper edge. */
@media(hover:hover){html[data-touch-theme] body>header #filterBarForm .check-label:hover::after{content:"";display:block!important;position:absolute;inset:0;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--touch-control-ink,#3979d3) 55%,transparent);border-radius:inherit;pointer-events:none;z-index:3}}
/* Account controls share one unshifted 40px slot; feedback is painted inside it. */
body>header #top>.table>#menu,body>header #top>.table>#user,body>header #top>.table>.touch-header-actions{height:40px!important;min-height:40px!important;align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important}
body>header #top>.table>.touch-header-actions{gap:6px!important}
html[data-touch-theme] body>header #top :is(#touch-settings-toggle,#userInfo,.touch-header-actions .touch-header-icon){box-sizing:border-box!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;border:0!important;transform:none!important}
html[data-touch-theme] body>header #top :is(#touch-settings-toggle,#userInfo,.touch-header-actions .touch-header-icon):hover{transform:none!important}
html[data-touch-theme] body>header #top :is(#touch-settings-toggle,#userInfo,.touch-header-actions .touch-header-icon):focus-visible{outline-offset:-2px!important}
/* Keep date presets separate and draw the complete focus ring within the button. */
html[data-touch-theme] .touch-date-dialog .touch-date-layout>nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:16px 10px!important;overflow:visible!important}
html[data-touch-theme] .touch-date-dialog .touch-date-layout>nav button{display:block!important;width:100%!important;margin:0!important;box-sizing:border-box;border-radius:9px!important;min-height:38px;padding:9px 12px!important}
html[data-touch-theme] .touch-date-dialog button:focus-visible,html[data-touch-theme] .touch-date-trigger:focus-visible,html[data-touch-theme] .touch-date-inputs input:focus-visible{outline-offset:-2px!important}
html[data-touch-theme] .touch-date-dialog nav button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--touch-control-ink,#3979d3)!important}
@media(hover:hover){html[data-touch-theme] .touch-date-dialog nav button:hover{transform:none!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--touch-control-ink,#3979d3) 65%,transparent)!important}}
@media(max-width:700px){body>header #top>.table>#menu,body>header #top>.table>#user,body>header #top>.table>.touch-header-actions{height:44px!important;min-height:44px!important}html[data-touch-theme] body>header #top :is(#touch-settings-toggle,#userInfo,.touch-header-actions .touch-header-icon){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-height:44px!important}}
@media(max-width:650px){html[data-touch-theme] .touch-date-dialog .touch-date-layout>nav{flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;padding:12px!important}html[data-touch-theme] .touch-date-dialog .touch-date-layout>nav button{width:auto!important;flex:1 1 auto}}
/* These controls must not inherit the shared 1px lift. */
html[data-touch-theme] body>header #top>.table :is(#menu #touch-settings-toggle,#user #userInfo,.touch-header-actions #touch-theme-toggle,.touch-header-actions .touch-logout){background:var(--touch-theme-hover,#edf8fc)!important;border-radius:12px!important;color:var(--touch-theme-text,#263645)!important;transform:none!important}
html[data-touch-theme] body>header #top>.table :is(#menu #touch-settings-toggle,#user #userInfo,.touch-header-actions #touch-theme-toggle,.touch-header-actions .touch-logout):hover{transform:none!important}
@media(hover:hover){html[data-touch-theme] .touch-date-dialog .touch-date-layout>nav button:not(:disabled):hover{transform:none!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--touch-control-ink,#3979d3) 65%,transparent)!important}}

/* Compact square actions, vertically centered in their filter row. */
body.menu-item-1>header #filterBarForm>.table>.operations{align-self:center!important}
body.menu-item-1>header #filterBarForm .operations :is(.wrap,.buttons){justify-content:center!important;align-items:center!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm :is(#filtrovat,#resetovat){width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:0!important;border-radius:8px!important;font-size:0!important;align-self:center!important;transform:none!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm :is(#filtrovat,#resetovat)::after{content:'';display:block;width:21px;height:21px;background:currentColor;mask:center/contain no-repeat var(--action-icon);-webkit-mask:center/contain no-repeat var(--action-icon)}
#filtrovat{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16l-6 7v6l-4 2v-8Z' fill='none' stroke='%23087f9b' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E")}
#resetovat{--action-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10a8 8 0 1 1 1 7M4 4v6h6' fill='none' stroke='%23d56d7e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* Existing order datepicker, same visual language as the date-range selector. */
html[data-touch-theme] body #ui-datepicker-div{box-sizing:border-box;width:304px;max-width:calc(100vw - 20px);padding:14px;border:1px solid var(--touch-theme-border,#dce6ed);border-radius:16px;background:var(--touch-theme-surface,#fff);color:var(--touch-theme-text,#243448);box-shadow:0 18px 60px #0003;font:13px/1.5 var(--touch-font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}
html[data-touch-theme=dark] body #ui-datepicker-div{background:#1b303b;color:#dbe8ef;border-color:#42616f}
html[data-touch-theme] #ui-datepicker-div .ui-datepicker-header{background:transparent;border:0;color:inherit;padding:6px 0 12px;border-radius:0}
html[data-touch-theme] #ui-datepicker-div .ui-datepicker-title{font-size:14px;font-weight:600;line-height:30px;text-transform:capitalize}
html[data-touch-theme] #ui-datepicker-div :is(.ui-datepicker-prev,.ui-datepicker-next){top:4px;width:30px;height:30px;border:0;border-radius:8px;background:var(--touch-theme-hover,#edf8fc);cursor:pointer}
html[data-touch-theme] #ui-datepicker-div .ui-datepicker-prev{left:0}html[data-touch-theme] #ui-datepicker-div .ui-datepicker-next{right:0}
html[data-touch-theme] #ui-datepicker-div th{font-size:11px;font-weight:500;color:#8390a1;padding:8px 0}
html[data-touch-theme] #ui-datepicker-div td{padding:2px}
html[data-touch-theme] #ui-datepicker-div td :is(a,span){box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:34px;padding:4px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:center;text-decoration:none;font-size:13px;transition:background .14s,box-shadow .14s}
html[data-touch-theme] #ui-datepicker-div td a.ui-state-active{background:#087f9b;color:#fff}
html[data-touch-theme] #ui-datepicker-div td a.ui-state-highlight:not(.ui-state-active){box-shadow:inset 0 0 0 1px #64c7dc;color:#087f9b}
html[data-touch-theme=dark] #ui-datepicker-div td a.ui-state-highlight:not(.ui-state-active){color:#9edce7}
html[data-touch-theme] #ui-datepicker-div .ui-datepicker-buttonpane{border-color:var(--touch-theme-border,#dce6ed);margin-top:10px;padding-top:8px}
html[data-touch-theme] #ui-datepicker-div .ui-datepicker-buttonpane button{opacity:1;border:0;border-radius:7px;background:var(--touch-theme-hover,#edf8fc);color:inherit;padding:8px 12px;font:600 12px var(--touch-font,sans-serif);cursor:pointer}
@media(hover:hover){html[data-touch-theme] #ui-datepicker-div :is(td a,.ui-datepicker-buttonpane button,.ui-datepicker-prev,.ui-datepicker-next):hover{background:#254f60;color:#fff;box-shadow:inset 0 0 0 1px #64c7dc}}
html[data-touch-theme] #ui-datepicker-div :is(a,button):focus-visible{outline:2px solid #64c7dc;outline-offset:-2px}

/* Background icons also work on native submit/reset inputs. */
html[data-touch-theme] body.menu-item-1>header #filterBarForm :is(#filtrovat,#resetovat)::after{display:none!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm :is(#filtrovat,#resetovat){background-image:var(--action-icon)!important;background-size:21px 21px!important;background-position:center!important;background-repeat:no-repeat!important}

/* Account name belongs to the popup surface, including dark mode. */
html[data-touch-theme] body>header #userOptions .wrap>.header{margin:0 0 16px!important;padding:0 0 14px!important;background:transparent!important;border-bottom:1px solid var(--touch-theme-border,#dce6ed);text-align:center!important}
html[data-touch-theme] body>header #userOptions .wrap>.header>span{display:block!important;box-sizing:border-box;max-width:100%;padding:4px 8px!important;background:transparent!important;color:var(--touch-theme-text,#243448)!important;font:600 16px/1.4 var(--touch-font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;white-space:normal;overflow-wrap:anywhere;border:0!important;border-radius:0!important;box-shadow:none!important}

/* Readable text actions, preserving the centered filter alignment. */
html[data-touch-theme] body.menu-item-1>header #filterBarForm :is(#filtrovat,#resetovat){width:112px!important;min-width:112px!important;max-width:none!important;height:48px!important;min-height:48px!important;padding:0 16px!important;font:600 14px/1.2 var(--touch-font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;background-image:none!important;border-radius:8px!important;white-space:nowrap!important}
body.menu-item-1>header #filterBarForm .operations,body.menu-item-1>header #filterBarForm .operations :is(.wrap,.buttons){height:48px!important;min-height:48px!important}
@media(max-width:700px){html[data-touch-theme] body.menu-item-1>header #filterBarForm :is(#filtrovat,#resetovat){width:104px!important;min-width:104px!important;padding:0 12px!important}}

/* Match the date/view column to the existing 174px logo slot. */
@media(min-width:1351px){body.menu-item-1>header #filterBarForm>.table{grid-template-columns:174px minmax(0,1fr) auto 48px!important}body.menu-item-1>header #filterBarForm .basic-filter{width:174px!important}}
body.menu-item-1>header #filterBarForm #preset{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important}
/* Mode switch shares the action row instead of the bottom of the filter grid. */
body.menu-item-1>header #filterBarForm>.table>.mobile{align-self:center!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.menu-item-1>header #filterBarForm label.switchDisplayMode{align-self:center!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;margin:0!important;box-sizing:border-box!important}
@media(min-width:701px) and (max-width:1350px){body.menu-item-1>header #filterBarForm>.table{grid-template-columns:minmax(0,1fr) auto 48px!important}body.menu-item-1>header #filterBarForm>.table>.mobile,body.menu-item-1>header #filterBarForm>.table>.operations{align-self:end!important}}
@media(max-width:700px){body.menu-item-1>header #filterBarForm>.table>.mobile{flex:0 0 48px!important;align-self:end!important}}

/* Rounded order blocks, matching the 12px navigation control corners. */
body.menu-item-1 #mainOrderList{border-collapse:separate!important;border-spacing:0!important;border-radius:12px!important}
body.menu-item-1 #mainOrderList .row.firstRow>td:first-child{border-top-left-radius:12px!important}
body.menu-item-1 #mainOrderList .row.firstRow>td:last-child{border-top-right-radius:12px!important}
body.menu-item-1 #mainOrderList .row.lastRow>td:first-child{border-bottom-left-radius:12px!important}
body.menu-item-1 #mainOrderList .row.lastRow>td:last-child{border-bottom-right-radius:12px!important}
body.menu-item-1 #mainOrderList .row.single>td:first-child{border-radius:12px 0 0 12px!important}
body.menu-item-1 #mainOrderList .row.single>td:last-child{border-radius:0 12px 12px 0!important}
body.menu-item-1 #mainOrderList .row.comment>td:first-child{border-bottom-left-radius:12px!important}
body.menu-item-1 #mainOrderList .row.comment>td:last-child{border-bottom-right-radius:12px!important}
body.menu-item-1 #mainOrderList .row.comment .orderActions{border-radius:0 0 12px 12px!important}
body.menu-item-1 #mainOrderList.detailRows>tbody>tr.row.firstRow{border-top-left-radius:12px!important;border-top-right-radius:12px!important}
body.menu-item-1 #mainOrderList.detailRows>tbody>tr.row.lastRow{border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important}
/* Give the mode switch exactly the same 48px outer box as both actions. */
html[data-touch-theme] body.menu-item-1>header #filterBarForm>.table>.mobile,html[data-touch-theme] body.menu-item-1>header #filterBarForm>.table>.mobile label.switchDisplayMode{box-sizing:border-box!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;margin:0!important;align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm label.switchDisplayMode{border-radius:8px!important;font-size:26px!important;line-height:1!important}
html[data-touch-theme] body.menu-item-1>header #filterBarForm label.switchDisplayMode svg{width:26px!important;height:26px!important}

/* Empty comment rows must not paint a straight border below rounded orders. */
html[data-touch-theme] body.menu-item-1 #mainOrderList:has(.classicRow) .row.comment:not(.hasNote):not(.hasComments)>td{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;height:0!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList:has(.classicRow) .row:is(.hovered,.rightClicked).lastRow:not(.comment):not(.lastPrintRow)>td{border-bottom:1px solid var(--order-hover-frame,#aab3bb)!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList .row.single>td:only-child{border-radius:12px!important}

/* Stable supplier shipping symbol, independent of external icon fonts. */
html[data-touch-theme] #mainOrderList :is(.fa-truck-moving,.fa-shipping-fast,.fa-truck){display:inline-block!important;position:relative!important;box-sizing:border-box!important;width:19px!important;height:17px!important;min-width:19px!important;vertical-align:middle!important;font-size:0!important;color:#087f9b!important;opacity:1!important;visibility:visible!important}
html[data-touch-theme=dark] #mainOrderList :is(.fa-truck-moving,.fa-shipping-fast,.fa-truck){color:#75ccdf!important}
html[data-touch-theme] #mainOrderList :is(.fa-truck-moving,.fa-shipping-fast,.fa-truck)::before{content:''!important;display:block!important;width:19px!important;height:17px!important;background:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v11H3zM14 10h4l3 4v3h-7M2 10h5M2 13h4'/%3E%3Ccircle cx='7' cy='18' r='2' fill='white'/%3E%3Ccircle cx='18' cy='18' r='2' fill='white'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v11H3zM14 10h4l3 4v3h-7M2 10h5M2 13h4'/%3E%3Ccircle cx='7' cy='18' r='2' fill='white'/%3E%3Ccircle cx='18' cy='18' r='2' fill='white'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat!important}

/* Keep the original supplier status meaning: truck inherits its link colour. */
html[data-touch-theme] body.menu-item-1 #mainOrderList td.o-i-simg{text-align:center!important;vertical-align:middle!important;padding-left:4px!important;padding-right:4px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList td.o-i-simg>.supplier-icon{display:block!important;margin:0 auto 4px!important;float:none!important;vertical-align:middle!important;max-width:26px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList td.o-i-simg>br{display:none!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList td.o-i-simg>a:has(.fa-truck-moving){display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:26px!important;height:26px!important;margin:4px auto!important;border:1px solid #76b7d6!important;border-radius:7px!important;background:#e4f4ff!important;color:#086bb4!important;text-decoration:none!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList td.o-i-simg>a[style*="#06b406"]:has(.fa-truck-moving){background:#e0f7e9!important;color:#087a3c!important;border-color:#5bab80!important}
html[data-touch-theme=dark] body.menu-item-1 #mainOrderList td.o-i-simg>a:has(.fa-truck-moving){background:#173e5a!important;color:#71c7ff!important;border-color:#407fa9!important}
html[data-touch-theme=dark] body.menu-item-1 #mainOrderList td.o-i-simg>a[style*="#06b406"]:has(.fa-truck-moving){background:#173f2c!important;color:#68eb9a!important;border-color:#3b9b67!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList td.o-i-simg>a .fa-truck-moving{color:inherit!important;width:18px!important;min-width:18px!important;height:17px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList td.o-i-simg>a .fa-truck-moving::before{width:18px!important;height:17px!important}
html[data-touch-theme] body.menu-item-1 #mainOrderList td.o-i-simg>a:has(.fa-truck-moving):hover{box-shadow:inset 0 0 0 1px currentColor!important;filter:brightness(1.12);transition:box-shadow .14s,filter .14s}
html[data-touch-theme] body.menu-item-1 #mainOrderList td.o-i-simg :is(.fa-check,.fa-check-circle,.icon-checkmark){display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;box-sizing:border-box;margin:4px auto;border:1px solid #5bab80;border-radius:7px;background:#e0f7e9;color:#087a3c;font-size:16px}


/* Mac Safari fullscreen: recalculate sticky header against the visible viewport. */
@media(min-width:701px){
html.touch-mac-safari[data-touch-theme] body:has(#mainOrderList)>header,
html.touch-mac-safari[data-touch-theme] body:has(.invoice-view)>header{top:max(env(safe-area-inset-top,0px),var(--touch-safari-viewport-top,0px))!important;isolation:isolate;-webkit-backface-visibility:hidden;backface-visibility:hidden}
}