/* Oima POS Lite v1.0.0.19: responsive, scroll-safe cashier payment.
   PRESENTATION ONLY. No override of payment accounting, states or server actions. */
#wrap.oima-pos-frontend[data-op-page="page_sale"]{
 height:auto!important;max-height:none!important;min-height:100dvh!important;
 overflow:visible!important;display:flex!important;flex-direction:column!important;
 background:#f5f7fa!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"]>.op-section{
 display:block!important;flex:1 0 auto!important;height:auto!important;
 min-height:0!important;max-height:none!important;overflow:visible!important;
 width:100%!important;max-width:none!important;
 padding:16px clamp(12px,2.2vw,28px) 32px!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-sale-shell{
 display:flex!important;flex-direction:column!important;height:auto!important;
 min-width:0!important;gap:13px!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-layout{
 display:grid!important;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr)!important;
 align-items:start!important;gap:14px!important;height:auto!important;
 max-height:none!important;min-height:0!important;overflow:visible!important;
 flex:initial!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-panel{
 min-width:0!important;min-height:0!important;height:auto!important;
 max-height:none!important;overflow:visible!important;
 border-radius:14px!important;padding:18px!important;gap:12px!important;
 background:#fff!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-order-lines{
 overflow-y:auto!important;max-height:min(37vh,380px)!important;min-height:70px!important;
 flex:initial!important;padding:0 3px;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op180-payment-ledger{
 max-height:min(30vh,280px)!important;overflow-y:auto!important;margin:6px 0 0!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-payment-form{
 height:auto!important;min-height:0!important;max-height:none!important;
 overflow:visible!important;flex:initial!important;gap:12px!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-methods{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:9px!important;min-width:0!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-method{
 min-width:0!important;min-height:85px!important;padding:9px 7px!important;
 border-radius:11px!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-keypad-row{
 display:grid!important;grid-template-columns:minmax(0,3fr) minmax(104px,1fr)!important;
 gap:8px!important;min-height:222px!important;height:222px!important;
 flex:initial!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-keypad{
 min-height:0!important;height:100%!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-keypad button{
 min-height:43px!important;border-radius:9px!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-confirm{
 min-height:0!important;height:100%!important;border-radius:10px!important;
 background:#de6528!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op180-split-card{
 margin:0!important;padding:13px 14px!important;border-radius:12px!important;
 border:1px solid #dfe5ed!important;background:#fff!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op180-split-card[open]{
 background:#fffaf6!important;border-color:#efbd9b!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] #op180-split-card[open] + #op-pay-form{
 display:none!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op180-split-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:10px;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op180-split-grid label{min-width:0;overflow-wrap:anywhere;line-height:1.4}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op180-split-grid :is(input,select){
 min-width:0!important;max-width:100%!important;min-height:42px!important;
 border-radius:9px!important;background:#fff!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op180-split-form>.op-btn{
 width:100%!important;min-height:46px!important;border-radius:10px!important;
 background:#de6528!important;color:white!important;font-weight:850!important;
}
#wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-after-payment[open] .op138-after-payment-body{
 position:static!important;max-height:none!important;width:100%!important;
 box-shadow:none!important;
}
@media(max-width:900px){
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-layout{
  display:flex!important;flex-direction:column!important;gap:13px!important;
 }
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-panel{width:100%!important}
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-keypad-row{height:242px!important;min-height:242px!important}
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-payment-form{min-height:0!important}
}
@media(max-width:550px){
 #wrap.oima-pos-frontend[data-op-page="page_sale"]>.op-section{padding:10px 10px 25px!important}
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-panel{padding:13px!important;gap:11px!important}
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-methods{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
 }
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-method{min-height:78px!important}
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-keypad-row{
  grid-template-columns:minmax(0,3fr) minmax(85px,1fr)!important;
  height:238px!important;min-height:238px!important;
 }
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op180-split-grid{
  grid-template-columns:1fr!important;gap:9px!important;
 }
 #wrap.oima-pos-frontend[data-op-page="page_sale"] .op138-order-top{
  flex-wrap:wrap!important;
 }
}
