/* The moving red rule marks a date change, never an ordinary order change.
   A 4px clip contains a feathered, visually 2px rule; controls do not move. */
:root #ordersPage .orders-sheet #ordersBody>tr.order-date-start:not(:first-child):not(.mobile-reader-row)>td{border-top-color:transparent!important}
:root #ordersPage .orders-sheet #ordersBody>tr.after-sales-row.date-boundary-after>td{position:relative!important;border-bottom-color:transparent!important}
:root #ordersPage .orders-sheet #ordersBody>tr.after-sales-row.date-boundary-after :is(.after-sales-details,.after-sales-details>summary){border-bottom-color:transparent!important}
:root #ordersPage .orders-sheet #ordersBody>tr.after-sales-row.date-boundary-after>td::after{content:none!important}
:root #ordersPage .order-date-divider{display:block;position:absolute;left:0;right:0;bottom:-3px;height:4px;overflow:hidden;pointer-events:none;z-index:5;border-radius:2px;background:linear-gradient(180deg,rgba(190,46,65,0) 0%,rgba(190,46,65,.38) 25%,rgba(190,46,65,.86) 50%,rgba(190,46,65,.38) 75%,rgba(190,46,65,0) 100%)}
/* One continuous feathered light band, not repeating stripes. Both ends leave
   the clipped rule before the loop restarts, so there is no visible jump. */
:root #ordersPage .order-date-divider::before{content:"";position:absolute;top:0;bottom:0;left:0;width:50%;background:linear-gradient(90deg,rgba(197,51,74,0) 0%,rgba(197,51,74,.24) 20%,rgba(215,66,87,.68) 45%,rgba(236,120,137,.78) 68%,rgba(255,191,201,.82) 78%,rgba(221,90,111,.62) 88%,rgba(197,51,74,0) 100%);filter:blur(.45px);animation:order-date-marquee 5.2s linear infinite}
@keyframes order-date-marquee{from{transform:translateX(-100%)}to{transform:translateX(200%)}}
@media(max-width:900px){
  :root #ordersPage .orders-sheet #ordersBody>tr.mobile-reader-row.order-date-start:not(:first-child)>td{position:relative!important;border-top-color:transparent!important}
  :root #ordersPage .orders-sheet #ordersBody>tr.mobile-reader-row.order-date-start>td>.order-date-divider{top:-3px;bottom:auto}
}
@media(prefers-reduced-motion:reduce){:root #ordersPage .order-date-divider::before{animation:none;width:100%;transform:none;filter:none;background:transparent}}
@media print{:root #ordersPage .order-date-divider::before{animation:none;width:100%;transform:none;filter:none;background:transparent}}
@media(forced-colors:active){
  :root #ordersPage .order-date-divider{background:CanvasText}
  :root #ordersPage .order-date-divider::before{animation:none;width:100%;transform:none;filter:none;background:CanvasText}
  :root #ordersPage .orders-sheet #ordersBody>tr.order-date-start:not(:first-child)>td{border-top-color:CanvasText!important}
}