/* Match the adjacent add-product circles; the badge stays within the toolbar. */
.drawer-section__tab-scroller.savekeywordarea { display:flex; align-items:center; flex-wrap:nowrap; }
.drawer-section__tab-scroller.savekeywordarea > .drawer-section__tab-list { flex:0 0 auto; margin-top:0; }
.drawer-section__tab-scroller .drawer-section__tab-list--plus { vertical-align:middle; }
.drawer-section__tab-list.pos-oversale-tab { position:relative; vertical-align:middle; width:30px; min-width:30px; height:30px; margin-top:0; padding:0; border:0; background:transparent; }
.pos-oversale-batch-open { position:relative; display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; padding:0; border:0; border-radius:50%; background:#eceff1; color:#fc443d; cursor:pointer; }
.pos-oversale-batch-open > i { font-size:17px; line-height:1; }
.pos-bulk-count { position:absolute; top:-4px; right:-7px; min-width:17px; height:17px; padding:0 4px; display:flex; align-items:center; justify-content:center; border:2px solid #fff; border-radius:999px; background:#fc443d; color:#fff; font-size:10px; line-height:13px; font-weight:800; }
.pos-bulk-count[hidden], #pos-oversale-fields[hidden] { display:none !important; }
.pos-oversale-batch-open:focus-visible { outline:2px solid #fc443d; outline-offset:3px; }
.pos-oversale-batch-open:focus:not(:focus-visible) { outline:0; box-shadow:none; }
/* Native checkboxes retain keyboard behaviour, with a circular visual and touch area. */
.pos-bulk-selectable { position:relative; }
.pos-bulk-check { position:absolute; z-index:2; top:2px; left:2px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; margin:0 !important; padding:0 !important; cursor:pointer; }
.pos-bulk-checkbox { position:absolute; inset:0; width:36px; height:36px; margin:0; opacity:0; cursor:pointer; z-index:1; }
.pos-bulk-check-face { width:25px; height:25px; display:flex; align-items:center; justify-content:center; border:2px solid #a9b2bb; border-radius:50%; background:rgba(255,255,255,.96); color:#fff; box-shadow:0 1px 3px #0002; pointer-events:none; }
.pos-bulk-check-face > i { font-size:13px; font-weight:800; visibility:hidden; }
.pos-bulk-checkbox:checked + .pos-bulk-check-face { background:#fc443d; border-color:#fc443d; }
.pos-bulk-checkbox:checked + .pos-bulk-check-face > i { visibility:visible; }
.pos-bulk-checkbox:focus-visible + .pos-bulk-check-face { outline:2px solid #243040; outline-offset:3px; }
.pos-bulk-checkbox:disabled + .pos-bulk-check-face { opacity:.6; }
.pos-bulk-selected::after { content:""; position:absolute; inset:0; z-index:3; border:2px solid #fc443d; pointer-events:none; }
.pos-bulk-selectable .saletag { top:40px; left:6px; margin-left:0; }
.pos-bulk-selectable .qtyarea { max-width:calc(100% - 38px); overflow-wrap:anywhere; }
.pos-bulk-selectable.soldoutclass { opacity:1; }
.pos-bulk-selectable.soldoutclass > a, .pos-bulk-selectable.soldoutclass > .card-body { opacity:.5; }
#pos-oversale-batch { z-index:200040; }
body.pos-bulk-edit-open .modal-backdrop.show { z-index:200039; }
#pos-oversale-batch .modal-dialog { max-width:480px; margin:20px auto; }
#pos-oversale-batch .modal-content { border:1px solid #e4e7eb; border-radius:20px; overflow:hidden; max-height:calc(100vh - 40px); background:#fff; }
#pos-oversale-batch .modal-header { display:flex; align-items:center; gap:12px; padding:16px 20px; flex-shrink:0; background:#fff7f8; }
#pos-oversale-batch .modal-header > i { color:#ff596f; font-size:23px; }
#pos-oversale-batch .pos-oversale-heading { display:flex; flex:1; min-width:0; flex-direction:column; gap:2px; text-align:left; }
#pos-oversale-batch h5, #pos-oversale-batch .pos-oversale-heading p { margin:0; padding:0; line-height:1.4; }
#pos-oversale-batch h5 { font-size:18px; font-weight:800; color:#243040; }
#pos-oversale-batch .pos-oversale-heading p { font-size:12px; color:#697681; }
#pos-oversale-batch .modal-body { padding:16px 20px; overflow:auto; min-height:0; }
#pos-oversale-batch label { margin:0; color:#4b5965; font-size:13px; }
#pos-oversale-batch .pos-bulk-action-label { display:block; }
#pos-oversale-batch .pos-oversale-settings { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
#pos-oversale-batch select { display:block; width:100%; height:40px; margin-top:4px; padding:0 10px; border:1px solid #d8dce2; border-radius:8px; color:#243040; background:#fff; font-size:14px; }
#pos-oversale-batch .pos-oversale-help { color:#697681; font-size:12px; line-height:1.5; margin:8px 0 0; }
#pos-oversale-batch .pos-bulk-actions { display:flex; gap:10px; }
#pos-oversale-clear, #pos-oversale-save { height:44px; padding:0 16px; font-size:14px; font-weight:700; border-radius:999px; border:1px solid #d8dce2; background:#fff; color:#394350; white-space:nowrap; }
#pos-oversale-save { flex:1; border:0; }
#pos-oversale-batch .pos-oversale-icon { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; flex-shrink:0; border:1px solid #e4e7eb; border-radius:50%; background:#fff; color:#394350; }
#pos-oversale-batch .modal-footer { display:flex; flex-direction:column; align-items:stretch; gap:8px; margin:0; padding:12px 20px 16px; border-top:1px solid #edf0f2; }
#pos-oversale-batch .modal-footer > * { margin:0; }
#pos-oversale-status { color:#2e7d32; font-size:13px; }
#pos-oversale-status:empty { display:none; }
#pos-oversale-status.is-error { color:#b42318; }
#pos-oversale-batch button:disabled { opacity:.5; cursor:default; }
@media(max-width:600px) {
    #pos-oversale-batch .modal-dialog { margin:10px; }
    #pos-oversale-batch .modal-content { max-height:calc(100vh - 20px); }
    #pos-oversale-batch .modal-header, #pos-oversale-batch .modal-body { padding:12px; }
    #pos-oversale-batch .modal-footer { padding:12px; }
    #pos-oversale-clear, #pos-oversale-save { padding:0 12px; }
}