/*
 * V4.2.49A-UI9-ORDER-PICKUP-WA-FOLLOWUP1-RC1
 * Desktop-first Transaksi Baru redesign.
 * Scope: nota contrast, catalog category filter, and desktop cashier polish. No pricing, stock, payment, or payload rules.
 */

@media (min-width:1024px){
  body[data-current-page="cashier"]{background:#f6f8fb!important;}
  body[data-current-page="cashier"] .content{max-width:1840px!important;padding:16px 20px 30px!important;}

  #page-cashier{
    --cashier-ink:#172033;
    --cashier-muted:#667085;
    --cashier-line:#e1e6ed;
    --cashier-soft:#f8fafc;
    --cashier-green:#16834f;
    --cashier-green-dark:#0d6a3f;
    --cashier-green-soft:#eef9f3;
    --cashier-pink:#ec2c82;
    --cashier-pink-soft:#fff1f7;
    --cashier-danger:#c9235f;
    --cashier-shadow:0 14px 34px rgba(15,23,42,.065);
    color:var(--cashier-ink)!important;
  }

  #page-cashier .cashier-page-toolbar{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:58px!important;margin:0 0 14px!important;padding:0 2px!important;
  }
  #page-cashier .cashier-page-toolbar-copy h2{margin:0!important;font-size:27px!important;line-height:1.1!important;letter-spacing:-.035em!important;}
  #page-cashier .cashier-page-toolbar-copy p{display:none!important;}
  #page-cashier .cashier-page-toolbar-actions{display:flex!important;align-items:center!important;gap:10px!important;}
  #page-cashier .cashier-active-branch-compat{display:none!important;}
  #page-cashier .cashier-page-toolbar #cashierResetBtn{min-height:42px!important;border-color:#d7dee8!important;background:#fff!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important;}

  #page-cashier .cashier-layout,
  #page-cashier .cashier-redesign-a2-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;align-items:start!important;}

  #page-cashier .cashier-order-shell{overflow:visible!important;border:1px solid var(--cashier-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--cashier-shadow)!important;}
  #page-cashier .cashier-work-section,
  #page-cashier #cashierBpjsSection,
  #page-cashier #cashierItemsSection{padding:17px 18px!important;border:0!important;border-bottom:1px solid var(--cashier-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;}
  #page-cashier #cashierItemsSection{border-bottom:0!important;border-radius:0 0 18px 18px!important;}

  #page-cashier .cashier-work-section-head,
  #page-cashier #cashierItemsSection>.cashier-section-head,
  #page-cashier #cashierBpjsSection>.cashier-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 13px!important;padding:0!important;border:0!important;}
  #page-cashier .cashier-step-label{display:none!important;}
  #page-cashier .cashier-work-section-head h3,
  #page-cashier .cashier-title{margin:0!important;color:var(--cashier-ink)!important;font-size:18px!important;font-weight:950!important;letter-spacing:-.025em!important;}
  #page-cashier .cashier-work-section-head p,
  #page-cashier .cashier-sub{margin:4px 0 0!important;color:var(--cashier-muted)!important;font-size:12px!important;line-height:1.4!important;}

  #page-cashier .cashier-setup-grid{display:grid!important;grid-template-columns:minmax(420px,1.2fr) minmax(360px,.8fr)!important;gap:16px!important;align-items:start!important;}
  #page-cashier .cashier-topbar-sale-type{grid-column:1!important;}
  #page-cashier .cashier-branch-field{display:none!important;}
  #page-cashier .cashier-sale-type-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
  #page-cashier .cashier-sale-type-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;}
  #page-cashier .cashier-sale-type-tab{
    display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:0 12px!important;
    border:1.5px solid #75b892!important;border-radius:12px!important;background:#fff!important;color:var(--cashier-green-dark)!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
  }
  #page-cashier .cashier-sale-type-tab:hover{border-color:var(--cashier-green)!important;background:#eef9f3!important;}
  #page-cashier .cashier-sale-type-tab.active{border-color:var(--cashier-green)!important;background:linear-gradient(135deg,#16834f,#0d6a3f)!important;color:#fff!important;box-shadow:0 8px 18px rgba(13,106,63,.2)!important;}

  #page-cashier .cashier-setup-pic{grid-column:2!important;display:block!important;padding:0!important;}
  #page-cashier .cashier-pic-primary-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important;}
  #page-cashier .cashier-add-pic-btn{min-height:46px!important;padding:0 11px!important;font-size:11px!important;}
  #page-cashier .cashier-extra-pic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important;}
  #page-cashier .cashier-pic-meta{margin-top:7px!important;}
  #page-cashier .cashier-pic-meta .sales-pic-hint{font-size:10.5px!important;}

  #page-cashier #cashierCustomerSection .cashier-customer-search-row{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;}
  #page-cashier #cashierCustomerSection .cashier-search{grid-template-columns:minmax(0,1fr) 88px!important;}
  #page-cashier #cashierCustomerSection .cashier-customer-profile{min-height:66px!important;margin-top:10px!important;border-color:#d9e2ea!important;background:#fbfcfd!important;}

  #page-cashier .cashier-universal-catalog{position:relative!important;padding:15px!important;border:1px solid #dce4ec!important;border-radius:14px!important;background:#fbfcfe!important;}
  #page-cashier .cashier-catalog-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:11px!important;}
  #page-cashier .cashier-catalog-heading h4{margin:0!important;color:var(--cashier-ink)!important;font-size:16px!important;font-weight:950!important;letter-spacing:-.02em!important;}
  #page-cashier .cashier-catalog-heading p{margin:3px 0 0!important;color:var(--cashier-muted)!important;font-size:11.5px!important;line-height:1.4!important;}
  #page-cashier .cashier-catalog-branch{display:none!important;}
  #page-cashier .cashier-catalog-filters{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important;flex-wrap:wrap!important;}
  #page-cashier .cashier-catalog-filter{min-width:82px!important;min-height:36px!important;padding:0 14px!important;border:1.5px solid #d22b4f!important;border-radius:9px!important;background:#fff!important;color:#b91f42!important;font-size:11px!important;font-weight:950!important;cursor:pointer!important;transition:background .15s ease,color .15s ease,box-shadow .15s ease!important;}
  #page-cashier .cashier-catalog-filter:hover{background:#fff1f4!important;}
  #page-cashier .cashier-catalog-filter.active{background:linear-gradient(135deg,#d92f52,#b91f42)!important;color:#fff!important;box-shadow:0 6px 14px rgba(185,31,66,.18)!important;}
  #page-cashier .cashier-catalog-search-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;}
  #page-cashier .cashier-catalog-search{display:grid!important;grid-template-columns:28px minmax(0,1fr) 24px!important;align-items:center!important;min-height:50px!important;padding:0 11px!important;border:1.5px solid #cfd8e4!important;border-radius:12px!important;background:#fff!important;}
  #page-cashier .cashier-catalog-search:focus-within{border-color:var(--cashier-green)!important;box-shadow:0 0 0 4px rgba(22,131,79,.09)!important;}
  #page-cashier .cashier-catalog-search-icon{color:#667085!important;font-size:20px!important;}
  #page-cashier .cashier-catalog-search input{width:100%!important;min-height:48px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--cashier-ink)!important;font-size:13px!important;font-weight:700!important;}
  #page-cashier .cashier-catalog-search input::placeholder{color:#98a2b3!important;font-weight:600!important;}
  #page-cashier .cashier-catalog-search kbd{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border:1px solid #d9e0e8!important;border-bottom-width:2px!important;border-radius:5px!important;background:#f8fafc!important;color:#667085!important;font:800 10px/1 system-ui!important;}
  #page-cashier .cashier-catalog-scan-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:50px!important;padding:0 15px!important;border:1px solid #d7dee8!important;border-radius:12px!important;background:#fff!important;color:#344054!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;}

  #page-cashier .cashier-catalog-results{display:none!important;position:absolute!important;z-index:35!important;top:158px!important;left:15px!important;right:15px!important;max-height:350px!important;overflow:auto!important;padding:7px!important;border:1px solid #d9e1ea!important;border-radius:13px!important;background:#fff!important;box-shadow:0 18px 42px rgba(15,23,42,.17)!important;}
  #page-cashier .cashier-catalog-results.open{display:grid!important;gap:5px!important;}
  #page-cashier .cashier-catalog-result{display:grid!important;grid-template-columns:minmax(210px,1fr) 80px 120px 105px 58px!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:58px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:10px!important;background:#fff!important;color:var(--cashier-ink)!important;text-align:left!important;cursor:pointer!important;}
  #page-cashier .cashier-catalog-result:hover,#page-cashier .cashier-catalog-result.active{border-color:#b7d8c3!important;background:#f4fbf7!important;}
  #page-cashier .cashier-catalog-result:disabled{opacity:.58!important;cursor:not-allowed!important;}
  #page-cashier .cashier-catalog-result-main{display:grid!important;gap:2px!important;min-width:0!important;}
  #page-cashier .cashier-catalog-result-name{overflow:hidden!important;color:var(--cashier-ink)!important;font-size:12px!important;font-weight:900!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #page-cashier .cashier-catalog-result-meta{overflow:hidden!important;color:var(--cashier-muted)!important;font-size:10px!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #page-cashier .cashier-catalog-result-category,#page-cashier .cashier-catalog-result-stock{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:26px!important;padding:4px 7px!important;border-radius:999px!important;background:#f1f5f9!important;color:#475467!important;font-size:9.5px!important;font-weight:900!important;text-align:center!important;}
  #page-cashier .cashier-catalog-result-stock{background:var(--cashier-green-soft)!important;color:var(--cashier-green-dark)!important;}
  #page-cashier .cashier-catalog-result-stock.warning{background:#fff8e7!important;color:#a05a00!important;}
  #page-cashier .cashier-catalog-result-stock.danger{background:#fff0f3!important;color:#b4234b!important;}
  #page-cashier .cashier-catalog-result-price{font-size:12px!important;font-weight:950!important;text-align:right!important;}
  #page-cashier .cashier-catalog-result-add{color:var(--cashier-green)!important;font-size:10px!important;font-weight:950!important;text-align:right!important;}

  #page-cashier .cashier-catalog-quick-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-top:9px!important;flex-wrap:wrap!important;}
  #page-cashier .cashier-catalog-quick-actions button{min-height:33px!important;padding:0 10px!important;border:1px solid #dce3eb!important;border-radius:9px!important;background:#fff!important;color:#475467!important;font-size:10px!important;font-weight:850!important;}
  #page-cashier .cashier-catalog-quick-actions .cashier-lens-left-mode{margin-left:auto!important;border-color:#f2c8da!important;background:var(--cashier-pink-soft)!important;color:#b51f62!important;}

  #page-cashier .cashier-item-table-main{padding:0!important;border:0!important;background:transparent!important;}
  #page-cashier .cashier-item-matrix-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:0 0 10px!important;}
  #page-cashier .cashier-item-matrix-head h4{margin:2px 0 0!important;font-size:16px!important;}
  #page-cashier .cashier-item-matrix-head p{margin:3px 0 0!important;color:var(--cashier-muted)!important;font-size:10.5px!important;}
  #page-cashier .cashier-clear-all-items{min-height:36px!important;padding:0 11px!important;border:1px solid #f2c5d8!important;border-radius:9px!important;background:#fff7fa!important;color:#b4235f!important;font-size:10px!important;font-weight:900!important;}
  #page-cashier .cashier-item-pricing-matrix{overflow-x:auto!important;overflow-y:hidden!important;border:1px solid #dce3eb!important;border-radius:13px!important;background:#fff!important;}
  #page-cashier .cashier-item-matrix-table{width:100%!important;min-width:0!important;}
  #page-cashier .cashier-item-matrix-row,#page-cashier .cashier-item-matrix-row.header,#page-cashier .cashier-item-matrix-row.category-total{
    display:grid!important;grid-template-columns:minmax(155px,1.65fr) 62px 76px minmax(108px,.9fr) minmax(130px,1.05fr) minmax(96px,.85fr) 42px!important;gap:0!important;min-width:0!important;padding:0!important;border-top:1px solid #e7ebf0!important;background:#fff!important;
  }
  #page-cashier .cashier-item-matrix-row:first-child{border-top:0!important;}
  #page-cashier .cashier-item-matrix-row.header{border-top:0!important;background:#f4f6f9!important;}
  #page-cashier .cashier-item-matrix-row.header>div{display:flex!important;align-items:center!important;min-height:40px!important;padding:8px 7px!important;color:#475467!important;font-size:9.5px!important;font-weight:950!important;letter-spacing:.02em!important;white-space:nowrap!important;}
  #page-cashier .cashier-item-matrix-row.header>div:nth-child(2),#page-cashier .cashier-item-matrix-row.header>div:nth-child(3){justify-content:center!important;text-align:center!important;}
  #page-cashier .cashier-item-matrix-row.header>div:nth-child(4),#page-cashier .cashier-item-matrix-row.header>div:nth-child(5),#page-cashier .cashier-item-matrix-row.header>div:nth-child(6){justify-content:flex-end!important;text-align:right!important;}
  #page-cashier .cashier-item-matrix-cell{position:static!important;grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;min-height:72px!important;padding:9px 8px!important;text-align:left!important;}
  #page-cashier .cashier-item-matrix-cell::before{display:none!important;content:none!important;}
  #page-cashier .cashier-item-matrix-cell.item,#page-cashier .cashier-item-matrix-cell.action{grid-column:auto!important;}
  #page-cashier .cashier-item-matrix-cell.money,#page-cashier .cashier-item-matrix-cell.number{align-items:flex-end!important;text-align:right!important;}
  #page-cashier .cashier-item-matrix-cell.qty{align-items:center!important;text-align:center!important;}
  #page-cashier .cashier-item-matrix-cell.price-total strong{font-size:12.5px!important;}
  #page-cashier .cashier-item-matrix-cell.price-total small{white-space:nowrap!important;}
  #page-cashier .cashier-item-matrix-cell.money strong,#page-cashier .cashier-item-matrix-cell.number>strong{white-space:nowrap!important;}
  #page-cashier .cashier-item-matrix-cell strong{color:var(--cashier-ink)!important;font-size:11.5px!important;font-weight:900!important;line-height:1.25!important;}
  #page-cashier .cashier-item-matrix-cell small{margin-top:3px!important;color:var(--cashier-muted)!important;font-size:9px!important;line-height:1.25!important;}
  #page-cashier .cashier-item-matrix-cell.item strong{font-size:12.5px!important;}
  #page-cashier .cashier-item-side{display:inline-flex!important;margin-bottom:4px!important;padding:2px 5px!important;border-radius:999px!important;background:#edf8f1!important;color:#29734b!important;font-size:7.5px!important;font-weight:950!important;letter-spacing:.045em!important;}
  #page-cashier .cashier-item-matrix-cell.category strong{display:inline-flex!important;padding:4px 7px!important;border-radius:999px!important;background:#edf5ff!important;color:#31618f!important;font-size:9.5px!important;white-space:nowrap!important;}
  #page-cashier .cashier-item-matrix-cell.discount{align-items:stretch!important;padding-left:7px!important;padding-right:7px!important;}
  #page-cashier .cashier-inline-discount{display:grid!important;gap:4px!important;width:100%!important;min-width:0!important;}
  #page-cashier .cashier-inline-discount-entry{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:5px!important;align-items:center!important;}
  #page-cashier .cashier-inline-discount select,#page-cashier .cashier-inline-discount input{width:100%!important;min-width:0!important;height:34px!important;padding:0 7px!important;border:1px solid #d7dee8!important;border-radius:8px!important;background:#fff!important;color:#344054!important;font-size:10.5px!important;font-weight:850!important;outline:0!important;}
  #page-cashier .cashier-inline-discount input{text-align:right!important;}
  #page-cashier .cashier-inline-discount select:focus,#page-cashier .cashier-inline-discount input:focus{border-color:var(--cashier-pink)!important;box-shadow:0 0 0 3px rgba(236,44,130,.08)!important;}
  #page-cashier .cashier-inline-discount-applied{display:grid!important;gap:1px!important;margin-top:2px!important;}
  #page-cashier .cashier-inline-discount-applied strong{color:var(--cashier-green)!important;font-size:15px!important;font-weight:1000!important;line-height:1.15!important;white-space:nowrap!important;}
  #page-cashier .cashier-inline-discount-applied small{overflow:hidden!important;color:var(--cashier-muted)!important;font-size:8.5px!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #page-cashier .cashier-inline-discount-follow{color:#7a6370!important;font-size:9px!important;font-weight:800!important;line-height:1.3!important;}
  #page-cashier .cashier-item-matrix-cell.final{background:#f2faf5!important;}
  #page-cashier .cashier-item-matrix-cell.final strong{color:var(--cashier-green-dark)!important;font-size:12px!important;}
  #page-cashier .cashier-item-matrix-cell.action{align-items:center!important;justify-content:center!important;}
  #page-cashier .cashier-matrix-qty-control{display:grid!important;grid-template-columns:24px 20px 24px!important;align-items:center!important;justify-content:center!important;justify-items:center!important;gap:2px!important;width:100%!important;}
  #page-cashier .cashier-matrix-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important;width:24px!important;min-height:28px!important;height:28px!important;padding:0!important;border:1px solid #d8e0e8!important;border-radius:8px!important;background:#fff!important;color:#344054!important;font-size:13px!important;font-weight:950!important;}
  #page-cashier .cashier-matrix-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;padding:0!important;border:1px solid #f1c8d8!important;border-radius:8px!important;background:#fff7fa!important;color:#bd225f!important;font-size:17px!important;font-weight:800!important;}
  #page-cashier .cashier-item-matrix-row.category-total{border-top:2px solid #c8ded0!important;background:#f7faf8!important;}
  #page-cashier .cashier-item-matrix-row.category-total .cashier-item-matrix-cell{min-height:58px!important;}
  #page-cashier .cashier-item-matrix-row.category-total .discount.summary strong{color:#8b4162!important;}
  #page-cashier .cashier-item-matrix-row.category-total .discount.summary small{color:var(--cashier-green)!important;font-weight:850!important;}

  #page-cashier .cashier-pricing-controls-legacy{display:none!important;}
  #page-cashier .cashier-advanced-item-controls{overflow:hidden!important;border:1px solid #dce3eb!important;border-radius:13px!important;background:#fff!important;}
  #page-cashier .cashier-advanced-item-controls>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:48px!important;padding:0 14px!important;color:var(--cashier-ink)!important;font-size:11px!important;font-weight:950!important;cursor:pointer!important;list-style:none!important;}
  #page-cashier .cashier-advanced-item-controls>summary::-webkit-details-marker{display:none!important;}
  #page-cashier .cashier-advanced-item-controls>summary::after{content:'⌄'!important;color:#667085!important;font-size:15px!important;}
  #page-cashier .cashier-advanced-item-controls[open]>summary::after{transform:rotate(180deg)!important;}
  #page-cashier .cashier-advanced-item-controls>summary small{margin-left:auto!important;color:var(--cashier-muted)!important;font-size:9.5px!important;font-weight:700!important;}
  #page-cashier .cashier-advanced-item-grid{display:grid!important;gap:11px!important;padding:0 11px 11px!important;}
  #page-cashier .cashier-note-field{margin-top:2px!important;}
  #page-cashier .cashier-note-field input{min-height:44px!important;}

  #page-cashier .cashier-summary{position:sticky!important;top:76px!important;max-height:calc(100dvh - 92px)!important;padding:17px!important;border:1px solid #efd3df!important;border-top:4px solid var(--cashier-pink)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--cashier-shadow)!important;}
  #page-cashier .cashier-summary-scroll{max-height:calc(100dvh - 258px)!important;padding-right:4px!important;}
  #page-cashier .payment-main-numbers{display:grid!important;gap:0!important;overflow:hidden!important;border:1px solid #e5e9ef!important;border-radius:14px!important;background:#fff!important;}
  #page-cashier .payment-main-number{min-height:58px!important;padding:10px 12px!important;border-top:1px dashed #e2e7ed!important;}
  #page-cashier .payment-main-number:first-child{border-top:0!important;}
  #page-cashier .payment-main-number.total{background:var(--cashier-green-soft)!important;}
  #page-cashier .payment-main-number.total strong{color:var(--cashier-green-dark)!important;font-size:27px!important;}
  #page-cashier .payment-main-number.remaining strong{color:var(--cashier-pink)!important;font-size:21px!important;}
  #page-cashier .cashier-calculation-summary{background:#fbfcfd!important;}
  #page-cashier .payment-card{border-color:#dfe5ec!important;background:#fbfcfe!important;}
  #page-cashier .cashier-validation-summary{margin:11px 0 0!important;padding:11px 13px!important;border:1px solid #f0d1a6!important;border-radius:12px!important;background:#fffaf0!important;color:#8a4f00!important;}
  #page-cashier .cashier-validation-summary strong{display:block!important;font-size:11.5px!important;font-weight:950!important;}
  #page-cashier .cashier-validation-summary span,#page-cashier .cashier-validation-summary li{color:inherit!important;font-size:10px!important;line-height:1.4!important;}
  #page-cashier .cashier-validation-summary.complete{border-color:#bfe0ca!important;background:var(--cashier-green-soft)!important;color:var(--cashier-green-dark)!important;}
  #page-cashier .cashier-desktop-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;margin:11px -17px -17px!important;padding:12px 17px!important;border-top:1px solid var(--cashier-line)!important;background:#fff!important;}
  #page-cashier .cashier-desktop-save{min-width:205px!important;min-height:50px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#16834f,#0d6a3f)!important;color:#fff!important;font-size:13.5px!important;font-weight:950!important;box-shadow:0 9px 20px rgba(13,106,63,.22)!important;}
}

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

@media (min-width:1540px){
  #page-cashier .cashier-layout,#page-cashier .cashier-redesign-a2-layout{grid-template-columns:minmax(0,1fr) minmax(365px,405px)!important;}
  #page-cashier .cashier-item-matrix-row,#page-cashier .cashier-item-matrix-row.header,#page-cashier .cashier-item-matrix-row.category-total{grid-template-columns:minmax(215px,1.85fr) 70px 80px minmax(132px,.95fr) minmax(160px,1.05fr) minmax(116px,.85fr) 46px!important;min-width:0!important;}
  #page-cashier .cashier-item-matrix-table{width:100%!important;min-width:0!important;}
}

@media (min-width:1024px) and (max-width:1179px){
  #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;}
  #page-cashier .cashier-setup-grid{grid-template-columns:1fr!important;}
  #page-cashier .cashier-topbar-sale-type,#page-cashier .cashier-setup-pic{grid-column:1!important;}
}

/* V4.2.49A UI9 ORDER-PICKUP-WA-FOLLOWUP1 — status pembayaran Nota Ambil */
.pickup-balance-card{display:grid;gap:5px;margin-top:14px;padding:16px 18px;border:2px solid #f59e0b;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#fffbeb);box-shadow:0 7px 20px rgba(180,83,9,.1)}
.pickup-balance-label{font-size:10px;font-weight:1000;letter-spacing:.1em;color:#9a3412}
.pickup-balance-amount{font-size:28px;line-height:1.05;color:#b91c1c;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pickup-balance-message{font-size:11px;line-height:1.45;color:#92400e}
.pickup-balance-card.paid{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 7px 20px rgba(22,101,52,.1)}
.pickup-balance-card.paid .pickup-balance-label,.pickup-balance-card.paid .pickup-balance-message{color:#166534}
.pickup-balance-card.paid .pickup-balance-amount{color:#15803d}
@media(max-width:560px){.pickup-balance-card{padding:14px 15px}.pickup-balance-amount{font-size:25px}}