/* Register settlement: receipt left, touch keypad right. */
body.staff .modal.pos-payment-modal{width:min(1080px,calc(100vw - 32px));max-width:1080px;max-height:calc(100dvh - 32px);padding:0;border-radius:9px;background:#fff}
body.staff .pos-payment-modal>header{padding:16px 22px;border-bottom:1px solid #e1e6eb;background:#fff}
body.staff .pos-payment-modal>header h2{font-size:20px}
body.staff .pos-payment-modal .modal-body{padding:20px 22px}
body.staff .pos-payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;color:#202b36}
body.staff .pos-payment-receipt{display:flex;flex-direction:column;min-width:0}
body.staff .pos-payment-receipt-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
body.staff .pos-payment-receipt-title h3{font-size:15px;margin:0}
body.staff .pos-payment-receipt-title span{color:#5e6b78;font-size:14px}
body.staff .pos-payment-items{flex:1;min-height:200px;max-height:440px;overflow:auto}
body.staff .pos-payment-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:12px;padding:15px 0;border-bottom:1px solid #e6eaee;font-size:16px}
body.staff .pos-payment-item>strong{white-space:nowrap;font-variant-numeric:tabular-nums}
body.staff .pos-payment-item small{display:block;color:#63717e;font-size:12px;margin-top:5px;line-height:1.5}
body.staff .pos-payment-quantity{text-align:center;background:#edf0f3;padding:7px 4px;border-radius:4px;font-weight:700}
body.staff .pos-payment-receipt-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #dae1e8;margin-top:24px;padding-top:16px;font-size:13px}
body.staff .pos-payment-receipt-footer button{background:#edf1f5;color:#354a5e;border:1px solid #d4dee6;min-height:44px}
body.staff .pos-payment-input-label{display:block;color:#596777;font-size:12px;margin:0 0 12px}
body.staff .pos-payment-input-label input{display:block;width:100%;margin-top:6px;min-height:52px;text-align:right;background:#eff2f5;border:1px solid #c8d3dd;border-radius:5px;color:#22364a;font-size:27px;font-weight:650;font-variant-numeric:tabular-nums;padding:8px 12px}
body.staff .pos-payment-keyboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
body.staff .pos-payment-keyboard button{min-width:0;min-height:58px;border:1px solid #e3e8ed;border-radius:5px;background:#e9edf1;color:#233343;font-size:22px;font-weight:650;padding:5px}
body.staff .pos-payment-keyboard .pos-payment-banknote{background:#78899a;border-color:#78899a;color:#fff;font-size:18px;white-space:nowrap}
body.staff .pos-payment-keyboard button:hover:not(:disabled){filter:brightness(.94)}
body.staff .pos-payment-keyboard button:disabled{opacity:.35}
body.staff .pos-payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 14px}
body.staff .pos-payment-methods button{border:1px solid #ccd7e0;border-radius:5px;background:#edf1f5;color:#314559;min-height:46px;font-size:15px;font-weight:750}
body.staff .pos-payment-methods button[aria-pressed=true]{background:#147bd0;border-color:#086bbd;color:#fff;box-shadow:0 0 0 2px #147bd026}
body.staff .pos-payment-totals{margin:0 0 14px;font-variant-numeric:tabular-nums}
body.staff .pos-payment-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:7px 0}
body.staff .pos-payment-totals dt{font-weight:600}
body.staff .pos-payment-totals dd{margin:0;white-space:nowrap}
body.staff .pos-payment-due{font-size:20px;font-weight:750}
body.staff .pos-payment-due dd{font-size:29px}
body.staff #sales-change-row{font-size:20px;color:#087450;font-weight:750}
body.staff #sales-change-row.is-short{color:#bc3621}
body.staff .pos-payment-confirm{width:100%;min-height:54px;background:#e56b15;border:1px solid #d05a0c;border-radius:5px;color:#fff;font-size:18px;font-weight:750}
body.staff .pos-payment-confirm:disabled{background:#b4bec8;border-color:#b4bec8;color:#fff;cursor:not-allowed}
body.staff .pos-payment-description{font-size:12px;line-height:1.45;color:#627080;margin:10px 0;text-align:center}
body.staff .pos-payment-back{display:block;width:100%;min-height:38px;background:transparent;color:#53677b;border:0}
@media(max-width:720px){
 body.staff .modal.pos-payment-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
 body.staff .pos-payment-modal>header{padding:12px 15px}
 body.staff .pos-payment-modal .modal-body{padding:15px}
 body.staff .pos-payment-layout{grid-template-columns:minmax(0,1fr);gap:18px}
 body.staff .pos-payment-items{min-height:0;max-height:160px}
 body.staff .pos-payment-item{font-size:14px;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:10px 0}
 body.staff .pos-payment-receipt-title{margin-bottom:8px}
 body.staff .pos-payment-receipt-footer{margin-top:10px;padding-top:10px}
 body.staff .pos-payment-keyboard button{min-height:48px}
}
/* The installed admin shell keeps a narrow dialog even on a wide screen. */
body.staff.mobile-admin .pos-payment-layout{grid-template-columns:minmax(0,1fr)}
body.staff.mobile-admin .pos-payment-items{min-height:0;max-height:160px}