@charset "UTF-8";
/* ============================================================================
   PC SCREENS (a Thinh duyet): Thu chi · Tong quan · Nhan vien · QR mon · Hop thoai Thanh toan.
   LOP HIEN THI THUAN — nap SAU pc_v2.css. Moi luat co tien to body.pc2.
   Phan tu do pc_screens.js chen them (tab, nut Chot ca dinh, nut Them NV, bo loc, man mo) mac dinh AN,
   chi hien khi body.pc2 -> thoat che do PC la ve dung man cu.
   Khung phai hep (~380-600px) = mac dinh; body.pc2-max = bung rong.
   ============================================================================ */
#pcsCashTabs,#pcsCashShift,#pcsStaffBackdrop,#pcsStaffAdd,#pcsStaffPills,.pcs-dr-x{display:none}

/* ---------- HIEU UNG VAO MAN (JS gan .pcs-in ~320ms khi pos:sectionchange) ---------- */
@keyframes pcsIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
body.pc2 #appView > .section.pcs-in{animation:pcsIn .22s cubic-bezier(.2,.8,.2,1) backwards}

/* =====================================================================
   F1. THU CHI (#sec-cash)
   ===================================================================== */
/* --- Hero "Quy tien mat" (giu nguyen #cashFundBar, chi doi hien thi) --- */
body.pc2 #appView #sec-cash #cashFundBar{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;margin-bottom:10px !important}
body.pc2 #appView #sec-cash #cashFundBar .fundCard.main{grid-column:1/-1 !important;background:#0F6E56 !important;border:1px solid #0F6E56 !important;border-radius:14px !important;padding:14px 16px !important}
body.pc2 #appView #sec-cash #cashFundBar .fundCard.main::before{content:"Qu\1EF9  ti\1EC1n m\1EB7t";display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9FE1CB;margin-bottom:2px}
body.pc2 #appView #sec-cash #cashFundBar .fundCard.main .l{color:#E1F5EE !important;font-size:12.5px !important;font-weight:600 !important}
body.pc2 #appView #sec-cash #cashFundBar .fundCard.main .v{color:#fff !important;font-size:34px !important;font-weight:800 !important;line-height:1.1 !important;margin:4px 0 2px !important;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
body.pc2 #appView #sec-cash #cashFundBar .fundCard.main .sub{color:#B5E6D3 !important;font-size:11.5px !important;line-height:1.4;margin-top:2px !important}
body.pc2 #appView #sec-cash #cashFundBar .fundCard:not(.main){padding:8px 10px !important;border-radius:12px !important}
body.pc2 #appView #sec-cash #cashFundBar .fundCard:not(.main) .l{font-size:11.5px !important;color:var(--mut) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pc2 #appView #sec-cash #cashFundBar .fundCard:not(.main) .v{font-size:15.5px !important;font-weight:800 !important;font-variant-numeric:tabular-nums}
body.pc2 #appView #sec-cash #cashFundBar .fundCard.in .v{color:#0F6E56 !important}
body.pc2 #appView #sec-cash #cashFundBar .fundCard.out .v{color:#A32D2D !important}
body.pc2.pc2-max #appView #sec-cash #cashFundBar{grid-template-columns:1.6fr 1fr 1fr 1fr !important}
body.pc2.pc2-max #appView #sec-cash #cashFundBar .fundCard.main{grid-column:auto !important}

/* --- Thanh tab (pill) --- */
body.pc2 #pcsCashTabs{display:flex;gap:4px;padding:4px;margin:0 0 10px;background:var(--card,#fff);border:1px solid var(--line);border-radius:999px}
body.pc2 #appView #pcsCashTabs .pcs-tab{all:unset;box-sizing:border-box;flex:1 1 0;min-width:0;text-align:center;padding:8px 10px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--mut);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}
body.pc2 #appView #pcsCashTabs .pcs-tab:hover{background:#f2f4f7;color:var(--ink)}
body.pc2 #appView #pcsCashTabs .pcs-tab.on{background:var(--sc);color:#fff}
body.pc2 #appView #pcsCashTabs .pcs-tab:focus-visible{outline:2px solid #185FA5;outline-offset:1px}
body.pc2.pc2-max #pcsCashTabs{display:none}

/* --- Moi luc 1 khu (chi khung hep; bung rong -> hien het, 2 cot nho .grid2 cua pc_v2) --- */
body.pc2:not(.pc2-max) #sec-cash.pcs-t-form [data-pcs-a="list"],
body.pc2:not(.pc2-max) #sec-cash.pcs-t-form [data-pcs-a="bills"],
body.pc2:not(.pc2-max) #sec-cash.pcs-t-list [data-pcs-a="form"],
body.pc2:not(.pc2-max) #sec-cash.pcs-t-list [data-pcs-a="bills"],
body.pc2:not(.pc2-max) #sec-cash.pcs-t-bills [data-pcs-card]{display:none !important}
body.pc2:not(.pc2-max) #appView #sec-cash.pcs-t-list .billLines[data-pcs-a="list"]{max-height:none !important}
body.pc2:not(.pc2-max) #appView #sec-cash.pcs-t-bills .billLines{max-height:none !important}
body.pc2 #appView #sec-cash [data-pcs-a="list"]#cashListTitle{margin-top:0 !important}

/* --- Nut Chot ca dinh day (goi nut goc -> closeShift) --- */
body.pc2 #pcsCashShift{display:block;position:sticky;bottom:10px;z-index:5;margin-top:12px;pointer-events:none}
body.pc2 #appView #pcsCashShift .pcs-shift{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin:0;padding:0 16px;box-sizing:border-box;
  border:0 !important;border-radius:12px !important;background:#1D9E75 !important;background-image:none !important;color:#fff !important;font-size:16px !important;font-weight:700 !important;box-shadow:none !important;cursor:pointer}
body.pc2 #appView #pcsCashShift .pcs-shift:hover{background:#0F6E56 !important}
body.pc2 #appView #pcsCashShift .pcs-shift:focus-visible{outline:2px solid #0F6E56;outline-offset:2px}

/* =====================================================================
   F2. TONG QUAN (#sec-dashboard)
   ===================================================================== */
/* bot nhieu: an doan giai thich dai (chi .notice tinh con truc tiep cua the; thong bao LOI trong #dashboardOverviewMount van hien) */
body.pc2 #appView #sec-dashboard .card > .notice{display:none !important}

/* Doanh thu (hero) = the vang nhat */
body.pc2 #appView #sec-dashboard .mHero{background:#FAEEDA !important;background-image:none !important;border:1px solid #F0D5A8 !important;color:#854F0B !important}
body.pc2 #appView #sec-dashboard .mHero .mHeroLb{color:#854F0B !important;font-weight:700 !important}
body.pc2 #appView #sec-dashboard .mHero .mHeroBig{color:#854F0B !important;font-weight:800 !important;font-variant-numeric:tabular-nums}
body.pc2 #appView #sec-dashboard .mHero .mHeroSub{color:var(--mut) !important;font-weight:600 !important}
body.pc2 #appView #sec-dashboard .mHero .mHeroPay{background:#fff !important;border:1px solid #F0D5A8 !important;border-radius:10px !important}
body.pc2 #appView #sec-dashboard .mHero .mHeroPay .l{color:var(--mut) !important}
body.pc2 #appView #sec-dashboard .mHero .mHeroPay .v{color:var(--ink) !important;font-variant-numeric:tabular-nums}

/* O thanh toan: TM xanh la · CK xanh duong · The tim · Giam gia vang (thu tu co dinh cua app_manager_overview.js) */
body.pc2 #appView #sec-dashboard .mPayGrid > .mPayTile:nth-child(4n+1){background:#E1F5EE !important;border-color:#9FE1CB !important}
body.pc2 #appView #sec-dashboard .mPayGrid > .mPayTile:nth-child(4n+2){background:#E6F1FB !important;border-color:#B5D4F4 !important}
body.pc2 #appView #sec-dashboard .mPayGrid > .mPayTile:nth-child(4n+3){background:#EEEDFE !important;border-color:#CECBF6 !important}
body.pc2 #appView #sec-dashboard .mPayGrid > .mPayTile:nth-child(4n+4){background:#FAEEDA !important;border-color:#F0D5A8 !important}
body.pc2 #appView #sec-dashboard .mPayGrid > .mPayTile .mPayVal{color:var(--ink) !important;font-variant-numeric:tabular-nums}

/* The KPI (neu co render .mKpi): vang/xanh duong/do/xanh la theo thu tu, uu tien theo data-kind */
body.pc2 #appView #sec-dashboard .mKpiRow > .mKpi:nth-child(4n+1){background:#FAEEDA !important;border-color:#F0D5A8 !important}
body.pc2 #appView #sec-dashboard .mKpiRow > .mKpi:nth-child(4n+2){background:#E6F1FB !important;border-color:#B5D4F4 !important}
body.pc2 #appView #sec-dashboard .mKpiRow > .mKpi:nth-child(4n+3){background:#FCEBEB !important;border-color:#F09595 !important}
body.pc2 #appView #sec-dashboard .mKpiRow > .mKpi:nth-child(4n+4){background:#E1F5EE !important;border-color:#9FE1CB !important}
body.pc2 #appView #sec-dashboard .mKpiRow > .mKpi:is([data-kind="revenue"],[data-kind="estimated"]){background:#FAEEDA !important;border-color:#F0D5A8 !important}
body.pc2 #appView #sec-dashboard .mKpiRow > .mKpi[data-kind="bills"]{background:#E6F1FB !important;border-color:#B5D4F4 !important}
body.pc2 #appView #sec-dashboard .mKpiRow > .mKpi:is([data-kind="edits"],[data-kind="print_failures"]){background:#FCEBEB !important;border-color:#F09595 !important}
body.pc2 #appView #sec-dashboard .mKpiRow > .mKpi[data-kind="in_progress"]{background:#E1F5EE !important;border-color:#9FE1CB !important}

/* Tinh trang ban (ban dang mo) = xanh la nhat */
body.pc2 #appView #sec-dashboard .mCard:has(.mDonutWrap){background:#E1F5EE !important;border-color:#9FE1CB !important}

/* Chip canh bao: to mau theo noi dung (JS gan data-pcs-tone) */
body.pc2 #appView #sec-dashboard .mAlertChip[data-pcs-tone="red"]{background:#FCEBEB !important;border-color:#F09595 !important;color:#A32D2D}
body.pc2 #appView #sec-dashboard .mAlertChip[data-pcs-tone="amber"]{background:#FAEEDA !important;border-color:#F0D5A8 !important;color:#854F0B}
body.pc2 #appView #sec-dashboard .mAlertChip[data-pcs-tone="blue"]{background:#E6F1FB !important;border-color:#B5D4F4 !important;color:#185FA5}
body.pc2 #appView #sec-dashboard .mAlertChip[data-pcs-tone="green"]{background:#E1F5EE !important;border-color:#9FE1CB !important;color:#0F6E56}

/* The thu gon: bam tieu de de mo / dong */
body.pc2 #appView #sec-dashboard .card[data-pcs-coll] > .title:first-child{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;-webkit-user-select:none;margin:0 !important;border-radius:8px}
body.pc2 #appView #sec-dashboard .card[data-pcs-coll] > .title:first-child::after{content:"";flex:0 0 auto;width:8px;height:8px;margin:0 4px 0 auto;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
body.pc2 #appView #sec-dashboard .card[data-pcs-coll].pcs-col > .title:first-child::after{transform:rotate(-45deg)}
body.pc2 #appView #sec-dashboard .card[data-pcs-coll] > .title:first-child:focus-visible{outline:2px solid #185FA5;outline-offset:2px}
body.pc2 #appView #sec-dashboard .card[data-pcs-coll]:not(.pcs-col) > .title:first-child{margin-bottom:8px !important}
body.pc2 #appView #sec-dashboard .card[data-pcs-coll].pcs-col > :not(:first-child){display:none !important}

/* =====================================================================
   F4. NHAN VIEN (#sec-staff): danh sach truoc, form = ngan keo ben phai
   ===================================================================== */
body.pc2 #appView #sec-staff > .grid2,body.pc2.pc2-max #appView #sec-staff > .grid2{grid-template-columns:minmax(0,1fr) !important}
body.pc2 #appView #sec-staff .card[data-pcs-list]{order:-1}
body.pc2 #appView #sec-staff #pcsStaffAdd{display:inline-flex;align-items:center;gap:6px;margin-left:auto;min-height:38px !important;padding:0 16px !important;border-radius:999px !important;font-size:14px !important;font-weight:700 !important;white-space:nowrap}

/* bo loc vai tro */
body.pc2 #pcsStaffPills{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
body.pc2 #appView #pcsStaffPills .pcs-pill{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
body.pc2 #appView #pcsStaffPills .pcs-pill small{font-size:11.5px;font-weight:700;color:var(--mut)}
body.pc2 #appView #pcsStaffPills .pcs-pill:hover{background:#f2f4f7}
body.pc2 #appView #pcsStaffPills .pcs-pill.on{background:#185FA5;border-color:#185FA5;color:#fff}
body.pc2 #appView #pcsStaffPills .pcs-pill.on small{color:#E6F1FB}
body.pc2 #appView #pcsStaffPills .pcs-pill:focus-visible{outline:2px solid #185FA5;outline-offset:2px}
body.pc2 #appView #usersBody > tr[data-pcs-hide]{display:none !important}

/* ngan keo (the "Thong tin nhan vien") — z 61: tren dock (50), duoi hop thoai (#modalHost 70, #posDlgLayer 100100) */
body.pc2 #appView #sec-staff .card[data-pcs-drawer]{position:fixed !important;top:8px;right:8px;bottom:8px;left:auto;width:min(420px,92vw);max-width:none;z-index:61;margin:0 !important;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;
  padding:16px 16px 20px !important;border-radius:14px !important;transform:translateX(calc(100% + 16px));visibility:hidden;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s}
body.pc2 #appView #sec-staff.pcs-dr-open .card[data-pcs-drawer]{transform:none;visibility:visible;transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s}
body.pc2 #appView #sec-staff .card[data-pcs-drawer] > .title{padding-right:44px;margin-bottom:12px !important}
body.pc2 #appView #sec-staff .card[data-pcs-drawer] .formRow{grid-template-columns:minmax(0,1fr) !important}
body.pc2 #appView #sec-staff .card[data-pcs-drawer] .filters button{min-height:42px;flex:1 1 140px}
body.pc2 #appView #sec-staff .card[data-pcs-drawer] .pcs-dr-x{all:unset;box-sizing:border-box;position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);
  display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;cursor:pointer}
body.pc2 #appView #sec-staff .card[data-pcs-drawer] .pcs-dr-x:hover{background:#f2f4f7}
body.pc2 #appView #sec-staff .card[data-pcs-drawer] .pcs-dr-x:focus-visible{outline:2px solid #185FA5;outline-offset:2px}
body.pc2 #pcsStaffBackdrop{display:block;position:fixed;inset:0;z-index:60;background:rgba(21,24,29,.28);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}
body.pc2 #sec-staff.pcs-dr-open #pcsStaffBackdrop{opacity:1;visibility:visible;transition:opacity .2s,visibility 0s}
body.pc2 #sec-staff.hidden #pcsStaffBackdrop{display:none}

/* =====================================================================
   F5. QR MON (#sec-itemqr)
   ===================================================================== */
/* form tao gon */
body.pc2 #appView #sec-itemqr > .grid2 > .card:first-child > .notice{display:none !important}
body.pc2 #appView #sec-itemqr > .grid2 > .card:first-child .formRow{display:flex !important;flex-wrap:wrap !important;gap:8px !important}
body.pc2 #appView #sec-itemqr > .grid2 > .card:first-child .formRow > input{flex:1 1 100% !important;min-width:0}
body.pc2 #appView #sec-itemqr > .grid2 > .card:first-child .formRow > button{flex:1 1 auto;min-height:40px}
body.pc2 #appView #sec-itemqr > .grid2 > .card:first-child .filters{margin-top:8px !important}

/* bang QR mon -> luoi the */
body.pc2 #appView #sec-itemqr .billLines:has(#itemQrBody){max-height:none !important;overflow:visible !important;border:0 !important;border-radius:0 !important}
body.pc2 #appView #sec-itemqr table:has(> #itemQrBody){display:block;width:100%}
body.pc2 #appView #sec-itemqr table:has(> #itemQrBody) > thead{display:none}
body.pc2 #appView #itemQrBody{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
body.pc2 #appView #itemQrBody > tr{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px}
body.pc2 #appView #itemQrBody > tr:hover{border-color:#8fa2ba}
body.pc2 #appView #itemQrBody > tr > td{display:block;padding:0 !important;border:0 !important;min-width:0;font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}
body.pc2 #appView #itemQrBody > tr > td:first-child:not([colspan]){display:flex;justify-content:center;padding:2px 0 6px !important;border-bottom:1px solid var(--line2) !important;margin-bottom:2px}
body.pc2 #appView #itemQrBody .itemQrMini img{width:104px;height:104px;display:block}
body.pc2 #appView #itemQrBody .itemQrName{font-size:14px;font-weight:700;line-height:1.3;color:var(--ink)}
body.pc2 #appView #itemQrBody > tr > td:nth-child(3) > b{color:#185FA5;font-size:12.5px}
body.pc2 #appView #itemQrBody .itemQrPayload{font-size:11px;color:var(--mut)}
body.pc2 #appView #itemQrBody > tr > td:nth-child(4){color:var(--mut);font-size:12px}
body.pc2 #appView #itemQrBody > tr:has(> td[colspan]){grid-column:1/-1;background:#f8fafc;border-style:dashed}
body.pc2.pc2-max #appView #itemQrBody{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}

/* QR ban: chip */
body.pc2 #appView #guestTableQrList{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px !important;max-height:320px !important;padding:2px}
body.pc2 #appView #guestTableQrList > label{justify-content:center;border:1px solid var(--line) !important;border-radius:999px !important;padding:7px 10px !important;background:#fff;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap}
body.pc2 #appView #guestTableQrList > label:hover{border-color:#8fa2ba !important}
body.pc2 #appView #guestTableQrList > label:has(input:checked){background:#E6F1FB;border-color:#185FA5 !important;color:#185FA5}
body.pc2 #appView #guestTableQrList > label input{margin:0;accent-color:#185FA5}
body.pc2 #appView #guestTableQrList > :not(label){grid-column:1/-1}

/* =====================================================================
   F6. HOP THOAI THANH TOAN (#modalHost .paymentModalBox — app_payment_modal.js). CHI CSS.
   ===================================================================== */
/* so CAN THU rat lon, giua, tren cung */
body.pc2 #modalHost .paymentModalSummary{display:flex !important;flex-direction:column;padding:12px 14px !important}
body.pc2 #modalHost .paymentModalSummaryRow{font-size:13px;color:var(--mut)}
body.pc2 #modalHost .paymentModalSummaryRow b{color:var(--ink);font-variant-numeric:tabular-nums}
body.pc2 #modalHost .paymentModalSummaryRow.paymentModalGrand{order:-1;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;
  border-top:0 !important;border-bottom:1px solid var(--line2);margin:0 0 8px !important;padding:4px 0 12px !important}
body.pc2 #modalHost .paymentModalSummaryRow.paymentModalGrand span{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--mut)}
body.pc2 #modalHost .paymentModalSummaryRow.paymentModalGrand b{font-size:38px;font-weight:800;line-height:1.1;color:#185FA5 !important;letter-spacing:-.01em}
body.pc2 #modalHost .paymentModalSummaryRow.paymentModalCardFeeRow{background:#FAEEDA !important;color:#854F0B !important;border-radius:8px !important}
body.pc2 #modalHost .paymentModalSummaryRow.paymentModalCardActualRow{background:#E1F5EE !important;border-radius:8px !important;color:#0F6E56}
body.pc2 #modalHost .paymentModalSummaryRow.paymentModalCardActualRow b{color:#0F6E56 !important}
body.pc2 #modalHost .paymentModalSplitToggle{font-size:12.5px !important}

/* 3 o phuong thuc lon */
body.pc2 #modalHost .paymentModalMethodLabel{font-size:12.5px !important;font-weight:600 !important;color:var(--mut) !important}
body.pc2 #modalHost .paymentModalMethodRow{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;margin-bottom:12px !important}
body.pc2 #modalHost .paymentModalMethodOption{position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;min-height:68px !important;padding:10px 6px !important;
  border-radius:12px !important;font-size:15px !important;font-weight:700 !important;color:var(--ink)}
body.pc2 #modalHost .paymentModalMethodOption:hover:not(.active){border-color:#8fa2ba !important}
body.pc2 #modalHost .paymentModalMethodOption input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
body.pc2 #modalHost .paymentModalMethodOption:has(input:focus-visible){outline:2px solid #185FA5;outline-offset:2px}

/* khu nhap tien */
body.pc2 #modalHost :is(.paymentModalCashSection,.paymentModalCardSection){background:#fff !important;border:1px solid var(--line) !important;border-radius:12px !important;padding:12px !important}
body.pc2 #modalHost .paymentModalNoCash{background:#f8fafc !important;border-color:var(--line2) !important}
body.pc2 #modalHost .paymentModalRow input{font-size:20px !important;font-weight:700;min-height:44px;box-sizing:border-box;font-variant-numeric:tabular-nums}
body.pc2 #modalHost .paymentModalCashHint{color:#0F6E56 !important}

/* Tien thoi: xanh la dam; Con thieu: do */
body.pc2 #modalHost .paymentModalChangeRow{align-items:baseline;background:#E1F5EE !important;color:#0F6E56 !important;font-weight:700 !important;border-radius:10px !important;padding:10px 12px !important}
body.pc2 #modalHost .paymentModalChangeRow b{font-size:22px !important;font-weight:800 !important;font-variant-numeric:tabular-nums}
body.pc2 #modalHost .paymentModalChangeRow.paymentModalChangeRowShort{background:#FCEBEB !important;color:#A32D2D !important}
body.pc2 #modalHost .paymentModalSplitStatus{background:#f8fafc !important;border-color:var(--line2) !important}

/* nut: Huy | In tam tinh (nho) -> Chi thanh toan (xanh la, full) -> In + Thanh toan (xanh duong, full, lon nhat). Dinh day hop */
body.pc2 #modalHost .paymentModalActions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;position:sticky;bottom:0;z-index:1;
  background:#fff;margin-top:12px !important;padding:10px 0 2px !important;border-top:1px solid var(--line2)}
body.pc2 #modalHost .paymentModalActions button{width:100%;margin:0 !important;min-height:42px !important;font-size:14px !important;box-sizing:border-box}
body.pc2 #modalHost .paymentModalActions button.success{grid-column:1/-1;min-height:52px !important;font-size:16px !important;font-weight:700 !important;background:#1D9E75 !important;color:#fff !important;border:0 !important}
body.pc2 #modalHost .paymentModalActions button.primary{grid-column:1/-1;min-height:58px !important;font-size:17px !important;font-weight:800 !important;background:#185FA5 !important;color:#fff !important;border:0 !important}

/* ---------- GIAM CHUYEN DONG ---------- */
@media (prefers-reduced-motion:reduce){
  body.pc2 #appView > .section.pcs-in{animation:none}
  body.pc2 #appView #sec-staff .card[data-pcs-drawer],body.pc2 #pcsStaffBackdrop,body.pc2 #appView #pcsCashTabs .pcs-tab,
  body.pc2 #appView #sec-dashboard .card[data-pcs-coll] > .title:first-child::after{transition:none !important}
}