/* SST QO Paper Background · the TOP tab's bone paper, painted on the whole Quick Order block.
   Light theme only. Product cards (tr), toolbar and cart keep their own white surfaces; the COUPONS / Watchlist panels sit on the paper. */
html:not([data-sst-theme="dark"]) .sst-qo {
  background:
    radial-gradient(120% 56% at 50% 0%, #FFFDF8 0%, rgba(255, 253, 248, 0) 60%),
    radial-gradient(90% 40% at 88% 4%, rgba(46, 203, 245, .06) 0%, rgba(46, 203, 245, 0) 55%),
    radial-gradient(80% 40% at 8% 16%, rgba(154, 107, 255, .055) 0%, rgba(154, 107, 255, 0) 55%),
    linear-gradient(180deg, #F6F3EC 0%, #EFEBE3 30%, #ECE7DD 100%) !important;
  background-attachment: scroll;
}
/* The TOP block painted its own copy of this paper, which ended at the cart column (the visible seam).
   Let the root's continuous paper show through instead; the TOP block keeps its grid lines, glows and cards. */
html:not([data-sst-theme="dark"]) .sst-qo .sst-top__paper { background: transparent !important; }
/* Surfaces that must stay white on the paper (card view + B2B list view + toolbar + cart) */
html:not([data-sst-theme="dark"]) .sst-qo .sst-qo__table tbody tr:not(.sst-qo__row--sale):not(.sst-qo__row--hot) { background: #fff; }
html:not([data-sst-theme="dark"]) .sst-qo .sst-qo__toolbar,
html:not([data-sst-theme="dark"]) .sst-qo .sst-qo__cart { background: #fff; }
/* The COUPONS and Watchlist panels sit on the paper like the catalog does (their own CSS paints them white and prints
   earlier in wp_footer: coupon tab 5, watchlist 7, this sheet 8). Only their cards keep a white surface. */
html:not([data-sst-theme="dark"]) .sst-qo .sst-qct-panel,
html:not([data-sst-theme="dark"]) .sst-qo .sst-qof-panel { background: transparent; }
/* Guest view of COUPONS: the welcome box reads as a white card on the paper (it was a grey slab on the white panel) */
html:not([data-sst-theme="dark"]) .sst-qo .sst-qcw-b-welcome { background: #fff; }
/* Coupon ticket notches used to be "cut" out of the white panel: tint them like the paper so they stay invisible */
html:not([data-sst-theme="dark"]) .sst-qo .sst-qcw-card-foot::before,
html:not([data-sst-theme="dark"]) .sst-qo .sst-qcw-card-foot::after { background: #F0ECE3; }
/* Group headings and counters sit directly on the paper: keep them crisp */
html:not([data-sst-theme="dark"]) .sst-qo .sst-qo__label { color: #41444E; }