/*
 * V4.2.50B-UI10-CASHIER-MOBILE-POLISH1-RC1
 * Mobile-only Transaksi Baru redesign.
 * Scope: layout, hierarchy, touch targets, collapsible manual actions, and sticky save UI.
 * No pricing, inventory, customer, payment, stock, payload, or business-rule changes.
 */

#page-cashier .cashier-mobile-manual-toggle{display:none}
.cashier-mobile-header-reset,.cashier-mobile-network-status{display:none}

@media (max-width:767px){
  body[data-current-page="cashier"]{
    background:#f4f7f5!important;
  }

  body[data-current-page="cashier"] .topbar{
    min-height:72px!important;
    padding:8px 10px!important;
    border-bottom:1px solid #e5e9e7!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 6px 20px rgba(16,24,40,.055)!important;
  }
  body[data-current-page="cashier"] .top-left{gap:10px!important;min-width:0!important}
  body[data-current-page="cashier"] .menu-btn{
    width:48px!important;height:48px!important;flex:0 0 48px!important;
    border:1px solid #e1e7e4!important;border-radius:15px!important;
    background:#fff!important;color:#344054!important;font-size:23px!important;
    box-shadow:0 5px 16px rgba(16,24,40,.045)!important;
  }
  body[data-current-page="cashier"] .page-title{
    max-width:none!important;color:#172033!important;font-size:18px!important;
    line-height:1.15!important;font-weight:950!important;letter-spacing:-.025em!important;
  }
  body[data-current-page="cashier"] .page-subtitle{
    display:block!important;max-width:190px!important;margin-top:3px!important;
    overflow:hidden!important;color:#667085!important;font-size:10.5px!important;
    font-weight:750!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  body[data-current-page="cashier"] .user-area{display:none!important}
  body[data-current-page="cashier"] .content{
    width:100%!important;max-width:620px!important;padding:10px 9px calc(182px + env(safe-area-inset-bottom))!important;
  }

  #page-cashier{
    --mobile-cashier-green:#2f8a57;
    --mobile-cashier-green-dark:#1f6a40;
    --mobile-cashier-green-soft:#edf8f1;
    --mobile-cashier-blue-soft:#eef5ff;
    --mobile-cashier-red:#c91f4d;
    --mobile-cashier-red-soft:#fff1f4;
    --mobile-cashier-amber:#b54708;
    --mobile-cashier-ink:#172033;
    --mobile-cashier-muted:#667085;
    --mobile-cashier-line:#e2e8e5;
    padding:0 0 10px!important;
    background:transparent!important;
    color:var(--mobile-cashier-ink)!important;
  }
  #page-cashier,#page-cashier *{box-sizing:border-box!important}

  #page-cashier .cashier-page-toolbar{
    display:block!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;
  }
  #page-cashier .cashier-page-toolbar-copy{display:none!important}
  #page-cashier .cashier-page-toolbar-actions{display:block!important}
  #page-cashier #cashierResetBtn{display:none!important}

  #page-cashier .cashier-layout,
  #page-cashier .cashier-redesign-a2-layout{
    display:block!important;width:100%!important;max-height:none!important;overflow:visible!important;
  }
  #page-cashier .cashier-order-shell{
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;overflow:visible!important;
  }
  #page-cashier .cashier-order-shell .cashier-stack{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important;
    height:auto!important;min-height:0!important;gap:10px!important;overflow:visible!important;
  }

  #page-cashier .cashier-work-section,
  #page-cashier #cashierBpjsSection,
  #page-cashier #cashierItemsSection,
  #page-cashier #cashierPaymentSection{
    width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:14px!important;
    border:1px solid var(--mobile-cashier-line)!important;border-radius:18px!important;
    background:#fff!important;box-shadow:0 7px 22px rgba(16,24,40,.045)!important;
  }
  #page-cashier #cashierPaymentSection{
    position:static!important;max-height:none!important;margin-top:10px!important;
    border-top:1px solid var(--mobile-cashier-line)!important;overflow:visible!important;
  }
  #page-cashier #cashierItemsSection{grid-template-columns:minmax(0,1fr)!important}
  #page-cashier #cashierItemsSection>*{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

  #page-cashier .cashier-summary-scroll{max-height:none!important;padding:0!important;overflow:visible!important}

  #page-cashier .cashier-work-section-head,
  #page-cashier .cashier-section-head{
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
    gap:10px!important;margin:0 0 12px!important;padding:0!important;border:0!important;
  }
  #page-cashier .cashier-work-section-head>div,
  #page-cashier .cashier-section-head>div{min-width:0!important}
  #page-cashier .cashier-work-section-head h3,
  #page-cashier .cashier-title{
    margin:0!important;color:var(--mobile-cashier-ink)!important;font-size:18px!important;
    line-height:1.2!important;font-weight:950!important;letter-spacing:-.025em!important;
  }
  #page-cashier #cashierSetupTitle,
  #page-cashier #cashierItemsTitle,
  #page-cashier #cashierPaymentTitle{font-size:0!important}
  #page-cashier #cashierSetupTitle::after{content:'Jenis Nota & PIC';font-size:18px}
  #page-cashier #cashierItemsTitle::after{content:'Katalog & Item';font-size:18px}
  #page-cashier #cashierPaymentTitle::after{content:'Ringkasan Pembayaran';font-size:18px}
  #page-cashier .cashier-work-section-head p,
  #page-cashier .cashier-section-head .cashier-sub{display:none!important}

  #page-cashier .cashier-status-cluster{display:flex!important;gap:6px!important;justify-content:flex-end!important;flex-wrap:wrap!important}
  #page-cashier .draft-status,
  #page-cashier .section-status{
    min-height:28px!important;padding:0 9px!important;border-radius:999px!important;
    font-size:9.5px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;
  }
  #page-cashier .draft-status{border:1px solid #dce5ee!important;background:#f3f7fb!important;color:#46617f!important}
  #page-cashier .draft-status.saved{border-color:#cfe7d7!important;background:#f0faf4!important;color:var(--mobile-cashier-green-dark)!important}
  #page-cashier .draft-status.saved::before{content:'●';margin-right:5px;color:#198754;font-size:8px}
  #page-cashier .section-status.warning{background:#fff4e8!important;color:var(--mobile-cashier-amber)!important}
  #page-cashier .section-status.complete{background:var(--mobile-cashier-green-soft)!important;color:var(--mobile-cashier-green-dark)!important}
  #page-cashier .section-status.danger{background:var(--mobile-cashier-red-soft)!important;color:var(--mobile-cashier-red)!important}

  #page-cashier .cashier-setup-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
  #page-cashier .cashier-field{display:grid!important;gap:6px!important;min-width:0!important}
  #page-cashier .cashier-field label,
  #page-cashier .payment-field label{
    color:#596579!important;font-size:10.5px!important;font-weight:900!important;
    letter-spacing:.01em!important;text-transform:none!important;
  }
  #page-cashier .cashier-sale-type-native{
    position:absolute!important;width:1px!important;min-width:0!important;max-width:1px!important;height:1px!important;min-height:0!important;max-height:1px!important;padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!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:7px!important;
  }
  #page-cashier .cashier-sale-type-tab{
    min-width:0!important;min-height:48px!important;padding:5px 7px!important;
    border:1px solid #dfe5e2!important;border-radius:11px!important;background:#fff!important;
    color:#263246!important;font-size:0!important;font-weight:900!important;line-height:1.15!important;
    white-space:normal!important;box-shadow:none!important;
  }
  #page-cashier .cashier-sale-type-tab::after{font-size:11px!important}
  #page-cashier .cashier-sale-type-tab:nth-child(1)::after{content:'Nota Pesan (24)'}
  #page-cashier .cashier-sale-type-tab:nth-child(2)::after{content:'Nota Kontan (23)'}
  #page-cashier .cashier-sale-type-tab:nth-child(3)::after{content:'Nota BPJS (28)'}
  #page-cashier .cashier-sale-type-tab.active{
    border-color:#7bb493!important;background:linear-gradient(135deg,#f2faf5,#e8f5ed)!important;
    color:var(--mobile-cashier-green-dark)!important;box-shadow:inset 0 0 0 1px rgba(47,138,87,.08)!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-pic-primary-row .cashier-pic-field{min-width:0!important}
  #page-cashier .cashier-add-pic-btn{
    width:auto!important;min-width:106px!important;min-height:48px!important;padding:0 10px!important;
    border:1px solid #84b99a!important;border-radius:12px!important;background:#fff!important;
    color:var(--mobile-cashier-green-dark)!important;font-size:11px!important;font-weight:950!important;
  }
  #page-cashier .cashier-extra-pic-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:8px!important}
  #page-cashier .cashier-pic-field.hidden{display:none!important}
  #page-cashier .cashier-pic-meta{display:flex!important;align-items:center!important;gap:8px!important;margin-top:8px!important}
  #page-cashier .cashier-pic-meta .sales-pic-hint{display:none!important}

  #page-cashier .cashier-field input,
  #page-cashier .cashier-field select,
  #page-cashier .cashier-search input,
  #page-cashier .payment-field input,
  #page-cashier .payment-field select{
    width:100%!important;min-width:0!important;min-height:48px!important;padding:0 13px!important;
    border:1px solid #dfe5e2!important;border-radius:12px!important;background:#fff!important;
    color:var(--mobile-cashier-ink)!important;font-size:13px!important;font-weight:750!important;outline:none!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:#74ad8b!important;box-shadow:0 0 0 3px rgba(47,138,87,.09)!important;
  }

  #page-cashier #cashierCustomerSection{display:block!important;background:#fff!important}
  #page-cashier #cashierCustomerSection .cashier-work-section-head{margin-bottom:10px!important}
  #page-cashier #cashierCustomerSection .cashier-work-section-head p{display:none!important}
  #page-cashier #cashierCustomerSection .cashier-customer-main{display:block!important;min-width:0!important}
  #page-cashier .cashier-customer-search-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #page-cashier .cashier-customer-search-row .cashier-search{
    display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;
  }
  #page-cashier .cashier-customer-search-row .cashier-search input{grid-column:1/-1!important}
  #page-cashier .cashier-customer-search-row .cashier-search .primary-btn,
  #page-cashier .cashier-customer-search-row .cashier-add-customer-btn{
    width:100%!important;min-height:46px!important;border-radius:12px!important;font-size:12px!important;font-weight:950!important;
  }
  #page-cashier .cashier-customer-search-row .cashier-search .primary-btn{
    border:0!important;background:linear-gradient(135deg,#34915e,#247649)!important;color:#fff!important;
  }
  #page-cashier .cashier-customer-search-row .cashier-add-customer-btn{
    border:1px solid #dfe5e2!important;background:#fff!important;color:#263246!important;
  }
  #page-cashier .cashier-customer-search-row{
    grid-template-columns:1fr 1fr!important;
  }
  #page-cashier .cashier-customer-search-row .cashier-search{display:contents!important}
  #page-cashier .cashier-customer-search-row .cashier-search input{grid-column:1/-1!important}
  #page-cashier .cashier-results{margin-top:8px!important;max-height:260px!important}
  #page-cashier .cashier-customer-profile.is-empty{display:none!important}
  #page-cashier #cashierCustomerSection .cashier-customer-profile{
    display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:9px!important;
    min-height:54px!important;margin-top:9px!important;padding:9px 10px!important;border:1px solid #cee3d6!important;
    border-radius:14px!important;background:#f8fcf9!important;
  }

  #page-cashier #cashierBpjsSection{display:grid!important;gap:12px!important}
  #page-cashier #cashierBpjsSection.hidden{display:none!important}
  #page-cashier .bpjs-form-grid,
  #page-cashier .bpjs-rx-grid{grid-template-columns:1fr!important;gap:9px!important}
  #page-cashier .bpjs-rx-eye{padding:12px!important;border-radius:15px!important}

  #page-cashier #cashierItemsSection{display:grid!important;gap:10px!important;padding:14px!important}
  #page-cashier #cashierItemsSection>.cashier-section-head{margin-bottom:0!important;padding-bottom:10px!important;border-bottom:1px solid #edf0ee!important}
  #page-cashier .cashier-universal-catalog{position:relative!important;padding:0!important}
  #page-cashier .cashier-catalog-heading{display:none!important}
  #page-cashier .cashier-catalog-search-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;gap:7px!important;
  }
  #page-cashier .cashier-catalog-search{
    display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;align-items:center!important;
    min-height:50px!important;padding:0 11px!important;border:1px solid #dfe5e2!important;border-radius:12px!important;background:#fff!important;
  }
  #page-cashier .cashier-catalog-search:focus-within{border-color:#74ad8b!important;box-shadow:0 0 0 3px rgba(47,138,87,.09)!important}
  #page-cashier .cashier-catalog-search-icon{color:#667085!important;font-size:18px!important}
  #page-cashier .cashier-catalog-search input{
    min-height:48px!important;padding:0!important;border:0!important;background:transparent!important;
    font-size:12.5px!important;font-weight:700!important;box-shadow:none!important;
  }
  #page-cashier .cashier-catalog-search kbd{display:none!important}
  #page-cashier .cashier-catalog-scan-btn{
    width:48px!important;min-width:48px!important;min-height:50px!important;padding:0!important;
    border:1px solid #cfe1d6!important;border-radius:12px!important;background:#f7fcf9!important;
    color:var(--mobile-cashier-green-dark)!important;font-size:18px!important;font-weight:950!important;
  }
  #page-cashier .cashier-catalog-scan-btn span{display:none!important}
  #page-cashier .cashier-catalog-filters{
    display:flex!important;gap:7px!important;margin:9px -2px 0!important;padding:1px 2px 3px!important;
    overflow-x:auto!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important;flex-wrap:nowrap!important;
  }
  #page-cashier .cashier-catalog-filters::-webkit-scrollbar{display:none!important}
  #page-cashier .cashier-catalog-filter{
    flex:0 0 auto!important;min-width:72px!important;min-height:36px!important;padding:0 12px!important;
    border:1px solid #dfe5e2!important;border-radius:10px!important;background:#fff!important;
    color:#596579!important;font-size:10.5px!important;font-weight:900!important;box-shadow:none!important;
  }
  #page-cashier .cashier-catalog-filter.active{
    border-color:#70aa88!important;background:var(--mobile-cashier-green-soft)!important;
    color:var(--mobile-cashier-green-dark)!important;box-shadow:none!important;
  }
  #page-cashier .cashier-catalog-results{
    position:absolute!important;z-index:45!important;top:96px!important;left:0!important;right:0!important;
    max-height:330px!important;padding:6px!important;border:1px solid #dfe5e2!important;border-radius:13px!important;
    background:#fff!important;box-shadow:0 18px 38px rgba(16,24,40,.14)!important;
  }
  #page-cashier .cashier-catalog-result{
    grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;min-height:58px!important;padding:9px!important;border-radius:10px!important;
  }
  #page-cashier .cashier-catalog-result-category,
  #page-cashier .cashier-catalog-result-stock{display:none!important}
  #page-cashier .cashier-catalog-result-price{font-size:11.5px!important}
  #page-cashier .cashier-catalog-result-add{grid-column:2!important;font-size:9px!important}

  #page-cashier .cashier-mobile-manual-toggle{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:100%!important;min-height:42px!important;margin-top:8px!important;padding:0 12px!important;
    border:1px solid #dfe5e2!important;border-radius:11px!important;background:#fff!important;
    color:#263246!important;font-size:11.5px!important;font-weight:950!important;
  }
  #page-cashier .cashier-mobile-manual-toggle span{transition:transform .18s ease!important}
  #page-cashier .cashier-mobile-manual-toggle[aria-expanded="true"] span{transform:rotate(180deg)!important}
  #page-cashier .cashier-catalog-quick-actions{
    display:none!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:7px!important;
  }
  #page-cashier .cashier-catalog-quick-actions.mobile-open{display:grid!important}
  #page-cashier .cashier-catalog-quick-actions button{
    width:100%!important;min-height:42px!important;margin:0!important;padding:5px 8px!important;
    border:1px solid #dfe5e2!important;border-radius:10px!important;background:#fff!important;
    color:#344054!important;font-size:10px!important;font-weight:900!important;line-height:1.25!important;white-space:normal!important;
  }
  #page-cashier .cashier-catalog-quick-actions .cashier-lens-left-mode{
    margin:0!important;border-color:#f0cdd8!important;background:#fff7fa!important;color:#a72a58!important;
  }

  #page-cashier .cashier-item-matrix-section{
    margin:0!important;padding:11px!important;border:1px solid #e2e8e5!important;border-radius:15px!important;background:#fbfcfc!important;
  }
  #page-cashier .cashier-item-matrix-head{align-items:center!important;margin:0 0 8px!important}
  #page-cashier .cashier-item-matrix-head span{font-size:8.5px!important}
  #page-cashier .cashier-item-matrix-head h4{font-size:15px!important}
  #page-cashier .cashier-item-matrix-head p{display:none!important}
  #page-cashier .cashier-clear-all-items{
    min-height:34px!important;padding:0 9px!important;border:1px solid #efccd7!important;border-radius:10px!important;
    background:#fff7fa!important;color:#b42353!important;font-size:9.5px!important;font-weight:900!important;
  }
  #page-cashier .cashier-item-matrix-empty{
    padding:20px 12px!important;border:1px dashed #d7dfdb!important;border-radius:13px!important;background:#fff!important;
    color:#738094!important;font-size:11.5px!important;line-height:1.45!important;
  }
  #page-cashier .cashier-item-matrix-row.header{display:none!important}
  #page-cashier .cashier-item-matrix-table{display:grid!important;gap:8px!important}
  #page-cashier .cashier-item-matrix-row,
  #page-cashier .cashier-item-matrix-row.category-total{
    position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;min-width:0!important;margin:0!important;padding:11px!important;
    border:1px solid #e0e6e3!important;border-radius:14px!important;background:#fff!important;
  }
  #page-cashier .cashier-item-matrix-row.category-total{
    border-color:#cfe2d6!important;background:#f7fbf8!important;
  }
  #page-cashier .cashier-item-matrix-cell{
    position:relative!important;display:flex!important;min-width:0!important;min-height:0!important;
    padding:6px!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;
  }
  #page-cashier .cashier-item-matrix-cell::before{
    display:block!important;content:attr(data-label)!important;margin-bottom:3px!important;
    color:#7a8596!important;font-size:7.5px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important;
  }
  #page-cashier .cashier-item-matrix-cell.item{
    grid-column:1/-1!important;padding:1px 38px 7px 1px!important;border-bottom:1px solid #edf0ee!important;
  }
  #page-cashier .cashier-item-matrix-cell.item::before{display:none!important}
  #page-cashier .cashier-item-matrix-cell.item strong{font-size:13px!important;line-height:1.25!important}
  #page-cashier .cashier-item-matrix-cell.item small{font-size:9px!important}
  #page-cashier .cashier-item-matrix-cell.category{display:none!important}
  #page-cashier .cashier-item-matrix-cell.qty{grid-column:1!important;align-items:flex-start!important;text-align:left!important}
  #page-cashier .cashier-item-matrix-cell.price-total{grid-column:2!important;align-items:flex-end!important;text-align:right!important}
  #page-cashier .cashier-item-matrix-cell.discount{grid-column:3!important;align-items:stretch!important}
  #page-cashier .cashier-item-matrix-cell.final{
    grid-column:1/-1!important;display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:space-between!important;min-height:42px!important;padding:8px 10px!important;
    border-radius:10px!important;background:#eff8f2!important;
  }
  #page-cashier .cashier-item-matrix-cell.final::before{margin:0!important}
  #page-cashier .cashier-item-matrix-cell.final strong{font-size:14px!important;color:var(--mobile-cashier-green-dark)!important}
  #page-cashier .cashier-item-matrix-cell.final small{display:none!important}
  #page-cashier .cashier-item-matrix-cell.action{
    position:absolute!important;top:8px!important;right:8px!important;display:block!important;width:30px!important;height:30px!important;padding:0!important;
  }
  #page-cashier .cashier-item-matrix-cell.action::before{display:none!important}
  #page-cashier .cashier-matrix-delete{width:30px!important;height:30px!important;border-radius:9px!important}
  #page-cashier .cashier-matrix-qty-control{
    display:grid!important;grid-template-columns:28px 24px 28px!important;gap:2px!important;justify-content:start!important;width:auto!important;
  }
  #page-cashier .cashier-matrix-qty-control button{width:28px!important;height:30px!important;border-radius:8px!important}
  #page-cashier .cashier-inline-discount-entry{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:4px!important;min-width:0!important;width:100%!important}
  #page-cashier .cashier-inline-discount select,
  #page-cashier .cashier-inline-discount input{width:100%!important;min-width:0!important;max-width:100%!important;height:32px!important;padding:0 5px!important;font-size:9.5px!important}
  #page-cashier .cashier-inline-discount-applied strong{font-size:11.5px!important}
  #page-cashier .cashier-inline-discount-applied small{display:none!important}
  #page-cashier .cashier-inline-discount-follow{font-size:8.5px!important}

  #page-cashier .cashier-advanced-item-controls{
    margin:0!important;border:1px solid #e2e8e5!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;
  }
  #page-cashier .cashier-advanced-item-controls>summary{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
    min-height:44px!important;padding:0 11px!important;cursor:pointer!important;list-style:none!important;
    color:#263246!important;font-size:11px!important;font-weight:900!important;
  }
  #page-cashier .cashier-advanced-item-controls>summary::-webkit-details-marker{display:none!important}
  #page-cashier .cashier-advanced-item-controls>summary small{display:none!important}
  #page-cashier .cashier-advanced-item-controls>summary::after{content:'⌄';font-size:15px!important}
  #page-cashier .cashier-advanced-item-controls[open]>summary::after{transform:rotate(180deg)!important}
  #page-cashier .cashier-advanced-item-grid{grid-template-columns:1fr!important;gap:8px!important;padding:0 9px 9px!important}
  #page-cashier .optical-slot{padding:11px!important;border-radius:13px!important}
  #page-cashier .cashier-note-field{gap:5px!important}
  #page-cashier .cashier-note-field input{min-height:46px!important}

  #page-cashier .payment-main-numbers{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 9px!important;
  }
  #page-cashier .payment-main-number,
  #page-cashier .payment-main-number.total{
    grid-column:auto!important;display:grid!important;gap:5px!important;min-width:0!important;min-height:82px!important;
    padding:10px 6px!important;border:1px solid #dfe5e2!important;border-radius:13px!important;background:#fff!important;
    text-align:center!important;box-shadow:none!important;
  }
  #page-cashier .payment-main-number.total{border-color:#cde3d5!important;background:#f1faf5!important}
  #page-cashier .payment-main-number.paid{border-color:#ceddf0!important;background:#f2f7fd!important}
  #page-cashier .payment-main-number.remaining{border-color:#f1ccd6!important;background:#fff3f6!important}
  #page-cashier .payment-main-number span{
    color:#536176!important;font-size:8.5px!important;font-weight:950!important;letter-spacing:.01em!important;text-transform:none!important;
  }
  #page-cashier .payment-main-number strong,
  #page-cashier .payment-main-number.total strong,
  #page-cashier .payment-main-number.paid strong,
  #page-cashier .payment-main-number.remaining strong{
    display:block!important;color:var(--mobile-cashier-ink)!important;font-size:clamp(13px,3.7vw,16px)!important;
    line-height:1.15!important;font-weight:1000!important;letter-spacing:-.025em!important;white-space:nowrap!important;
  }
  #page-cashier .payment-main-number.total strong{color:var(--mobile-cashier-green-dark)!important}
  #page-cashier .payment-main-number.paid strong{color:#315f91!important}
  #page-cashier .payment-main-number.remaining strong{color:var(--mobile-cashier-red)!important}
  #page-cashier .payment-status-panel{
    margin:0 0 8px!important;padding:10px 11px!important;border-radius:12px!important;
  }
  #page-cashier .payment-status-panel strong{font-size:10.5px!important}
  #page-cashier .payment-status-panel span{font-size:9.5px!important}

  #page-cashier .payment-detail-summary{
    margin:0 0 10px!important;padding:0!important;border:1px solid #e2e8e5!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;
  }
  #page-cashier .payment-detail-summary>summary{
    display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;
    padding:0 11px!important;color:#263246!important;font-size:0!important;font-weight:900!important;cursor:pointer!important;list-style:none!important;
  }
  #page-cashier .payment-detail-summary>summary::before{content:'Lihat rincian perhitungan';font-size:10.5px!important}
  #page-cashier .payment-detail-summary>summary::after{content:'⌄'!important;margin-left:auto!important;font-size:14px!important}
  #page-cashier .payment-detail-summary[open]>summary::after{transform:rotate(180deg)!important}
  #page-cashier .payment-detail-summary .summary-line{padding:8px 11px!important;font-size:10.5px!important}
  #page-cashier .payment-detail-summary .summary-line strong{font-size:10.5px!important}

  #page-cashier .cashier-payment-flow-label{
    display:block!important;margin:2px 0 8px!important;padding:0!important;border:0!important;
  }
  #page-cashier .cashier-payment-flow-label span{display:block!important;margin-bottom:2px!important;color:var(--mobile-cashier-green-dark)!important;font-size:8.5px!important;font-weight:1000!important;letter-spacing:.12em!important}
  #page-cashier .cashier-payment-flow-label strong{font-size:15px!important;line-height:1.25!important}
  #page-cashier .payment-head{margin:0 0 8px!important}
  #page-cashier .payment-head b{font-size:9.5px!important;letter-spacing:.08em!important}
  #page-cashier .payment-head .mini-action{
    min-height:38px!important;padding:0 10px!important;border:1px solid #cfe1d6!important;border-radius:10px!important;
    background:#fff!important;color:var(--mobile-cashier-green-dark)!important;font-size:10px!important;font-weight:950!important;
  }
  #page-cashier .payment-rows{gap:8px!important}
  #page-cashier .payment-card{
    padding:11px!important;border:1px solid #e1e7e4!important;border-radius:14px!important;background:#fbfcfc!important;
  }
  #page-cashier .payment-card-head{margin-bottom:8px!important}
  #page-cashier .payment-card-title{font-size:13px!important}
  #page-cashier .payment-card-sub{font-size:8.5px!important}
  #page-cashier .payment-delete{width:30px!important;height:30px!important;border-radius:9px!important}
  #page-cashier .payment-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  #page-cashier .payment-field.full{grid-column:1/-1!important}
  #page-cashier .payment-field input,
  #page-cashier .payment-field select{min-height:44px!important;padding:0 10px!important;font-size:11.5px!important;border-radius:10px!important}
  #page-cashier .cash-payment-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  #page-cashier .cash-payment-summary span{
    display:grid!important;gap:3px!important;padding:8px 9px!important;border-radius:10px!important;background:#eef5ff!important;
    color:#536176!important;font-size:8.5px!important;font-weight:850!important;
  }
  #page-cashier .cash-payment-summary span:last-child{background:#edf8f1!important;color:var(--mobile-cashier-green-dark)!important}
  #page-cashier .cash-payment-summary strong{font-size:11.5px!important;color:var(--mobile-cashier-ink)!important}
  #page-cashier .payment-actions-row{
    display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:8px!important;
  }
  #page-cashier .cashier-quick-pay{
    width:100%!important;min-height:40px!important;border:1px solid #dfe5e2!important;border-radius:10px!important;
    background:#fff!important;color:#263246!important;font-size:10.5px!important;font-weight:950!important;
  }

  #page-cashier .cashier-review{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important;
    max-height:none!important;margin-top:9px!important;padding:11px!important;border:1px solid #e1e7e4!important;
    border-radius:13px!important;background:#fbfcfc!important;overflow:visible!important;
  }
  #page-cashier .cashier-review:empty{display:none!important}
  #page-cashier .cashier-review-title{grid-column:1/-1!important;margin:0 0 5px!important;font-size:10px!important;letter-spacing:.04em!important;text-transform:none!important}
  #page-cashier .cashier-review-row{padding:5px 0!important;font-size:10.5px!important;border-bottom:1px dashed #edf0ee!important}
  #page-cashier .cashier-review-row strong{font-size:10.5px!important}
  #page-cashier .cashier-validation-summary{
    margin:9px 0 0!important;padding:10px 11px!important;border:1px solid #f0d8b5!important;border-radius:12px!important;
    background:#fff8ee!important;color:#9a5100!important;
  }
  #page-cashier .cashier-validation-summary strong{font-size:10.5px!important}
  #page-cashier .cashier-validation-summary span,
  #page-cashier .cashier-validation-summary li{font-size:9.5px!important;line-height:1.4!important}
  #page-cashier .cashier-desktop-actions{display:none!important}

  #page-cashier .mobile-cashier-bar{
    position:fixed!important;z-index:95!important;left:8px!important;right:8px!important;bottom:8px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,1.15fr)!important;gap:10px!important;
    margin:0!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
    border:1px solid #dfe5e2!important;border-radius:18px!important;background:rgba(255,255,255,.98)!important;
    box-shadow:0 12px 32px rgba(16,24,40,.16)!important;backdrop-filter:blur(14px)!important;
  }
  #page-cashier .mobile-cashier-total{display:grid!important;gap:1px!important;align-content:center!important;min-width:0!important}
  #page-cashier .mobile-cashier-total span{font-size:8px!important;font-weight:950!important;color:#667085!important}
  #page-cashier .mobile-cashier-total strong{
    color:var(--mobile-cashier-green-dark)!important;font-size:19px!important;line-height:1.15!important;font-weight:1000!important;white-space:nowrap!important;
  }
  #page-cashier .mobile-cashier-total small{font-size:9.5px!important;color:var(--mobile-cashier-red)!important;font-weight:850!important;white-space:nowrap!important}
  #page-cashier .mobile-cashier-save{
    width:100%!important;min-width:0!important;min-height:52px!important;border:0!important;border-radius:14px!important;
    background:linear-gradient(135deg,#34915e,#247649)!important;color:#fff!important;
    font-size:13px!important;font-weight:1000!important;box-shadow:0 9px 18px rgba(47,138,87,.22)!important;
  }
  #page-cashier .mobile-cashier-save::before{content:'▣ ';font-size:14px}

  /* V4.2.50B mobile header + safe-bottom polish. */
  body[data-current-page="cashier"] .top-left{flex:1 1 auto!important;max-width:calc(100% - 82px)!important}
  body[data-current-page="cashier"] .cashier-mobile-title-stack{
    display:grid!important;grid-template-columns:minmax(0,auto) auto!important;
    grid-template-areas:"title title" "subtitle network"!important;
    align-items:center!important;justify-content:start!important;column-gap:6px!important;min-width:0!important;
  }
  body[data-current-page="cashier"] .cashier-mobile-title-stack .page-title{grid-area:title!important}
  body[data-current-page="cashier"] .cashier-mobile-title-stack .page-subtitle{grid-area:subtitle!important;min-width:0!important;margin-top:2px!important}
  body[data-current-page="cashier"] .cashier-mobile-network-status{
    grid-area:network!important;display:inline-flex!important;align-items:center!important;gap:4px!important;
    width:max-content!important;min-height:18px!important;padding:1px 7px!important;border:1px solid #cfe7d7!important;
    border-radius:999px!important;background:#f0faf4!important;color:var(--mobile-cashier-green-dark)!important;
    font-size:8.5px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;
  }
  body[data-current-page="cashier"] .cashier-mobile-network-status::before{content:'●';color:#198754;font-size:7px}
  body[data-current-page="cashier"] .cashier-mobile-network-status.is-offline{border-color:#f1ccd6!important;background:#fff3f6!important;color:var(--mobile-cashier-red)!important}
  body[data-current-page="cashier"] .cashier-mobile-network-status.is-offline::before{color:var(--mobile-cashier-red)!important}
  body[data-current-page="cashier"] .cashier-mobile-header-reset{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
    flex:0 0 auto!important;width:auto!important;min-width:74px!important;min-height:44px!important;padding:0 11px!important;
    border:1px solid #dfe6e2!important;border-radius:14px!important;background:#fff!important;
    color:var(--mobile-cashier-green-dark)!important;font-size:11px!important;font-weight:950!important;line-height:1!important;
    box-shadow:0 5px 16px rgba(16,24,40,.045)!important;
  }
  body[data-current-page="cashier"] .cashier-mobile-header-reset::before{content:'↻';font-size:14px}
  body[data-current-page="cashier"] .cashier-mobile-header-reset:disabled{opacity:.55!important}
  #page-cashier #cashierResetBtn,
  #page-cashier .cashier-setup-section .cashier-status-cluster{display:none!important}
  #page-cashier #cashierPaymentSection{margin-bottom:22px!important}
  #page-cashier .cashier-validation-summary{margin-bottom:18px!important;scroll-margin-bottom:150px!important}

  @media (max-width:374px){
    body[data-current-page="cashier"] .cashier-mobile-header-reset{min-width:68px!important;padding:0 8px!important;font-size:10.5px!important}
    body[data-current-page="cashier"] .top-left{max-width:calc(100% - 74px)!important}
    #page-cashier .cashier-sale-type-tab::after{font-size:10px!important}
    #page-cashier .cashier-pic-primary-row{grid-template-columns:1fr!important}
    #page-cashier .cashier-add-pic-btn{width:100%!important}
    #page-cashier .payment-main-number strong,
    #page-cashier .payment-main-number.total strong,
    #page-cashier .payment-main-number.paid strong,
    #page-cashier .payment-main-number.remaining strong{font-size:12px!important}
    #page-cashier .mobile-cashier-bar{grid-template-columns:minmax(0,.9fr) minmax(142px,1.1fr)!important}
    #page-cashier .mobile-cashier-total strong{font-size:17px!important}
  }
}