/* pc_bill.css - Phieu tam tinh gon (chi PC: body.pc2). Lop .pcb do pc_bill.js gan -> JS loi = giao dien cu.
   Node moi (#pcbHead, #pcbSplit, .pcbPayAmt) mac dinh inline display:none, chi hien o day.
   30/9 dot 5 (a Thinh): nut dong mon LUON hien; ghi chu luon mo + cung hang voi o Ma phieu; nut cuoi dang o widget;
   nen trang nga #FAFBFC; hop Tach mon / Tach ban cung kieu hop Thanh toan (cuoi file). */

/* ---------- khung ---------- */
body.pc2 #sec-order .card.bill.pcb{display:flex !important;flex-wrap:wrap !important;align-items:center !important;align-content:flex-start !important;gap:8px !important;background:#FAFBFC !important;border:1px solid #DDE3EA !important;border-radius:14px !important;padding:12px !important;box-shadow:none !important}
body.pc2 #sec-order .card.bill.pcb > *{order:20;flex:0 0 100%;min-width:0;box-sizing:border-box}
body.pc2 #sec-order .card.bill.pcb > .title{display:none !important}
/* o toggle ghi chu cu (ban truoc) neu con sot trong DOM -> an */
body.pc2 #sec-order .card.bill.pcb > #pcbNoteToggle{display:none !important}

/* ---------- 1. header: Ban + subline + 4 chip thao tac ban ---------- */
body.pc2 #sec-order .card.bill.pcb > #pcbHead{display:block !important;order:1;flex:1 1 150px;min-width:120px}
body.pc2 #sec-order .card.bill.pcb #pcbHead .pcbT{font-size:17px;font-weight:800;color:#101828;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pc2 #sec-order .card.bill.pcb #pcbHead .pcbS{font-size:12px;color:#667085;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pc2 #sec-order .card.bill.pcb > #v4TableActions{display:contents !important}
body.pc2 #sec-order .card.bill.pcb #v4TableActions > button{order:2;flex:0 0 auto !important;width:auto !important;min-width:0 !important;height:28px !important;min-height:28px !important;padding:0 10px !important;margin:0 !important;border-radius:999px !important;border:1px solid #DDE3EA !important;background:#fff !important;color:#344054 !important;font-size:12px !important;font-weight:600 !important;line-height:1 !important;box-shadow:none !important;white-space:nowrap}
body.pc2 #sec-order .card.bill.pcb #v4TableActions > button:hover{border-color:#185FA5 !important;color:#185FA5 !important;background:#F3F8FD !important}
body.pc2 #sec-order .card.bill.pcb #v4TableActions > button.danger{border-color:#F09595 !important;background:#FCEBEB !important;color:#A32D2D !important}

/* ---------- 2. 1 HANG: [Ma phieu ~200px + icon quet][ghi chu chung + 💾][ghi chu noi bo + 💾] - hep thi tu xuong dong ---------- */
body.pc2 #sec-order .card.bill.pcb #v4TableActions > #pcOrderTicketInput{order:3;flex:1 1 200px !important;min-width:150px !important;grid-column:auto !important;width:auto !important;height:36px !important;min-height:36px !important;margin:0 !important;padding:0 10px 0 32px !important;border:1px solid #DDE3EA !important;border-radius:10px !important;font-size:13px !important;font-weight:500 !important;color:#101828 !important;box-shadow:none !important;box-sizing:border-box !important;text-overflow:ellipsis;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2M7 12h10'/%3E%3C/svg%3E") no-repeat 10px 50% / 16px 16px !important}
body.pc2 #sec-order .card.bill.pcb #v4TableActions > #pcOrderTicketInput:focus{border-color:#185FA5 !important;background-color:#fff !important;outline:none !important}
body.pc2 #sec-order .card.bill.pcb > #v4TableNotes,
body.pc2 #sec-order .card.bill.pcb #v4TableNotes > .v4NotesRow{display:contents !important}
body.pc2 #sec-order .card.bill.pcb #v4TableNotes .v4NoteCell{order:4;flex:2 1 170px;min-width:140px;box-sizing:border-box;display:grid !important;grid-template-columns:minmax(0,1fr) 36px !important;gap:4px !important;position:relative}
body.pc2 #sec-order .card.bill.pcb #v4TableNotes .v4NoteInput{height:36px !important;min-height:36px !important;width:100% !important;min-width:0 !important;margin:0 !important;padding:0 10px !important;font-size:13px !important;border:1px solid #DDE3EA !important;border-radius:10px !important;box-sizing:border-box !important;text-overflow:ellipsis}
body.pc2 #sec-order .card.bill.pcb #v4TableNotes .v4NoteInput[data-pos-dirty="1"]{border-color:#EF9F27 !important;background:#FFFBF2 !important}
body.pc2 #sec-order .card.bill.pcb #v4TableNotes .v4NoteSaveInline{width:36px !important;min-width:36px !important;height:36px !important;min-height:36px !important;margin:0 !important;padding:0 !important;border-radius:10px !important;font-size:15px !important;line-height:1 !important}
body.pc2 #sec-order .card.bill.pcb #v4TableNotes .v4NotesChipRow{display:none !important}

/* ---------- 3. bo header bang + thanh thong ke ---------- */
body.pc2 #sec-order .card.bill.pcb > .billLines{order:6;border:0 !important;margin:0 !important}
body.pc2 #sec-order .card.bill.pcb > .mobileMenuSearchDock{order:7}
body.pc2 #sec-order .card.bill.pcb #billBody tr.mobile-bill-head,
body.pc2 #sec-order .card.bill.pcb #billBody tr.v5TotRow{display:none !important}

/* ---------- 4. dong mon gon ---------- */
body.pc2 #sec-order .card.bill.pcb #billBody tr.ui2-line{display:block !important;border:1px solid #E3E8EE !important;border-radius:12px !important;margin:0 0 6px !important;background:#fff !important;overflow:hidden !important}
body.pc2 #sec-order .card.bill.pcb #billBody tr.ui2-line td{display:block !important;border:0 !important;padding:0 !important}
/* 30/9 dot 6 (a Thinh): tro lai 1 HANG nhu cu: [ten + trang thai (flex:1)] [Giam] [Ghi chu] [Doi] [SL] [gia] [thanh tien] [✕]
   (thu tu DOM san co sau display:contents: tick, ten, nhom nut, Doi, SL, gia, tong, ✕). Chi xuong dong khi pane rat hep. */
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent){display:flex !important;flex-wrap:wrap !important;align-items:center !important;column-gap:6px !important;row-gap:6px !important;grid-template-columns:none !important;padding:7px 8px 7px 10px !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.v5-sent{box-shadow:none;background:#fff}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.v5-unsent{box-shadow:inset 3px 0 0 #f59e0b;background:#FFFBF2}
/* to nhe dong vua bam (khong bat buoc - nut luon hien) */
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.pcb-sel{background:#EEF5FC !important;box-shadow:inset 3px 0 0 #185FA5 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.split-pick{background:#fffbeb !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) :is(.v5BillNameCell,.v5QtyGroup,.v5LineTotalWrap){display:contents !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) > *{flex:0 0 auto}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5ComboTick{flex:0 0 auto}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5BillNameBtn{flex:1 1 110px !important;min-width:90px !important;width:auto !important;min-height:0 !important;height:auto !important;cursor:pointer;box-shadow:none !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillName{overflow:hidden;text-overflow:ellipsis}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillName{font-size:14px !important;font-weight:700 !important;color:#101828;line-height:1.25}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub{display:flex !important;flex-wrap:wrap;align-items:center;gap:0 6px;font-size:12px !important;color:#667085 !important;margin-top:2px;line-height:1.35}
/* gop "da gui" + "da in" thanh 1 dong mo co cham xanh */
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub .v5SentTag{order:-2;display:inline-flex !important;align-items:center;gap:5px;background:transparent !important;padding:0 !important;margin:0 !important;border-radius:0 !important;font-size:12px !important;font-weight:600 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub .v5SentTag::before{content:"";width:7px;height:7px;border-radius:50%;flex:0 0 auto}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub .v5SentYes{color:#1D9E75 !important;font-size:0 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub .v5SentYes::before{background:#1D9E75}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub .v5SentYes::after{content:"Đã gửi";font-size:12px}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub .v5SentNo{color:#B45309 !important;font-size:0 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub .v5SentNo::before{background:#f59e0b}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub .v5SentNo::after{content:"Chưa gửi";font-size:12px}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub > span[style]:not(.v5SentTag){order:-1;background:transparent !important;padding:0 !important;margin:0 !important;border-radius:0 !important;font-size:12px !important;font-weight:600 !important;color:#667085 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub > span[style]:not(.v5SentTag)::before{content:"· ";color:#98a2b3}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub > span[style][style*="#dcfce7"]:not(.v5SentTag){color:#1D9E75 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub > span[style][style*="#fee2e2"]:not(.v5SentTag){color:#A32D2D !important;font-weight:800 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub > span[style][style*="#fef3c7"]:not(.v5SentTag){color:#B45309 !important}
/* "Da gui"/"Chua gui" trung voi cham o tren -> an */
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub > span[style*="#dbeafe"],
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillSub > span[style*="#f1f5f9"]{display:none !important}
/* SL / don gia / thanh tien ben phai */
body.pc2 #sec-order .card.bill.pcb #billBody .v5QtyBtn{grid-area:qty;display:inline-flex !important;align-items:baseline;gap:3px;width:auto !important;min-width:0 !important;min-height:26px !important;height:26px !important;padding:0 9px !important;border-radius:999px !important;border:1px solid #DDE3EA !important;background:#F5F7FA !important;color:#101828 !important;font-size:13px !important;box-shadow:none !important;align-self:center;opacity:1 !important;white-space:nowrap}
body.pc2 #sec-order .card.bill.pcb #billBody .v5QtyBtn b{font-weight:700;line-height:24px}
body.pc2 #sec-order .card.bill.pcb #billBody .v5QtyBtn small{display:inline !important;font-size:11.5px !important;font-weight:500 !important;color:#667085 !important;text-transform:lowercase}
body.pc2 #sec-order .card.bill.pcb #billBody .v5QtyBtn:disabled{cursor:default}
body.pc2 #sec-order .card.bill.pcb #billBody .v5QtyBtn:not(:disabled):hover{border-color:#185FA5 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5UnitPrice{grid-area:price;display:inline-flex !important;align-items:center;width:auto !important;min-width:0 !important;min-height:26px !important;height:26px !important;padding:0 4px !important;border:0 !important;background:transparent !important;box-shadow:none !important;color:#667085 !important;font-size:12.5px !important;font-weight:500 !important;white-space:nowrap}
body.pc2 #sec-order .card.bill.pcb #billBody .v5UnitPrice b{font-weight:500 !important}
body.pc2 #sec-order .card.bill.pcb #billBody button.v5UnitPrice small{display:none !important}
body.pc2 #sec-order .card.bill.pcb #billBody button.v5UnitPrice b::after{content:"k"}
body.pc2 #sec-order .card.bill.pcb #billBody button.v5UnitPrice:hover{color:#185FA5 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5LineTotal{grid-area:total;min-width:64px;text-align:right;font-size:14px !important;font-weight:800 !important;color:#101828 !important;white-space:nowrap}
/* nut thao tac (Giam / Ghi chu / Doi / ✕): LUON HIEN, CUNG HANG voi ten (khong con hang 2) */
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5BillNameCell > :not(.v5BillNameBtn){flex:0 0 auto !important;display:inline-flex !important;flex-wrap:nowrap !important;align-items:center !important;margin:0 !important;gap:5px !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5ChangeBtn,
body.pc2 #sec-order .card.bill.pcb #billBody .v5CancelTiny{margin:0 !important;flex:0 0 auto}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:not(.split-pick) .v5ChangeBtn{display:inline-flex !important}
body.pc2:not(.pos-hide-item-cancel) #sec-order .card.bill.pcb #billBody .v5BillRow:not(.split-pick) .v5CancelTiny{display:inline-flex !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.split-pick :is(.v5ChangeBtn,.v5CancelTiny){display:none !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow :is(.v5InlineNote,.v5ChangeBtn,.v5CancelTiny){align-items:center;justify-content:center;height:24px !important;min-height:24px !important;min-width:0 !important;width:auto !important;padding:0 9px !important;margin-bottom:0 !important;border-radius:999px !important;font-size:12px !important;font-weight:600 !important;line-height:1 !important;box-shadow:none !important;white-space:nowrap}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow .v5InlineNote:not([style]),
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow .v5ChangeBtn{background:#F5F7FA !important;border:1px solid #DDE3EA !important;color:#344054 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow .v5InlineNote:not([style]):hover,
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow .v5ChangeBtn:not(:disabled):hover{border-color:#185FA5 !important;color:#185FA5 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow .v5ChangeBtn:disabled{opacity:.45}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow .v5CancelTiny{background:#fff !important;border:1px solid #F09595 !important;color:#A32D2D !important;font-size:0 !important;width:26px !important;min-width:26px !important;height:26px !important;min-height:26px !important;padding:0 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow .v5CancelTiny::after{content:"✕";font-size:12px;font-weight:700}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow .v5CancelTiny:not(:disabled):hover{background:#FCEBEB !important}

/* ---------- 3/10 (thang cot): dong mon = GRID cot co dinh dung chung moi dong (ghi de flex o tren) ----------
   [ten + trang thai 1fr] [Giam 56] [Ghi chu 66] [Doi 44] [SL 78 giua] [don gia 48 phai] [thanh tien 100 phai] [✕ 28]
   Moi o dat theo grid-area -> nut vang mat (khong quyen giam / an ✕ / che do Tach) van giu o, cot khong xo lech. */
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent){display:grid !important;grid-template-columns:minmax(0,1fr) 56px 66px 44px 78px 48px 100px 28px !important;grid-template-areas:"name disc note chg qty price total x" !important;column-gap:6px !important;row-gap:0 !important;align-items:center !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.v5-combo:is(.v5-sent,.v5-unsent){grid-template-columns:22px minmax(0,1fr) 56px 66px 44px 78px 48px 100px 28px !important;grid-template-areas:"tick name disc note chg qty price total x" !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5BillNameCell > .v5LineCtl{display:contents !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5ComboTick{grid-area:tick;justify-self:center;padding:0 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5BillNameBtn{grid-area:name;min-width:0 !important;flex:none !important;justify-self:stretch}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5BillName{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;word-break:break-word}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5DiscBtn{grid-area:disc}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5NoteBtn{grid-area:note}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5ChangeBtn{grid-area:chg}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) :is(.v5DiscBtn,.v5NoteBtn,.v5ChangeBtn){width:100% !important;max-width:100%;box-sizing:border-box;padding:0 4px !important;overflow:hidden}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5DiscBtn{font-size:11px !important;padding:0 2px !important}
/* che do Tach: nut Tach chiem 3 o Giam+Ghi chu+Doi; Doi/✕ an bang visibility (giu o) */
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5SplitPickBtn{grid-column:disc-start/chg-end;justify-self:stretch;justify-content:center;min-width:0 !important;height:26px !important;min-height:26px !important;padding:0 6px !important;border-radius:999px !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.split-pick:is(.v5-sent,.v5-unsent) :is(.v5ChangeBtn,.v5CancelTiny){display:inline-flex !important;visibility:hidden !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5QtyBtn{grid-area:qty;justify-self:center;max-width:100%;box-sizing:border-box;overflow:hidden;font-variant-numeric:tabular-nums}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5UnitPrice{grid-area:price;justify-self:end;justify-content:flex-end;max-width:100%;box-sizing:border-box;overflow:hidden;font-variant-numeric:tabular-nums}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5LineTotal{grid-area:total;min-width:0 !important;justify-self:stretch;text-align:right;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5CancelTiny{grid-area:x;justify-self:center}
/* pane hep: thu nho cot co dinh (van giu cot), ten tu co + 2 dong + "..." */
body.pc2 #sec-order .card.bill.pcb > .billLines{container-type:inline-size}
@container (max-width:540px){
  body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent){grid-template-columns:minmax(0,1fr) 50px 56px 38px 68px 40px 88px 26px !important;column-gap:4px !important;padding-left:8px !important;padding-right:6px !important}
  body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.v5-combo:is(.v5-sent,.v5-unsent){grid-template-columns:20px minmax(0,1fr) 50px 56px 38px 68px 40px 88px 26px !important}
  body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) :is(.v5NoteBtn,.v5ChangeBtn){font-size:11px !important;padding:0 2px !important}
  body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5DiscBtn{font-size:10.5px !important}
  body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5QtyBtn{padding:0 6px !important;font-size:12px !important}
  body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:is(.v5-sent,.v5-unsent) .v5LineTotal{font-size:13px !important}
}

/* ---------- 4/10 (in lai dong): mon LOI IN -> hang 2 trong cot ten: "⚠ LỖI IN · TRẠM" + nut do "↻ In lại".
   Them hang 2 vao grid; cac cot phai (disc..x) chiem ca 2 hang -> giu nguyen vi tri/canh giua, cot khong lech. */
body.pc2 #sec-order .card.bill.pcb #billBody tr.ui2-line:has(.v5BillRow.v5-printfail){border-color:#F09595 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.v5-printfail:is(.v5-sent,.v5-unsent){grid-template-areas:"name disc note chg qty price total x" "pfail disc note chg qty price total x" !important;background:#FFF7F7 !important;box-shadow:none !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.v5-combo.v5-printfail:is(.v5-sent,.v5-unsent){grid-template-areas:"tick name disc note chg qty price total x" "tick pfail disc note chg qty price total x" !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow.v5-printfail:is(.v5-sent,.v5-unsent) .v5BillNameCell > .v5PrintFail{grid-area:pfail !important;justify-self:start;display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:6px !important;margin:2px 0 0 !important;min-width:0}
body.pc2 #sec-order .card.bill.pcb #billBody .v5PrintFail .v5PrintFailTxt{font-size:12px !important;color:#A32D2D !important;font-weight:800 !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5PrintFail .v5ReprintBtn{display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;min-width:0 !important;height:26px !important;min-height:26px !important;padding:0 11px !important;margin:0 !important;border-radius:999px !important;border:1px solid #E24B4A !important;background:#E24B4A !important;color:#fff !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;box-shadow:none !important;white-space:nowrap}
body.pc2 #sec-order .card.bill.pcb #billBody .v5PrintFail .v5ReprintBtn:not(:disabled):hover{background:#A32D2D !important;border-color:#A32D2D !important}
body.pc2 #sec-order .card.bill.pcb #billBody .v5PrintFail .v5ReprintBtn:disabled{opacity:.7;cursor:default}

/* ---------- 30/9: cham trang thai "Da len" dau ten mon (pc_bill.js decorateServe) ---------- */
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillName .pcbSv{display:inline-block;vertical-align:-2px;width:14px;height:14px;margin-right:6px;border-radius:50%;box-sizing:border-box;flex:0 0 auto}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillName .pcbSv-ok{background:#1D9E75 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") no-repeat center / 11px 11px}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillName .pcbSv-wait{border:1.5px dashed #98A2B3;background:transparent}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillName .pcbSv-late{background:#EF9F27;box-shadow:0 0 0 3px #FAEEDA}
body.pc2 #sec-order .card.bill.pcb #billBody .v5BillRow:has(.pcbSv-late){background:#FFFBF2}

/* ---------- 30/9: 1 dong nhac cua ban dang mo (dau phieu) ---------- */
body.pc2 #sec-order .card.bill.pcb > #pcbRemind.on{display:flex !important;order:0;flex:0 0 100%;align-items:center;gap:6px;padding:5px 10px;border-radius:10px;background:#FAEEDA;color:#633806;font-size:12.5px;font-weight:600;line-height:1.3;min-width:0}
body.pc2 #sec-order .card.bill.pcb > #pcbRemind.on.red{background:#FCEBEB;color:#791F1F}
body.pc2 #sec-order .card.bill.pcb #pcbRemind .pcbRI{display:flex;flex:0 0 auto}
body.pc2 #sec-order .card.bill.pcb #pcbRemind .pcbRT{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- 6. tong ---------- */
body.pc2 #sec-order .card.bill.pcb > .sum{order:8;display:grid !important;gap:2px !important;margin:0 !important;padding:8px 12px 10px !important;border:1px solid #E3E8EE;border-radius:12px;background:#fff}
body.pc2 #sec-order .card.bill.pcb .sum .sumRow{display:flex !important;align-items:center;justify-content:space-between;gap:10px;min-height:30px;font-size:13.5px !important;color:#475467}
body.pc2 #sec-order .card.bill.pcb .sum .sumRow b{color:#101828 !important;font-weight:600}
body.pc2 #sec-order .card.bill.pcb .sum #discountMode,
body.pc2 #sec-order .card.bill.pcb .sum #discountInput{height:30px !important;min-height:30px !important;padding:2px 8px !important;font-size:13px !important;border:1px solid #DDE3EA !important;border-radius:8px !important;box-shadow:none !important;max-width:170px}
body.pc2 #sec-order .card.bill.pcb .sum #discountInput{max-width:120px !important}
body.pc2 #sec-order .card.bill.pcb .sum:has(#discountMode option[value="none"]:checked) .sumRow:has(#discountInput){display:none !important}
body.pc2 #sec-order .card.bill.pcb .sum .sumRow:has(#taxReduction) > span{display:flex !important;align-items:center;gap:8px}
body.pc2 #sec-order .card.bill.pcb .sum .sumRow:has(#taxReduction) label.pill{order:2;display:inline-flex !important;align-items:center;gap:4px;font-size:11px !important;padding:1px 8px !important;border:1px solid #DDE3EA !important;border-radius:999px !important;background:#F5F7FA !important;color:#667085 !important;font-weight:500 !important}
body.pc2 #sec-order .card.bill.pcb .sum .sumRow:has(#taxReduction) label.pill input{width:12px;height:12px;margin:0}
body.pc2 #sec-order .card.bill.pcb .sum .sumRow.grand{border-top:1px dashed #DDE3EA;margin-top:6px;padding-top:10px;min-height:0}
body.pc2 #sec-order .card.bill.pcb .sum .sumRow.grand > span:first-child{font-size:14px !important;font-weight:700 !important;color:#101828 !important}
body.pc2 #sec-order .card.bill.pcb .sum #grandTotal{font-size:24px !important;font-weight:800 !important;color:#185FA5 !important;letter-spacing:-.3px}
body.pc2 #sec-order .card.bill.pcb .sum > .muted{display:none !important}
body.pc2 #sec-order .card.bill.pcb .sum > #pcbSplit{display:flex !important;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;color:#667085}
body.pc2 #sec-order .card.bill.pcb #pcbSplit .pcbSpLbl{margin-right:auto;font-weight:600}
body.pc2 #sec-order .card.bill.pcb #pcbSplit button{width:32px !important;min-width:32px !important;height:28px !important;min-height:28px !important;padding:0 !important;margin:0 !important;border-radius:999px !important;border:1px solid #DDE3EA !important;background:#F5F7FA !important;color:#344054 !important;font-size:13px !important;font-weight:700 !important;box-shadow:none !important}
body.pc2 #sec-order .card.bill.pcb #pcbSplit button:hover{border-color:#185FA5 !important;color:#185FA5 !important}

/* ---------- 8. Dat cho / Combo nho ---------- */
body.pc2 #sec-order .card.bill.pcb > #comboNameRow{order:9;margin:0 !important}
body.pc2 #sec-order .card.bill.pcb #comboNameRow > label.pill{font-size:12px !important;padding:2px 10px !important;border:1px solid #DDE3EA !important;border-radius:999px !important;background:#F5F7FA !important;color:#475467 !important;font-weight:500 !important;gap:5px !important}
body.pc2 #sec-order .card.bill.pcb #comboNameRow > label.pill input{width:12px;height:12px;margin:0}

/* ---------- 7. nut cuoi: 1 hang O WIDGET nho (icon tren, chu ngan duoi) + Thanh toan full ngang (48px) ----------
   FIX tran mep: truoc la grid 1fr 1fr -> chu nowrap "Thanh toan · so tien" dan rong cot vuot the. Nay flex + min-width:0 + border-box. */
body.pc2 #sec-order .card.bill.pcb > .orderButtons{order:10;display:flex !important;flex-wrap:wrap !important;align-items:stretch !important;gap:6px !important;grid-template-columns:none !important;margin:0 !important;position:sticky;bottom:0;z-index:5;background:#FAFBFC !important;border:0 !important;border-top:1px solid #E3E8EE !important;border-radius:0 !important;box-shadow:none !important;padding:8px 0 2px !important;overflow:hidden}
body.pc2 #sec-order .card.bill.pcb > #serviceCheckPrinterWrap{order:11}
body.pc2 #sec-order .card.bill.pcb .orderButtons button:not(.hidden){display:flex !important;flex:1 1 0 !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:3px !important;grid-column:auto !important;
  min-width:0 !important;max-width:none !important;width:auto !important;height:54px !important;min-height:54px !important;padding:5px 4px !important;margin:0 !important;box-sizing:border-box !important;overflow:hidden !important;
  border-radius:12px !important;border:1px solid #DDE3EA !important;background:#fff !important;color:#344054 !important;font-size:11.5px !important;font-weight:600 !important;line-height:1.15 !important;box-shadow:none !important;white-space:nowrap}
body.pc2 #sec-order .card.bill.pcb .orderButtons button:not(.hidden) > span:last-child{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.pc2 #sec-order .card.bill.pcb .orderButtons button:not(.hidden):not(:disabled):hover{border-color:#8fa2ba !important;background:#F5F7FA !important}
body.pc2 #sec-order .card.bill.pcb .orderButtons .btnIco{height:auto !important;display:inline-flex !important;flex:0 0 auto}
body.pc2 #sec-order .card.bill.pcb .orderButtons .btnIco svg{width:18px !important;height:18px !important}
body.pc2 #sec-order .card.bill.pcb #btnPrintCheckItems{order:1}
body.pc2 #sec-order .card.bill.pcb #btnPrintTempBill{order:2}
body.pc2 #sec-order .card.bill.pcb #btnSeafoodQr{order:3}
body.pc2 #sec-order .card.bill.pcb #sendKitchenBtn{order:4}
body.pc2 #sec-order .card.bill.pcb #btnCancelTable{order:5}
body.pc2 #sec-order .card.bill.pcb .orderButtons #sendKitchenBtn:not(.hidden){background:#1D9E75 !important;border-color:#1D9E75 !important;color:#fff !important;font-weight:700 !important}
body.pc2 #sec-order .card.bill.pcb .orderButtons #sendKitchenBtn:not(.hidden):not(:disabled):hover{background:#0F6E56 !important;border-color:#0F6E56 !important}
body.pc2 #sec-order .card.bill.pcb .orderButtons #btnCancelTable:not(.hidden){background:#FCEBEB !important;border-color:#F09595 !important;color:#A32D2D !important}
body.pc2 #sec-order .card.bill.pcb .orderButtons #btnCancelTable:not(.hidden):not(:disabled):hover{background:#F9DCDC !important}
body.pc2 #sec-order .card.bill.pcb .orderButtons #btnCheckout:not(.hidden){order:9;flex:0 0 100% !important;width:100% !important;max-width:100% !important;flex-direction:row !important;gap:8px !important;height:48px !important;min-height:48px !important;padding:0 14px !important;margin:0 !important;box-sizing:border-box !important;
  background:#185FA5 !important;border-color:#185FA5 !important;color:#fff !important;font-size:15px !important;font-weight:700 !important;border-radius:12px !important}
body.pc2 #sec-order .card.bill.pcb .orderButtons #btnCheckout:not(.hidden) > span:last-child{flex:0 1 auto;min-width:0}
body.pc2 #sec-order .card.bill.pcb .orderButtons #btnCheckout:not(.hidden):not(:disabled):hover{background:#0C447C !important;border-color:#0C447C !important}
body.pc2 #sec-order .card.bill.pcb #btnCheckout .pcbPayAmt{display:inline !important;font-weight:800;white-space:nowrap;flex:0 0 auto}
body.pc2 #sec-order .card.bill.pcb .orderButtons button:disabled{opacity:.55}

/* =====================================================================
   HOP TACH MON (#modalHost .splitBillModal - app_split_bill.js) + TACH BAN (.splitWorkflowModal - app_checkout.js, nam ngoai #modalHost)
   -> cung kieu hop Thanh toan: bo goc 16px, dau hop trang + vien duoi, than nen trang nga, chan: nut phu trai / nut chinh phai. CHI CSS.
   ===================================================================== */
body.pc2 #modalHost .paymentModalBox{border-radius:16px !important}
body.pc2 .splitWorkflowMask{background:rgba(0,0,0,.32) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
body.pc2 :is(#modalHost .splitBillModal,.splitWorkflowModal){padding:0 !important;border:1px solid #d3d9e1 !important;border-radius:16px !important;background:#FAFBFC !important;box-shadow:0 20px 60px rgba(0,0,0,.22) !important;
  font-family:inherit !important;color:#15181d}
body.pc2 #modalHost .splitBillModal{overflow:hidden !important}
body.pc2 :is(#modalHost .splitBillModal,.splitWorkflowModal) button{font-family:inherit !important}
/* dau hop */
body.pc2 #modalHost .splitBillModal > .title{margin:0 !important;padding:14px 18px 4px !important;background:#fff;font-size:17px !important;font-weight:700 !important;color:#15181d !important}
body.pc2 #modalHost .splitBillModal > .title .muted{font-size:13px;font-weight:500;color:#5f6673}
body.pc2 #modalHost .splitBillModal > .title + .muted{margin:0 !important;padding:0 18px 12px !important;background:#fff;border-bottom:1px solid #E6EAF0;font-size:12.5px !important;color:#5f6673 !important}
body.pc2 .splitWorkflowModal .splitWorkflowTitleBar{min-height:0 !important;padding:14px 18px 12px !important;background:#fff !important;color:#15181d !important;border-bottom:1px solid #E6EAF0}
body.pc2 .splitWorkflowModal .splitWorkflowTitleBar .title{font-size:17px !important;font-weight:700 !important;color:#15181d !important}
body.pc2 .splitWorkflowModal .splitWorkflowTitleBar .muted{font-size:12.5px !important;color:#5f6673 !important}
body.pc2 .splitWorkflowModal .splitWorkflowTitleBar .muted b{color:#15181d}
body.pc2 .splitWorkflowModal #splitWorkflowCancel{min-width:0 !important;height:34px !important;min-height:34px !important;padding:0 14px !important;border-radius:10px !important;background:#fff !important;color:#15181d !important;border:1px solid #DDE3EA !important;box-shadow:none !important;font-size:13px !important;font-weight:600 !important}
/* than hop */
body.pc2 #modalHost .splitBillModal .splitBillGrid{padding:12px 18px !important;gap:10px !important;background:#FAFBFC}
body.pc2 #modalHost .splitBillModal .splitBillColBody{background:#FAFBFC}
body.pc2 #modalHost .splitBillModal .splitBillLine{border:1px solid #E3E8EE !important;border-radius:10px !important;background:#fff !important}
body.pc2 #modalHost .splitBillModal .splitBillColTotal{background:#F5F7FA !important;border-top:1px solid #E6EAF0 !important}
body.pc2 .splitWorkflowModal .splitWorkflowGrid{border-bottom:1px solid #E6EAF0 !important;background:#FAFBFC}
body.pc2 .splitWorkflowModal .splitWorkflowPane{background:#FAFBFC !important}
body.pc2 .splitWorkflowModal .splitWorkflowLeftPanel{border-right:1px solid #E6EAF0 !important}
body.pc2 .splitWorkflowModal .splitWorkflowPanelHeader{background:#F2F4F7 !important;color:#5f6673 !important;font-weight:600 !important;font-size:13px;border-bottom:1px solid #E6EAF0 !important}
body.pc2 .splitWorkflowModal .splitWorkflowSourceRow{background:#fff !important;border-bottom:1px solid #EEF1F5 !important}
body.pc2 .splitWorkflowModal .splitWorkflowSourceRow.is-selected{background:#E6F1FB !important}
body.pc2 .splitWorkflowModal :is(.splitWorkflowQtyText,.splitWorkflowMoneyText,.splitWorkflowTargetMoney){font-weight:700 !important}
body.pc2 .splitWorkflowModal .splitWorkflowMoveBtn{border-radius:10px !important;border:1px solid #85B7EB !important;background:#E6F1FB !important;color:#185FA5 !important;font-size:20px !important;box-shadow:none !important}
body.pc2 .splitWorkflowModal .splitWorkflowMoveBtn:hover{background:#D3E6F8 !important}
body.pc2 .splitWorkflowModal .splitWorkflowTargetTop select{height:38px;border:1px solid #DDE3EA !important;border-radius:10px !important;background:#fff !important;padding:0 10px}
body.pc2 .splitWorkflowModal .splitWorkflowTargetRow{border:1px solid #CFE1F5 !important;background:#fff !important;border-radius:12px !important}
body.pc2 .splitWorkflowModal .splitWorkflowTargetQty{border:1px solid #DDE3EA !important;border-radius:10px !important}
body.pc2 .splitWorkflowModal .splitWorkflowRemoveBtn{border-radius:10px !important;border:1px solid #F09595 !important;background:#FCEBEB !important;color:#A32D2D !important;box-shadow:none !important}
body.pc2 .splitWorkflowModal .splitWorkflowEmpty{border-radius:12px !important;background:#fff !important}
body.pc2 .splitWorkflowModal .splitWorkflowWarn{color:#A32D2D !important;font-weight:700 !important}
/* chan hop: nut phu ben trai, nut chinh (Xong / Dong y) ben phai */
body.pc2 :is(#modalHost .splitBillModal,.splitWorkflowModal) > .modalActions{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;grid-template-columns:none !important;
  margin:0 !important;padding:12px 18px !important;background:#fff !important;border-top:1px solid #E6EAF0 !important;position:sticky;bottom:0;z-index:1}
body.pc2 :is(#modalHost .splitBillModal,.splitWorkflowModal) > .modalActions button{flex:0 0 auto !important;width:auto !important;min-width:96px !important;height:42px !important;min-height:42px !important;padding:0 16px !important;margin:0 !important;
  border-radius:10px !important;font-size:14px !important;font-weight:600 !important;box-shadow:none !important;background-image:none !important}
body.pc2 :is(#modalHost .splitBillModal,.splitWorkflowModal) > .modalActions button:not(.primary){background:#fff !important;color:#15181d !important;border:1px solid #DDE3EA !important}
body.pc2 :is(#modalHost .splitBillModal,.splitWorkflowModal) > .modalActions button:not(.primary):hover{background:#F5F7FA !important;border-color:#8fa2ba !important}
body.pc2 :is(#modalHost .splitBillModal,.splitWorkflowModal) > .modalActions button.primary{margin-left:auto !important;min-width:140px !important;background:#185FA5 !important;color:#fff !important;border:0 !important;font-weight:700 !important}
body.pc2 :is(#modalHost .splitBillModal,.splitWorkflowModal) > .modalActions button.primary:hover{background:#0C447C !important}