/* BN750 - Register payment panel fits on desktop screens without its own scrollbar: Add payment beside Amount, customer name / phone /
   receipt email in one row, normal bottom padding on desktop (the extra was room for the phone bar). Phones unchanged. */
section.pos .bn727-field{display:flex!important;flex-direction:column!important;min-width:0}
section.pos .bn727-field>input{width:100%!important}
@media (min-width:901px){
  section.pos div.c:has(#posDone){padding-bottom:16px!important}
  section.pos div:has(> .bn727-field > #payAmt){grid-template-columns:minmax(0,1fr) auto!important;align-items:end}
  section.pos div:has(> .bn727-field > #payAmt) > *{grid-column:1}
  section.pos div:has(> .bn727-field > #payAmt) > #payQuick{grid-column:1/-1}
  section.pos #payAddBtn{grid-column:2!important;grid-row:1;align-self:end;white-space:nowrap;padding-left:22px;padding-right:22px}
  section.pos div:has(> .bn727-field > #posCustName){grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:end}
}
/* BN751: shorter desktop screens - no scrollbar inside the panel; the page scrolls instead and Complete sale stays pinned on screen */
@media (min-width:901px){
  html body section.pos{height:auto!important;max-height:none!important;align-items:start}
  html body section.pos div.c:has(#posDone){height:auto!important;max-height:none!important;overflow:visible!important}
  html body section.pos #posDone{position:sticky!important;bottom:12px;z-index:5;box-shadow:0 10px 24px -8px rgba(16,24,40,.35)}
}
/* BN752: phones and tablets (stacked register) - Complete sale pinned just above the bottom bar, always on screen.
   --bn752-nav = measured height of the bottom bar (set by bn750-pos-panel.js; 77px until measured). */
@media (max-width:900px){
  html body section.pos #posDone{position:fixed!important;left:14px!important;right:14px!important;bottom:calc(var(--bn752-nav,77px) + 12px)!important;width:auto!important;margin:0!important;z-index:9150!important;min-height:56px!important;box-shadow:0 0 0 8px #fff,0 -4px 18px 8px rgba(15,23,42,.14)!important}
  html body section.pos div.c:has(#posDone){padding-bottom:24px!important}
  html body:has(section.pos #posDone){padding-bottom:calc(var(--bn752-nav,77px) + 84px)!important}
  html:has(section.pos #posDone){scroll-padding-bottom:calc(var(--bn752-nav,77px) + 100px)!important}
}
/* BN754: Complete sale looks unavailable while it cannot be used (empty cart, or payment still due) */
html body section.pos #posDone:disabled{background:#64748b!important;border-color:#64748b!important;color:#fff!important;cursor:not-allowed!important}