/* Shop group headings: tablet packing mode only. */
@media screen {
html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows) #actualBookRow {
 left:12px;right:12px;width:auto;box-sizing:border-box;
 height:auto;min-height:42px;line-height:1.4;padding:10px 18px;
 border:1px solid #8dcfdd;border-radius:16px;
 background:linear-gradient(110deg,#e2f6fa,#e9effb);color:#216579;
 box-shadow:0 5px 18px #183b4a1a;
 font-family:var(--touch-font,sans-serif);font-size:16px;font-weight:700;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
html[data-touch-theme] body.menu-item-1 #mainOrderList.detailRows .row.separator>td {
 border:1px solid #b4d5df;border-radius:16px;padding:10px 18px;
 height:auto;min-height:42px;line-height:1.4;
 background:linear-gradient(110deg,#e2f6fa,#e9effb);color:#216579;
 font-family:var(--touch-font,sans-serif);font-size:16px;font-weight:700;
 box-shadow:0 3px 12px #183b4a0c;
}
html[data-touch-theme="dark"] body.menu-item-1:has(#mainOrderList.detailRows) #actualBookRow,
html[data-touch-theme="dark"] body.menu-item-1 #mainOrderList.detailRows .row.separator>td {
 background:linear-gradient(110deg,#203d4a,#29384b);color:#a8e2ee;border-color:#567b8c;box-shadow:0 5px 18px #0003;
}
@media(max-width:700px){
html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows) #actualBookRow{left:8px;right:8px;padding:9px 14px;font-size:14px;border-radius:14px}
}
}

/* The table row previously painted square corners behind the rounded cell. */
@media screen {
html[data-touch-theme] body.menu-item-1 #mainOrderList.detailRows tr.row.separator,
html[data-touch-theme] body.menu-item-1 #mainOrderList.detailRows tr.row.separator:hover {
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html[data-touch-theme] body.menu-item-1 #mainOrderList.detailRows tr.row.separator>td {
 border-radius:16px!important;overflow:hidden!important;
 -webkit-clip-path:inset(0 round 16px);clip-path:inset(0 round 16px);
}
html[data-touch-theme] body.menu-item-1 #mainOrderList.detailRows tr.row.separator>td>div {
 border-radius:inherit;overflow:hidden;
}
}

/* Clip the actual packing rows, including their cell backgrounds. Internal product rows remain flush. */
@media screen {
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody:not(.mobile-order-card)>tr.firstRow {
 border-radius:18px 18px 0 0!important;
 -webkit-clip-path:inset(0 round 18px 18px 0 0);clip-path:inset(0 round 18px 18px 0 0);
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody:not(.mobile-order-card)>tr.lastPrintRow {
 border-radius:0 0 18px 18px!important;
 -webkit-clip-path:inset(0 round 0 0 18px 18px);clip-path:inset(0 round 0 0 18px 18px);
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody.mobile-order-card {
 border-radius:18px!important;isolation:isolate;
 -webkit-clip-path:inset(0 round 18px);clip-path:inset(0 round 18px);
}
}

/* Barcode entry has no separate background panel; keep the input boundary and focus cue. */
@media screen {
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList tr:has(>td>.centerSearch),
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList tr:has(>td>.centerSearch)>td,
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .centerSearch {
 background:transparent!important;background-image:none!important;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList input.searchCtecka,
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList input.searchCtecka:focus {
 background:transparent!important;background-image:none!important;color:var(--touch-theme-text,inherit)!important;
}
}



/* Keep the barcode field frame; remove only the edge-to-edge scanner strip frame. */
@media screen {
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList tr:has(>td>.centerSearch),
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList tr:has(>td>.centerSearch)>td,
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .centerSearch {
 border:0!important;outline:0!important;box-shadow:none!important;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList input.searchCtecka {
 border:1px solid var(--touch-theme-border,#ccdce5)!important;border-radius:9px!important;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList input.searchCtecka:focus {
 border-color:var(--touch-control-ink,#00a2c0)!important;outline:none!important;
 box-shadow:0 0 0 2px color-mix(in srgb,var(--touch-control-ink,#00a2c0) 20%,transparent)!important;
}
}

/* Packing scanners supply their own symmetric spacing, without an extra order spacer. */
@media screen {
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody>tr.touch-compact-gap:has(+tr.classicRow),
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody>tr.order-gap-spacer:has(+tr.classicRow) {
 display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows tr.classicRow:has(>td>.centerSearch) {
 height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows tr.classicRow:has(>td>.centerSearch)>td {
 height:auto!important;min-height:0!important;margin:0!important;padding:12px 8px!important;vertical-align:middle!important;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows .centerSearch {
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 margin:0 auto!important;padding:0!important;
}
}

/* Match both viewport edges for the packing list and its fixed shop heading. */
@media screen {
html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows){--packing-edge:14px}
html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows)>#body {
 padding-left:var(--packing-edge)!important;padding-right:var(--packing-edge)!important;box-sizing:border-box!important;
}
html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows) #actualBookRow {
 left:var(--packing-edge)!important;right:var(--packing-edge)!important;width:auto!important;max-width:none!important;box-sizing:border-box!important;
}
@media(max-width:1100px){html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows){--packing-edge:16px}}
}

/* Carrier service selectors use the same rounded controls as the application. */
@media screen {
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping select {
 -webkit-appearance:none!important;appearance:none!important;
 display:inline-block!important;box-sizing:border-box!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 min-height:36px!important;height:36px!important;
 margin:4px 0 0!important;padding:7px 24px 7px 9px!important;
 border:1px solid var(--touch-theme-border,#b9d0db)!important;border-radius:10px!important;
 background-color:var(--touch-theme-hover,#edf7fa)!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2369a9bd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-position:right 6px center!important;background-repeat:no-repeat!important;background-size:14px 14px!important;
 color:var(--touch-theme-text,#294552)!important;
 font:600 12px/1.3 var(--touch-font,sans-serif)!important;
 white-space:nowrap!important;text-overflow:ellipsis;cursor:pointer;
 box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping select:hover:not(:disabled) {border-color:var(--touch-control-ink,#00a2c0)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping select:focus {border-color:var(--touch-control-ink,#00a2c0)!important;outline:none!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--touch-control-ink,#00a2c0) 20%,transparent)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping select option {background:var(--touch-theme-surface,#fff);color:var(--touch-theme-text,#294552)}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping select:disabled {opacity:.55;cursor:not-allowed}
}

/* Shop notification belongs to the outer icon tile, outside its selection outline. */
@media screen {
html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows)>header .eshop-select label.check-label {
 position:relative!important;overflow:visible!important;
}
html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows)>header .eshop-select label.check-label .image {position:static!important;overflow:visible!important}
html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows)>header .eshop-select label.check-label .image .amount:not(:empty) {
 position:absolute!important;inset:auto!important;top:-7px!important;right:-7px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:22px!important;height:22px!important;min-height:22px!important;
 margin:0!important;padding:0 5px!important;box-sizing:border-box!important;
 border:2px solid var(--touch-theme-surface,#fff)!important;border-radius:999px!important;
 background:#f04452!important;color:#fff!important;
 font:750 11px/1 var(--touch-font,system-ui,sans-serif)!important;
 white-space:nowrap!important;text-align:center!important;transform:none!important;
 box-shadow:0 2px 5px #0003!important;z-index:4;pointer-events:none;
}
html[data-touch-theme] body.menu-item-1:has(#mainOrderList.detailRows)>header .eshop-select label.check-label .image .amount:empty {display:none!important}
}

/* Center parcel count independently of the browser's number-input spin area. */
@media screen {
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping .special-shipping-options input[type="number"]{text-align:center!important;text-indent:0!important;padding-left:4px!important;padding-right:4px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;-moz-appearance:textfield!important;appearance:textfield!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping .special-shipping-options input[type="number"]::-webkit-inner-spin-button,
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList .o-shipping .special-shipping-options input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
}