/* Order identity, not status: opaque surfaces also keep pinned cells readable. */
.order-group-tone-0{--order-group-rgb:37,99,235;--order-group-surface:#e8f0ff;--order-group-hover:#dae7ff;--order-group-detail:#f1f5ff;--order-group-line:#abc3ed;--order-group-ink:#244b8f}
.order-group-tone-1{--order-group-rgb:124,58,237;--order-group-surface:#eee4ff;--order-group-hover:#e5d6fc;--order-group-detail:#f6f0ff;--order-group-line:#c5ade9;--order-group-ink:#623697}
.order-group-tone-2{--order-group-rgb:190,24,93;--order-group-surface:#ffe2e9;--order-group-hover:#fbd5df;--order-group-detail:#fff0f4;--order-group-line:#e7a8bb;--order-group-ink:#94314f}
.order-group-tone-3{--order-group-rgb:180,100,8;--order-group-surface:#fff0d2;--order-group-hover:#ffe6b6;--order-group-detail:#fff7e8;--order-group-line:#dfbd7f;--order-group-ink:#805014}
.order-group-tone-4{--order-group-rgb:5,130,80;--order-group-surface:#def4e7;--order-group-hover:#cbead8;--order-group-detail:#edf9f1;--order-group-line:#98cbb0;--order-group-ink:#236344}
.order-group-tone-5{--order-group-rgb:8,125,150;--order-group-surface:#dff3f8;--order-group-hover:#ccebf2;--order-group-detail:#eef9fc;--order-group-line:#9ac9d5;--order-group-ink:#225b6b}

:root .orders-sheet #ordersBody>tr.order-group:not(.after-sales-row):not(.row-editing)>td{
  background:var(--order-group-surface)!important;
  border-top-color:var(--order-group-line)!important;
  border-bottom-color:var(--order-group-line)!important;
}
:root .orders-sheet #ordersBody>tr.order-group:not(.after-sales-row):not(.row-editing):hover>td{
  background:var(--order-group-hover)!important;
}
:root .orders-sheet #ordersBody>tr.order-group:not(.after-sales-row)>td:first-child,
:root .orders-sheet #ordersBody>tr.after-sales-row.order-group>td{
  box-shadow:inset 4px 0 0 rgb(var(--order-group-rgb))!important;
}
:root .orders-sheet #ordersBody>tr.order-group:not(.after-sales-row):not(.row-editing)>.order-no{
  background:var(--order-group-surface)!important;
  color:var(--order-group-ink)!important;
  box-shadow:inset 0 0 0 1px var(--order-group-line)!important;
}
:root .orders-sheet #ordersBody>tr.order-group:not(.after-sales-row):not(.row-editing):hover>.order-no{
  background:var(--order-group-hover)!important;
}
:root .orders-sheet #ordersBody>tr.order-group .order-no>.row-display,
:root .orders-sheet #ordersBody>tr.order-group .order-number-value{color:var(--order-group-ink)!important}
/* A solid separator identifies a new order even without colour perception.
   Items within that order keep their existing thin product-row separators. */
:root .orders-sheet #ordersBody>tr.order-group-start:not(:first-child):not(.mobile-reader-row)>td{
  border-top:4px solid #93a4ba!important;
}
:root .orders-sheet #ordersBody>tr.order-group .order-group-badge,
:root .orders-sheet #ordersBody>tr.order-group .reader-group-badge{
  color:var(--order-group-ink)!important;
  background:#fff!important;
  border:1px solid var(--order-group-line)!important;
  font-weight:700;
}
:root .orders-sheet #ordersBody>tr.order-group :is(.order-created-time,.reported-at,.reader-label,.reader-date-line,.reader-product-meta,.reader-finance,.reader-detail-fields dt){color:#4b5c73!important}
:root .orders-sheet #ordersBody>tr.after-sales-row.order-group>td,
:root .orders-sheet #ordersBody>tr.after-sales-row.order-group .after-sales-details,
:root .orders-sheet #ordersBody>tr.after-sales-row.order-group .after-sales-details>summary{
  background:var(--order-group-detail)!important;
  border-bottom-color:var(--order-group-line)!important;
}
:root .orders-sheet #ordersBody>tr.after-sales-row.order-group .after-sales-details>summary:hover{
  background:var(--order-group-surface)!important;
}
@media(max-width:900px){
  :root #ordersPage .orders-sheet #ordersBody>tr.mobile-reader-row.order-group>td{background:transparent!important;box-shadow:none!important;border:0!important}
  :root .orders-sheet #ordersBody>tr.order-group .reader-card{
    background:var(--order-group-surface);
    border-color:var(--order-group-line);
    border-left:4px solid rgb(var(--order-group-rgb));
  }
  :root #ordersPage .orders-sheet #ordersBody>tr.mobile-reader-row.order-group-start:not(:first-child)>td{padding-top:16px!important;border-top:3px solid #93a4ba!important}
  :root .orders-sheet #ordersBody>tr.order-group .reader-more{background:var(--order-group-detail)}
}
@media(forced-colors:active){
  :root .orders-sheet #ordersBody>tr.order-group-start:not(:first-child)>td{border-top-color:CanvasText!important}
  :root .orders-sheet #ordersBody>tr.order-group .reader-card{border-left-color:CanvasText}
}