html[data-touch-theme] body #mainOrderList .orderActions>.orderAction{transition:background-color .14s ease,color .14s ease,box-shadow .14s ease!important}
@media(hover:hover){html[data-touch-theme] body #mainOrderList .orderActions>.orderAction:hover{background:color-mix(in srgb,var(--touch-control-ink,#3979d3) 13%,var(--touch-theme-surface,#fff))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--touch-control-ink,#3979d3) 55%,transparent),0 4px 12px #00000020!important;filter:none!important;transform:none!important}html[data-touch-theme] body #mainOrderList .orderActions>.orderAction:hover>.icon{color:var(--touch-control-ink,#3979d3)!important}}
html[data-touch-theme] body #mainOrderList .orderActions>.orderAction:focus-visible{outline:2px solid var(--touch-control-ink,#3979d3);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){html[data-touch-theme] body #mainOrderList .orderActions>.orderAction{transition:none!important}}
/* Compact classic proportions and the same quiet hover frame as top filters. */
html[data-touch-theme] body:has(label.switchDisplayMode:not(.active)) #mainOrderList{table-layout:auto!important;width:100%!important}
html[data-touch-theme] body #mainOrderList{--order-hover-frame:color-mix(in srgb,var(--touch-control-ink,#3979d3) 55%,var(--touch-theme-border,#c8d6df))!important}
html[data-touch-theme] body #mainOrderList .row:is(.hovered,.rightClicked).firstRow>td{border-top-color:var(--order-hover-frame)!important}
html[data-touch-theme] body #mainOrderList .row:is(.hovered,.rightClicked)>td:first-child{border-left-color:var(--order-hover-frame)!important}
html[data-touch-theme] body #mainOrderList .row:is(.hovered,.rightClicked)>td:last-child{border-right-color:var(--order-hover-frame)!important}
html[data-touch-theme] body #mainOrderList .row:is(.hovered,.rightClicked).lastRow>td{border-bottom-color:var(--order-hover-frame)!important}
html[data-touch-theme] body #mainOrderList .row:is(.hovered,.rightClicked).comment .orderActions{border-color:var(--order-hover-frame)!important}
html[data-touch-theme] body #mainOrderList#mainOrderList>tbody>tr.touch-compact-gap,html[data-touch-theme] body #mainOrderList#mainOrderList>tbody>tr.touch-compact-gap>td{height:8px!important;min-height:8px!important;max-height:8px!important;padding:0!important;border:0!important;background:transparent!important;font-size:0!important;line-height:0!important;pointer-events:none;box-shadow:none!important}
/* A lighter seam connects the order and its attached action tray. */
html[data-touch-theme] body #mainOrderList#mainOrderList .row.comment .orderActions{border-top:1px dashed color-mix(in srgb,var(--touch-control-ink,#3979d3) 45%,var(--touch-theme-border,#c8d6df))!important;box-shadow:0 6px 12px #00000014!important}
html[data-touch-theme] body #mainOrderList#mainOrderList .row:is(.hovered,.rightClicked).comment .orderActions{border-top-style:dashed!important;border-top-width:1px!important}
/* The tray owns the single seam; the product row must not duplicate it. */
html[data-touch-theme] body #mainOrderList#mainOrderList .row.lastRow:not(.comment):not(.lastPrintRow)>td{border-bottom:0!important;box-shadow:none!important}
html[data-touch-theme] body #mainOrderList#mainOrderList .row.comment>td{border-top:0!important}
html[data-touch-theme] body #mainOrderList#mainOrderList .row.comment .orderActions{border-top:1px dashed var(--order-hover-frame,#6f9cac)!important}
/* Attached utility footer: the order is primary, the actions a quieter extension. */
html[data-touch-theme] body #mainOrderList#mainOrderList .row.comment .orderActions{border-top:1px solid transparent!important;background:color-mix(in srgb,var(--order-wash,#edf5fa) 40%,var(--touch-theme-surface,#fff))!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--touch-theme-text,#243448) 10%,transparent),0 6px 12px #00000012!important}
html[data-touch-theme] body #mainOrderList#mainOrderList .row.comment .orderActions::before{content:'';position:absolute;top:-1px;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--touch-control-ink,#3979d3) 42%,transparent) 20%,color-mix(in srgb,var(--touch-control-ink,#3979d3) 42%,transparent) 80%,transparent);pointer-events:none}
html[data-touch-theme] body #mainOrderList#mainOrderList .row:is(.hovered,.rightClicked).firstRow>td{border-top-color:color-mix(in srgb,var(--touch-control-ink,#3979d3) 72%,var(--touch-theme-border,#c8d6df))!important}
html[data-touch-theme] body #mainOrderList#mainOrderList .row:is(.hovered,.rightClicked)>td:first-child{border-left-color:color-mix(in srgb,var(--touch-control-ink,#3979d3) 72%,var(--touch-theme-border,#c8d6df))!important}
html[data-touch-theme] body #mainOrderList#mainOrderList .row:is(.hovered,.rightClicked)>td:last-child{border-right-color:color-mix(in srgb,var(--touch-control-ink,#3979d3) 72%,var(--touch-theme-border,#c8d6df))!important}
html[data-touch-theme] body #mainOrderList#mainOrderList .row:is(.hovered,.rightClicked).comment .orderActions{border-left-color:color-mix(in srgb,var(--touch-theme-text,#243448) 18%,transparent)!important;border-right-color:color-mix(in srgb,var(--touch-theme-text,#243448) 18%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--touch-theme-text,#243448) 18%,transparent)!important}

html[data-touch-theme] body:has(label.switchDisplayMode.active) #mainOrderList#mainOrderList .row.comment .orderActions{position:relative!important}