/* PATCH_ID: b2c_orders_invoice_paper_contrast_v1_20260709 */

/* page background: slightly colder / deeper so tickets separate better */
body:has(.b2c-orders-native-page){
  background:
    radial-gradient(circle at 8% 6%, rgba(220,205,238,.36), transparent 30%),
    radial-gradient(circle at 94% 18%, rgba(255,218,237,.32), transparent 34%),
    linear-gradient(180deg, #fbf8fc 0%, #f8f4fa 44%, #fffafb 100%)!important;
}

/* make each order ticket look more like real invoice paper */
.b2c-order-ticket-native-v2{
  background:
    radial-gradient(circle at 0% 62%, transparent 0 17px, rgba(255,253,248,.99) 18px),
    radial-gradient(circle at 100% 62%, transparent 0 17px, rgba(255,253,248,.99) 18px),
    repeating-linear-gradient(
      0deg,
      rgba(64,52,72,.026) 0px,
      rgba(64,52,72,.026) 1px,
      transparent 1px,
      transparent 8px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(64,52,72,.018) 0px,
      rgba(64,52,72,.018) 1px,
      transparent 1px,
      transparent 12px
    ),
    linear-gradient(135deg, #fffef9 0%, #fffaf2 52%, #fffdf8 100%)!important;

  border:1px solid rgba(216,196,226,.94)!important;
  box-shadow:
    0 28px 76px rgba(50,38,66,.15),
    0 12px 28px rgba(50,38,66,.08),
    0 1px 0 rgba(255,255,255,.96) inset,
    0 -1px 0 rgba(120,96,130,.06) inset!important;
}

/* stronger separation by status, but keep original design */
.b2c-order-ticket-native-v2[data-ticket-group="new"]{
  border-color:rgba(205,164,233,.95)!important;
  box-shadow:
    0 30px 82px rgba(104,63,137,.18),
    0 13px 32px rgba(104,63,137,.10),
    0 1px 0 rgba(255,255,255,.96) inset!important;
}

.b2c-order-ticket-native-v2[data-ticket-group="processing"]{
  border-color:rgba(164,188,238,.95)!important;
  box-shadow:
    0 28px 76px rgba(61,89,150,.15),
    0 12px 30px rgba(61,89,150,.09),
    0 1px 0 rgba(255,255,255,.96) inset!important;
}

.b2c-order-ticket-native-v2[data-ticket-group="completed"]{
  border-color:rgba(195,190,205,.95)!important;
  box-shadow:
    0 24px 64px rgba(51,45,62,.13),
    0 10px 26px rgba(51,45,62,.08),
    0 1px 0 rgba(255,255,255,.96) inset!important;
}

/* paper edge and invoice depth */
.b2c-order-ticket-native-v2:hover,
.b2c-order-ticket-native-v2:focus-within{
  box-shadow:
    0 36px 96px rgba(50,38,66,.20),
    0 16px 36px rgba(50,38,66,.11),
    0 1px 0 rgba(255,255,255,.98) inset!important;
}

/* make text and ticket marks clearer on paper */
.b2c-ticket-native-v2-label{
  color:rgba(82,64,98,.58)!important;
  border-bottom-color:rgba(105,82,122,.24)!important;
}

.b2c-ticket-native-v2-label::after{
  color:rgba(82,64,98,.46)!important;
}

/* watermark stamp clearer, still subtle */
.b2c-order-ticket-native-v2::before{
  color:rgba(70,52,86,.095)!important;
  -webkit-text-stroke:1px rgba(70,52,86,.06)!important;
}

/* perforation line slightly darker */
.b2c-order-ticket-native-v2::after{
  background-image:linear-gradient(
    to right,
    rgba(86,66,104,.38) 0 8px,
    transparent 8px 15px
  )!important;
  opacity:.95!important;
}

/* side holes need more real-paper depth */
.b2c-ticket-native-v2-notch,
.b2c-ticket-stub-native-v2::before,
.b2c-ticket-stub-native-v2::after{
  background:#fbf8fc!important;
  box-shadow:
    0 0 0 1px rgba(210,194,222,.95),
    inset 0 5px 13px rgba(48,38,61,.07),
    0 10px 22px rgba(48,38,61,.07)!important;
}

/* stub area: more like invoice detachable part */
.b2c-ticket-stub-native-v2{
  background:
    repeating-linear-gradient(
      0deg,
      rgba(44,34,54,.026) 0px,
      rgba(44,34,54,.026) 1px,
      transparent 1px,
      transparent 7px
    ),
    linear-gradient(135deg, rgba(255,255,250,.86), rgba(255,248,241,.72))!important;
  border-color:rgba(134,104,154,.28)!important;
  box-shadow:
    0 14px 32px rgba(50,38,66,.075),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}

.b2c-ticket-stub-native-v2-cell,
.b2c-ticket-stub-native-v2-barcode{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(222,207,232,.82)!important;
  box-shadow:
    0 6px 16px rgba(50,38,66,.035),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}

/* barcode contrast */
.b2c-ticket-stub-native-v2-code128{
  color:rgba(26,21,31,.88)!important;
}

/* item and summary areas: invoice-paper contrast */
.b2c-order-ticket-native-v2 .order-progress-v2,
.b2c-order-ticket-native-v2 .order-detail-v2{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(222,207,232,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}

.b2c-order-ticket-native-v2 .order-item-v2{
  border-bottom-color:rgba(95,74,112,.20)!important;
}

.b2c-order-ticket-native-v2 .order-summary-v2{
  border-top-color:rgba(95,74,112,.28)!important;
}

.b2c-order-ticket-native-v2 .order-summary-v2 div{
  border-bottom-color:rgba(95,74,112,.17)!important;
}

/* buttons stay readable on stronger paper */
.b2c-order-ticket-native-v2 button{
  box-shadow:0 8px 18px rgba(32,24,40,.12)!important;
}

/* stacked cards should still be distinguishable */
.b2c-orders-wallet-native-section[data-wallet-group="processing"] .b2c-order-ticket-native-v2{
  filter:saturate(1.02) contrast(1.01);
}

.b2c-orders-wallet-native-section[data-wallet-group="completed"] .b2c-order-ticket-native-v2{
  filter:saturate(.96) contrast(1.015);
}