/* A selected packing order uses the same accent as its barcode input. No size or position changes. */
@media screen {
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows {--order-focus-accent:var(--touch-control-ink,#00a2c0)}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody:not(.mobile-order-card)>tr.touch-order-selected:not(.classicRow) {
 box-shadow:inset 2px 0 var(--order-focus-accent),inset -2px 0 var(--order-focus-accent)!important;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody:not(.mobile-order-card)>tr.touch-order-selected.firstRow {
 box-shadow:inset 2px 0 var(--order-focus-accent),inset -2px 0 var(--order-focus-accent),inset 0 2px var(--order-focus-accent)!important;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody:not(.mobile-order-card)>tr.touch-order-selected.lastPrintRow {
 box-shadow:inset 2px 0 var(--order-focus-accent),inset -2px 0 var(--order-focus-accent),inset 0 -2px var(--order-focus-accent)!important;
}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody.mobile-order-card.touch-order-selected-card {
 border-color:var(--order-focus-accent)!important;
 box-shadow:inset 0 0 0 2px var(--order-focus-accent)!important;
}
}

/* Pointer hover never changes the order frame; only the scanner-selected order gets the accent. */
@media screen {
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows .row:is(.hovered,.rightClicked)>td:first-child {border-left-color:var(--touch-theme-border,#c8d6df)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows .row:is(.hovered,.rightClicked)>td:last-child {border-right-color:var(--touch-theme-border,#c8d6df)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows .row:is(.hovered,.rightClicked).firstRow>td {border-top-color:var(--touch-theme-border,#c8d6df)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows .row:is(.hovered,.rightClicked).lastRow>td {border-bottom-color:var(--touch-theme-border,#c8d6df)!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList.detailRows>tbody.mobile-order-card:not(.touch-order-selected-card):is(:hover,.hovered) {border-color:var(--touch-theme-border,#c8d6df)!important;box-shadow:none!important}
}