/*
 * V4.2.45A-UI8-CASHIER-ITEM-SUMMARY1-RC1
 * Patch 1: desktop-only cashier structure/readability cleanup.
 * Scoped to #page-cashier. No transaction, payment, inventory, or pricing logic.
 */

#page-cashier,
#page-cashier *{
  box-sizing:border-box;
}

#page-cashier .cashier-page-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 14px;
}

#page-cashier .cashier-page-toolbar-copy h2{
  margin:0;
  color:#172033;
  font-size:22px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.025em;
}

#page-cashier .cashier-page-toolbar-copy p{
  margin:4px 0 0;
  color:#5b687a;
  font-size:13px;
  line-height:1.45;
}

#page-cashier .cashier-page-toolbar #cashierResetBtn{
  flex:0 0 auto;
  min-height:42px;
  padding:0 16px;
  border:1px solid #cfd8e5;
  border-radius:12px;
  background:#fff;
  color:#344054;
  font-size:13px;
  font-weight:800;
}

#page-cashier .cashier-work-section{
  min-width:0;
}

#page-cashier .cashier-work-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

#page-cashier .cashier-work-section-head > div{
  min-width:0;
}

#page-cashier .cashier-work-section-head h3{
  margin:2px 0 0;
  color:#172033;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.02em;
}

#page-cashier .cashier-work-section-head p{
  margin:5px 0 0;
  color:#5b687a;
  font-size:13px;
  line-height:1.45;
}

#page-cashier .cashier-step-label{
  display:block;
  color:#2b7a4b;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
}

#page-cashier .cashier-status-cluster{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

#page-cashier .cashier-readonly-field{
  display:grid;
  align-content:center;
  gap:5px;
  min-width:0;
}

#page-cashier .cashier-readonly-field span{
  color:#475467;
  font-size:12px;
  font-weight:800;
}

#page-cashier .cashier-readonly-field strong{
  overflow:hidden;
  color:#1f6a40;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#page-cashier .cashier-customer-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  min-width:0;
}

#page-cashier .cashier-customer-search-row .cashier-search{
  min-width:0;
  margin:0;
}

#page-cashier .cashier-customer-search-row .cashier-add-customer-btn{
  min-height:48px;
  padding:0 16px;
  border:1px solid #b8d8c4;
  border-radius:12px;
  background:#f1faf4;
  color:#1f6a40;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

#page-cashier .cashier-pic-primary-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
  min-width:0;
}

#page-cashier .cashier-add-pic-btn{
  min-height:48px;
  padding:0 14px;
  white-space:nowrap;
}

#page-cashier .cashier-extra-pic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}

#page-cashier .cashier-pic-meta{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:9px;
  min-width:0;
}

#page-cashier .cashier-pic-meta .sales-pic-hint{
  min-width:0;
  color:#667085;
  font-size:12px;
  line-height:1.4;
}

@media (max-width:1023px){
  #page-cashier .cashier-page-toolbar{
    padding:0 2px;
  }
  #page-cashier .cashier-customer-search-row,
  #page-cashier .cashier-pic-primary-row,
  #page-cashier .cashier-extra-pic-grid{
    grid-template-columns:1fr;
  }
  #page-cashier .cashier-customer-search-row .cashier-add-customer-btn,
  #page-cashier .cashier-add-pic-btn{
    width:100%;
  }
}

@media (min-width:1024px){
  body[data-current-page="cashier"] .content{
    max-width:1600px!important;
    padding:16px 18px 24px!important;
  }

  #page-cashier{
    min-width:0!important;
    color:#172033!important;
    font-size:14px!important;
  }

  /* Global topbar already shows page name. Keep body toolbar action-only on desktop. */
  #page-cashier .cashier-page-toolbar{
    justify-content:flex-end!important;
    min-height:42px!important;
    margin:0 0 12px!important;
  }

  #page-cashier .cashier-page-toolbar-copy{
    display:none!important;
  }

  #page-cashier .cashier-redesign-a2-layout,
  #page-cashier .cashier-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
  }

  #page-cashier .cashier-order-shell{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    scrollbar-gutter:auto!important;
    border:1px solid #dfe5ec!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(16,24,40,.055)!important;
  }

  #page-cashier .cashier-order-head{
    display:none!important;
  }

  #page-cashier .cashier-order-shell .cashier-stack{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  #page-cashier .cashier-work-section,
  #page-cashier #cashierBpjsSection,
  #page-cashier #cashierItemsSection{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:20px!important;
    border:0!important;
    border-bottom:1px solid #e6ebf1!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  #page-cashier #cashierItemsSection{
    border-bottom:0!important;
  }

  #page-cashier #cashierBpjsSection.hidden{
    display:none!important;
  }

  #page-cashier .cashier-work-section-head{
    margin:0 0 16px!important;
    padding:0!important;
    border:0!important;
  }

  #page-cashier .cashier-work-section-head h3{
    font-size:18px!important;
  }

  #page-cashier .cashier-work-section-head p{
    display:block!important;
    font-size:13px!important;
    color:#5b687a!important;
  }

  #page-cashier .cashier-setup-grid{
    display:grid!important;
    grid-template-columns:minmax(170px,.7fr) minmax(220px,.9fr) minmax(340px,1.5fr)!important;
    gap:14px!important;
    align-items:start!important;
    min-width:0!important;
  }

  #page-cashier .cashier-branch-field{
    min-height:48px!important;
    padding:8px 12px!important;
    border:1px solid #d7e1da!important;
    border-radius:12px!important;
    background:#f5faf7!important;
  }

  #page-cashier .cashier-setup-pic,
  #page-cashier .cashier-pic-primary-row,
  #page-cashier .cashier-field,
  #page-cashier .cashier-search,
  #page-cashier .cashier-customer-main,
  #page-cashier .cashier-results,
  #page-cashier .cashier-selected,
  #page-cashier .optical-slot,
  #page-cashier .discount-control,
  #page-cashier .discount-control-main,
  #page-cashier .lens-pair-grid,
  #page-cashier .payment-card,
  #page-cashier .payment-grid{
    min-width:0!important;
  }

  /* Reset the old three-column customer layout. */
  #page-cashier #cashierCustomerSection{
    display:block!important;
    grid-template-columns:none!important;
    background:#fff!important;
  }

  #page-cashier #cashierCustomerSection .cashier-customer-main,
  #page-cashier #cashierCustomerSection .cashier-results,
  #page-cashier #cashierCustomerSection .cashier-customer-profile{
    grid-column:auto!important;
    grid-row:auto!important;
  }

  #page-cashier #cashierCustomerSection .cashier-customer-main{
    display:block!important;
    width:100%!important;
  }

  #page-cashier #cashierCustomerSection .cashier-customer-search-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }

  /* Neutralize legacy UI7 customer grid placement so search and add stay on one row. */
  #page-cashier #cashierCustomerSection .cashier-customer-search-row > .cashier-search{
    grid-column:1!important;
    grid-row:1!important;
  }

  #page-cashier #cashierCustomerSection .cashier-customer-search-row > #cashierCustomerAddBtn{
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    align-self:stretch!important;
  }

  #page-cashier #cashierCustomerSection .cashier-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:8px!important;
    margin:0!important;
  }

  #page-cashier #cashierCustomerSection .cashier-results{
    display:grid!important;
    gap:8px!important;
    width:100%!important;
    max-height:300px!important;
    margin:10px 0 0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  #page-cashier #cashierCustomerSection .cashier-customer-profile{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:68px!important;
    margin:12px 0 0!important;
    padding:12px 14px!important;
    border:1px solid #cfe0d5!important;
    border-radius:13px!important;
    background:#f7fbf8!important;
    box-shadow:none!important;
  }

  #page-cashier #cashierCustomerSection .cashier-customer-profile > div:first-child:not(.cashier-customer-avatar){
    grid-column:1 / -1;
  }

  #page-cashier .cashier-customer-avatar{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }

  #page-cashier .cashier-customer-text strong,
  #page-cashier #cashierCustomerSection .cashier-selected strong{
    display:block!important;
    color:#172033!important;
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:900!important;
  }

  #page-cashier .cashier-customer-text span,
  #page-cashier #cashierCustomerSection .cashier-selected span,
  #page-cashier .cashier-customer-rx{
    display:block!important;
    margin-top:3px!important;
    color:#596579!important;
    font-size:12px!important;
    line-height:1.45!important;
    white-space:normal!important;
  }

  #page-cashier .cashier-customer-rx{
    display:inline-flex!important;
    width:max-content!important;
    padding:4px 8px!important;
    background:#eaf6ee!important;
    color:#1f6a40!important;
    font-weight:800!important;
  }

  #page-cashier .cashier-result{
    min-width:0!important;
    padding:12px 14px!important;
    border:1px solid #dfe5ec!important;
    border-radius:12px!important;
    background:#fff!important;
  }

  #page-cashier .cashier-result-name{
    color:#172033!important;
    font-size:15px!important;
  }

  #page-cashier .cashier-result-meta-row,
  #page-cashier .cashier-result-meta,
  #page-cashier .cashier-result-address,
  #page-cashier .cashier-result-pill{
    font-size:12px!important;
    line-height:1.4!important;
  }

  /* Restore readable labels/controls overridden by old 8.5px compact CSS. */
  #page-cashier .cashier-field label,
  #page-cashier .payment-field label,
  #page-cashier .rx-mini-field label,
  #page-cashier .bpjs-rx-eye label,
  #page-cashier .discount-control-copy > span,
  #page-cashier .cashier-note-field label{
    display:block!important;
    color:#344054!important;
    font-size:12px!important;
    line-height:1.3!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
  }

  #page-cashier .cashier-field input,
  #page-cashier .cashier-field select,
  #page-cashier .cashier-field textarea,
  #page-cashier .cashier-search input,
  #page-cashier .payment-field input,
  #page-cashier .payment-field select,
  #page-cashier .rx-mini-field input,
  #page-cashier .rx-mini-field select,
  #page-cashier .bpjs-rx-eye input,
  #page-cashier .bpjs-rx-eye select{
    min-width:0!important;
    min-height:48px!important;
    padding:0 13px!important;
    border:1px solid #c8d2df!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#172033!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:650!important;
  }

  #page-cashier .cashier-field input:focus,
  #page-cashier .cashier-field select:focus,
  #page-cashier .cashier-search input:focus,
  #page-cashier .payment-field input:focus,
  #page-cashier .payment-field select:focus{
    border-color:#2f8a57!important;
    box-shadow:0 0 0 3px rgba(47,138,87,.12)!important;
  }

  #page-cashier .section-status{
    display:inline-flex!important;
    align-items:center!important;
    min-height:28px!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  #page-cashier .draft-status{
    min-height:28px!important;
    padding:5px 9px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }

  #page-cashier .cashier-title{
    color:#172033!important;
    font-size:18px!important;
    line-height:1.25!important;
    font-weight:900!important;
  }

  #page-cashier .cashier-sub,
  #page-cashier .optical-slot-head span,
  #page-cashier .same-lens-box small,
  #page-cashier .payment-card-sub,
  #page-cashier .selected-item-main small,
  #page-cashier .cart-meta,
  #page-cashier .discount-control-copy small{
    display:block!important;
    color:#5b687a!important;
    font-size:12px!important;
    line-height:1.45!important;
  }

  #page-cashier #cashierItemsSection > .cashier-section-head,
  #page-cashier #cashierBpjsSection > .cashier-section-head{
    margin:0 0 16px!important;
    padding:0 0 13px!important;
    border-bottom:1px solid #e7ebf0!important;
  }

  #page-cashier .optical-item-card{
    display:grid!important;
    gap:16px!important;
    overflow:visible!important;
  }

  #page-cashier .optical-slot{
    padding:16px!important;
    border:1px solid #e0e6ed!important;
    border-radius:14px!important;
    background:#fbfcfd!important;
    box-shadow:none!important;
  }

  #page-cashier .optical-slot-head b,
  #page-cashier .selected-item-head b,
  #page-cashier .cart-name{
    color:#172033!important;
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:900!important;
  }

  #page-cashier .optical-action-btn,
  #page-cashier .cashier-search button,
  #page-cashier .cashier-add-customer-btn,
  #page-cashier .cashier-quick-pay,
  #page-cashier .mini-action{
    min-height:44px!important;
    padding:0 14px!important;
    border-radius:11px!important;
    font-size:13px!important;
    font-weight:850!important;
  }

  #page-cashier .optical-selected,
  #page-cashier .cart-empty{
    min-width:0!important;
    min-height:56px!important;
    padding:12px!important;
    color:#4f5d70!important;
    font-size:13px!important;
    line-height:1.5!important;
  }

  #page-cashier .category-discount.discount-control{
    margin-top:14px!important;
    padding:14px!important;
    border:1px solid #cddfd3!important;
    border-radius:13px!important;
    background:#f5faf7!important;
    box-shadow:none!important;
  }

  #page-cashier .discount-control-copy > span{
    color:#1f6a40!important;
    font-size:13px!important;
    font-weight:900!important;
  }

  #page-cashier .discount-mode-btn{
    min-height:42px!important;
    font-size:12px!important;
  }

  #page-cashier .discount-value-field{
    min-height:48px!important;
  }

  #page-cashier .discount-value-field input{
    min-height:44px!important;
    font-size:15px!important;
  }

  #page-cashier .discount-live-summary span,
  #page-cashier .discount-live-summary b{
    font-size:12px!important;
    line-height:1.35!important;
  }

  #page-cashier .cashier-summary{
    position:sticky!important;
    top:84px!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 102px)!important;
    padding:18px!important;
    overflow:hidden!important;
    border:1px solid #d9e2dc!important;
    border-top:4px solid #2f8a57!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(16,24,40,.075)!important;
  }

  #page-cashier .cashier-summary-scroll{
    min-height:0!important;
    max-height:calc(100dvh - 196px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:4px!important;
  }

  #page-cashier .cashier-summary .cashier-section-head{
    margin:0 0 14px!important;
    padding:0 0 12px!important;
    border-bottom:1px solid #e7ebf0!important;
  }

  #page-cashier .payment-main-number span,
  #page-cashier .payment-head b,
  #page-cashier .payment-detail-title,
  #page-cashier .cashier-review-title{
    color:#475467!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:850!important;
    letter-spacing:.06em!important;
  }

  #page-cashier .payment-main-number strong{
    font-size:18px!important;
  }

  #page-cashier .payment-main-number.total strong{
    font-size:30px!important;
  }

  #page-cashier .payment-status-panel strong{
    font-size:13px!important;
  }

  #page-cashier .payment-status-panel span,
  #page-cashier .summary-line,
  #page-cashier .cashier-review-row,
  #page-cashier .cash-payment-summary span{
    font-size:12px!important;
    line-height:1.4!important;
  }

  #page-cashier .summary-line strong,
  #page-cashier .cashier-review-row strong,
  #page-cashier .cash-payment-summary strong{
    font-size:13px!important;
  }

  #page-cashier .payment-card{
    padding:13px!important;
    border-radius:13px!important;
    box-shadow:none!important;
  }

  #page-cashier .payment-field input,
  #page-cashier .payment-field select{
    min-height:44px!important;
    font-size:13px!important;
  }

  #page-cashier .cashier-desktop-actions{
    margin:12px -18px -18px!important;
    padding:12px 18px!important;
    border-top:1px solid #e4e9ef!important;
    background:#f8faf9!important;
  }

  #page-cashier .cashier-desktop-action-copy strong{
    font-size:11px!important;
  }

  #page-cashier .cashier-desktop-action-copy span{
    display:block!important;
    font-size:11px!important;
  }

  #page-cashier .cashier-desktop-save{
    min-width:170px!important;
    min-height:48px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
}

@media (min-width:1280px){
  #page-cashier .cashier-redesign-a2-layout,
  #page-cashier .cashier-layout{
    grid-template-columns:minmax(0,1fr) minmax(350px,380px)!important;
  }
}

@media (min-width:1560px){
  #page-cashier .cashier-redesign-a2-layout,
  #page-cashier .cashier-layout{
    grid-template-columns:minmax(0,1fr) minmax(390px,420px)!important;
  }
}

@media (min-width:1024px) and (max-width:1279px){
  #page-cashier .cashier-summary{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
  }
  #page-cashier .cashier-summary-scroll{
    max-height:none!important;
    overflow:visible!important;
  }
}

@media (min-width:1024px) and (max-width:1399px){
  #page-cashier .cashier-setup-grid{
    grid-template-columns:minmax(150px,.7fr) minmax(200px,.9fr)!important;
  }
  #page-cashier .cashier-setup-pic{
    grid-column:1 / -1!important;
  }
}


/* V4.2.45A Patch 2+3 — item pricing matrix and calculation/payment summary. */
#page-cashier .cashier-item-matrix-section{
  min-width:0;
  padding:16px;
  border:1px solid #dfe5ec;
  border-radius:14px;
  background:#fff;
}
#page-cashier .cashier-item-matrix-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
#page-cashier .cashier-item-matrix-head span{display:block;color:#2b7a4b;font-size:10px;font-weight:900;letter-spacing:.12em}
#page-cashier .cashier-item-matrix-head h4{margin:3px 0 0;color:#172033;font-size:16px;line-height:1.3;font-weight:900}
#page-cashier .cashier-item-matrix-head p{margin:4px 0 0;color:#667085;font-size:12px;line-height:1.45}
#page-cashier .cashier-item-pricing-matrix{min-width:0;overflow:hidden;border:1px solid #dfe5ec;border-radius:12px;background:#fff}
#page-cashier .cashier-item-matrix-empty{padding:18px;color:#667085;font-size:13px;text-align:center;background:#f8fafc}
#page-cashier .cashier-item-matrix-table{min-width:0}
#page-cashier .cashier-item-matrix-row{display:grid;grid-template-columns:minmax(160px,1.35fr) 46px minmax(84px,.7fr) minmax(64px,.52fr) minmax(90px,.72fr) minmax(96px,.78fr) minmax(96px,.78fr) 72px;gap:6px;align-items:stretch;min-width:0;border-top:1px solid #e6eaf0}
#page-cashier .cashier-item-matrix-row:first-child{border-top:0}
#page-cashier .cashier-item-matrix-row.header{background:#eef3f0;color:#344054;font-size:10px;font-weight:900;letter-spacing:.03em}
#page-cashier .cashier-item-matrix-row.header>div{display:flex;align-items:center;min-width:0;padding:9px 8px}
#page-cashier .cashier-item-matrix-cell{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:10px 8px;color:#344054;font-size:11px;line-height:1.35}
#page-cashier .cashier-item-matrix-cell strong{min-width:0;color:#172033;font-size:11px;line-height:1.35;font-weight:850;overflow-wrap:anywhere}
#page-cashier .cashier-item-matrix-cell small{color:#667085;font-size:9.5px;line-height:1.35;overflow-wrap:anywhere}
#page-cashier .cashier-item-matrix-cell.item strong{font-size:12px}
#page-cashier .cashier-item-side{display:inline-flex;width:max-content;max-width:100%;padding:3px 6px;border-radius:999px;background:#eaf6ee;color:#1f6a40;font-size:8.5px;font-weight:900;letter-spacing:.04em}
#page-cashier .cashier-item-matrix-cell.money,#page-cashier .cashier-item-matrix-cell.number{text-align:right;align-items:flex-end}
#page-cashier .cashier-item-matrix-cell.discount strong{color:#a43c00}
#page-cashier .cashier-item-matrix-cell.after strong{color:#1f6a40}
#page-cashier .cashier-item-matrix-cell.final{background:#f5faf7}
#page-cashier .cashier-item-matrix-cell.final strong{color:#126b49;font-size:12px}
#page-cashier .cashier-item-matrix-cell.action{align-items:flex-end}
#page-cashier .cashier-matrix-qty-actions{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}
#page-cashier .cashier-matrix-action{min-width:28px;min-height:30px;padding:0 7px;border:1px solid #cfd8e5;border-radius:8px;background:#fff;color:#344054;font-size:10px;font-weight:850}
#page-cashier .cashier-matrix-action.danger{border-color:#fecaca;background:#fff7f7;color:#b42318}
#page-cashier .cashier-matrix-action-note{color:#667085;font-size:9.5px;font-weight:750;text-align:right}
#page-cashier .cashier-item-matrix-row.category-total{border-top:2px solid #bcd7c5;background:#f7fbf8}
#page-cashier .cashier-item-matrix-row.category-total .cashier-item-matrix-cell{font-weight:850}
#page-cashier .cashier-calculation-summary{margin:12px 0 14px!important;padding:13px 15px!important;border:1px solid #cfe0d5!important;border-radius:13px!important;background:#f8fbf9!important}
#page-cashier .cashier-calculation-summary>.payment-detail-title{margin-bottom:8px!important;color:#1f6a40!important;font-size:12px!important;letter-spacing:.03em!important}
#page-cashier .cashier-calculation-summary>.payment-detail-title::after{display:none!important}
#page-cashier .cashier-calculation-summary .summary-line{padding:6px 0!important}
#page-cashier .cashier-calculation-summary .summary-line-muted{padding-top:9px!important;border-top:1px solid #dfe7e2!important}
#page-cashier .cashier-calculation-summary .summary-line-discount strong{color:#a43c00!important}
#page-cashier .cashier-calculation-summary .summary-line-emphasis{font-weight:900!important}
#page-cashier .cashier-calculation-summary .summary-line-total{margin-top:5px!important;padding:10px 0!important;border-top:2px solid #bdd6c5!important}
#page-cashier .cashier-calculation-summary .summary-line-total span,#page-cashier .cashier-calculation-summary .summary-line-total strong{color:#126b49!important;font-size:15px!important;font-weight:1000!important}
#page-cashier .cashier-calculation-summary .summary-line-remaining strong{color:#c01048!important;font-size:14px!important}
#page-cashier .cashier-calculation-summary .summary-line-change strong{color:#126b49!important}
#page-cashier .cashier-payment-flow-label{display:grid;gap:2px;margin:15px 0 9px;padding-top:13px;border-top:1px solid #e4e9ef}
#page-cashier .cashier-payment-flow-label span{color:#2b7a4b;font-size:9px;font-weight:900;letter-spacing:.12em}
#page-cashier .cashier-payment-flow-label strong{color:#172033;font-size:13px;line-height:1.35;font-weight:900}
#page-cashier .cashier-desktop-actions{position:relative;z-index:2}
#page-cashier .cashier-desktop-save{box-shadow:0 6px 16px rgba(31,106,64,.2)}

@media (min-width:1400px){
  #page-cashier .cashier-item-matrix-row{grid-template-columns:minmax(210px,1.5fr) 52px minmax(100px,.75fr) minmax(74px,.55fr) minmax(104px,.76fr) minmax(112px,.82fr) minmax(112px,.82fr) 84px;gap:7px}
  #page-cashier .cashier-item-matrix-cell{padding:11px 9px;font-size:11.5px}
  #page-cashier .cashier-item-matrix-cell strong{font-size:11.5px}
}

@media (max-width:1023px){
  #page-cashier .cashier-item-matrix-section{padding:12px}
  #page-cashier .cashier-item-matrix-row.header{display:none}
  #page-cashier .cashier-item-matrix-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px;border-top:8px solid #f1f5f3}
  #page-cashier .cashier-item-matrix-row:first-of-type{border-top:0}
  #page-cashier .cashier-item-matrix-cell{position:relative;align-items:flex-start!important;padding:8px;text-align:left!important}
  #page-cashier .cashier-item-matrix-cell::before{content:attr(data-label);display:block;margin-bottom:3px;color:#667085;font-size:8.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
  #page-cashier .cashier-item-matrix-cell.item,#page-cashier .cashier-item-matrix-cell.action{grid-column:1/-1}
  #page-cashier .cashier-item-matrix-cell.final{border-radius:9px}
  #page-cashier .cashier-item-matrix-cell.action{align-items:flex-start!important}
  #page-cashier .cashier-matrix-qty-actions{justify-content:flex-start}
  #page-cashier .cashier-calculation-summary{padding:12px!important}
}

/* Medium desktop: side payment panel narrows the item matrix. Keep every field visible
   without horizontal scrolling by switching each matrix row to a compact 3-column grid. */
@media (min-width:1280px) and (max-width:1679px){
  #page-cashier .cashier-item-matrix-row.header{display:none}
  #page-cashier .cashier-item-matrix-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    min-width:0;
    padding:8px;
    border-top:8px solid #f1f5f3;
  }
  #page-cashier .cashier-item-matrix-row:first-of-type{border-top:0}
  #page-cashier .cashier-item-matrix-cell{
    position:relative;
    align-items:flex-start!important;
    padding:8px;
    text-align:left!important;
  }
  #page-cashier .cashier-item-matrix-cell::before{
    content:attr(data-label);
    display:block;
    margin-bottom:3px;
    color:#667085;
    font-size:8.5px;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
  }
  #page-cashier .cashier-item-matrix-cell.item{grid-column:span 2}
  #page-cashier .cashier-item-matrix-cell.final{border-radius:9px}
  #page-cashier .cashier-item-matrix-cell.action{align-items:flex-start!important}
  #page-cashier .cashier-matrix-qty-actions{justify-content:flex-start}
}