/* ============================================================================
   30/09/2026 (a Thinh chot): MAN PC v3 — HAI KHUNG (so do ban trai · moi man mo khung phai · Kho cua so rieng).
   CHI DOI HIEN THI. Nap SAU CUNG. Moi luat co tien to body.pc2 (JS chi bat khi rong >720px + da dang nhap).
   Vien RO (1-1.5px), nen xam nhat, the trang. Dock z 50 (duoi moi hop thoai).
   ============================================================================ */
#pc2PaneHd,#pc2Frame,#pc2Home,#pc2Dock,#pc2Where,#pc2Hd{display:none}
/* 30/9 dot 5 (a Thinh: "man trang choi qua"): nen xam xanh diu #E9EDF2, the trang nga #FAFBFC, vien #DDE3EA */
body.pc2{--sc:#185FA5;--ink:#15181d;--mut:#5f6673;--line:#DDE3EA;--line2:#E6EAF0;--bg:#E9EDF2;--card:#FAFBFC;
  background:var(--bg) !important;color:var(--ink);overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif !important}
body.pc2[data-pc2s="cash"]{--sc:#0F6E56}
body.pc2[data-pc2s="dashboard"]{--sc:#993C1D}
body.pc2[data-pc2s="rv"]{--sc:#534AB7}
body.pc2[data-pc2s="chat"]{--sc:#185FA5}
body.pc2[data-pc2s="ls"]{--sc:#5F5E5A}
body.pc2[data-pc2s="order"]{--sc:#0F6E56}
body.pc2 .pc2i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* ---------- KHUNG HAI COT ---------- */
body.pc2 .app{max-width:none !important;width:auto !important;margin:0 !important;padding:8px 12px 0 !important;box-sizing:border-box}
body.pc2 #appView:not(.hidden){display:grid !important;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr);
  column-gap:12px;height:calc(100vh - 8px);transition:grid-template-columns .35s cubic-bezier(.2,.8,.2,1)}
/* 30/9 (a Thinh): bam ban -> GOI MON mo NGAY BEN TRAI (thay cho so do ban), khung phai giu nguyen (widget / chat / lich su) */
body.pc2.pc2-order #appView:not(.hidden){grid-template-columns:minmax(0,2.3fr) minmax(0,1fr)}
body.pc2.pc2-order #appView > #sec-floor{display:none !important}
body.pc2 #appView > #sec-order{grid-column:1;grid-row:3/5;overflow:auto;min-height:0;min-width:0;padding:0 2px 24px !important;margin:0 !important}
body.pc2.pc2-max #appView:not(.hidden){grid-template-columns:0 minmax(0,1fr);column-gap:0}
body.pc2.pc2-max #appView > #sec-floor{display:none !important}
body.pc2.pc2-nofl #appView:not(.hidden){grid-template-columns:0 minmax(0,1fr);column-gap:0}
body.pc2.pc2-nofl #appView > #sec-floor.hidden{display:none !important}
body.pc2 #appView > .topbar{grid-column:1/-1;grid-row:1}
body.pc2 #appView > #globalMsg{grid-column:1/-1;grid-row:2}
body.pc2 #appView > #sec-floor{grid-column:1;grid-row:3/5;display:block !important;overflow:auto;min-height:0;padding:0 2px 24px !important;margin:0 !important}
body.pc2 #pc2PaneHd{grid-column:2;grid-row:3;display:flex;align-items:center;gap:8px;padding:0 2px 8px;min-width:0}
body.pc2 #appView > .section:not(#sec-floor):not(#sec-order):not(#globalMsg),body.pc2 #pc2Home,body.pc2 #pc2Frame{grid-column:2;grid-row:4;overflow:auto;min-height:0;min-width:0;padding:0 2px 24px !important;margin:0 !important}
body.pc2.pc2-home #pc2Home{display:flex;flex-direction:column;gap:10px}
body.pc2.pc2-frame #appView > .section:not(#sec-floor):not(#sec-order):not(#globalMsg){display:none !important}
body.pc2.pc2-frame #pc2Frame{display:flex;padding-bottom:12px !important;overflow:hidden}
#pc2FrI{flex:1;width:100%;border:1px solid var(--line);border-radius:14px;background:var(--card,#fff)}
/* Chat + Dat ban: lop noi dat DUNG vao khung phai (khong phu mo ca man, ben trai van bam duoc) */
body.pc2 .r86cov{background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;pointer-events:none !important}
body.pc2 .r86cov .r86cpanel{pointer-events:auto;left:var(--pc2-pl,55%) !important;right:var(--pc2-pr,12px) !important;top:var(--pc2-pt,120px) !important;bottom:var(--pc2-pb,96px) !important;width:auto !important;height:auto !important;
  border:1px solid var(--line);border-radius:14px !important;box-shadow:0 1px 2px rgba(0,0,0,.05) !important;transform-origin:center top}
body.pc2 .r86chead{display:none !important}
body.pc2 #rvFab{display:none !important}
body.pc2 #rvPanel{left:var(--pc2-pl,55%) !important;right:var(--pc2-pr,12px) !important;top:var(--pc2-pt,120px) !important;bottom:var(--pc2-pb,96px) !important;width:auto !important;max-height:none !important;
  border:1px solid var(--line) !important;border-radius:14px !important;box-shadow:0 1px 2px rgba(0,0,0,.05) !important;transform-origin:center top !important}
body.pc2 #rvPanel > div:first-child{display:none !important}
/* ket qua tim mon/bill -> hien trong khung phai */
body.pc2 #floorSearchDock{top:var(--pc2-pt,120px) !important;left:var(--pc2-pl,55%) !important;right:var(--pc2-pr,12px) !important;width:auto !important;max-height:calc(100vh - var(--pc2-pt,120px) - var(--pc2-pb,96px)) !important}

/* ---------- DAU TRANG 1 dong ---------- */
body.pc2 #appView .topbar{display:flex !important;align-items:center !important;gap:12px !important;padding:6px 10px !important;margin:0 0 8px !important;background:var(--card) !important;
  border:1px solid var(--line) !important;border-radius:14px !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;position:relative !important;top:auto !important}
body.pc2 #appView .topbar #brandLogo{height:34px !important;width:34px !important}
body.pc2 #appView .topbar b{font-size:15.5px !important;font-weight:700 !important;color:var(--ink) !important}
body.pc2 #appView .topbar #appVerTag{font-size:10.5px !important}
body.pc2 #appView .topbar #ipLine{display:none !important}
body.pc2 #appView .topbar #userLine{font-size:12px !important;color:var(--mut) !important}
body.pc2 #appView .topbar .tabs{display:none !important}
body.pc2 #pc2Where{display:block;padding-left:12px;border-left:1px solid var(--line);font-size:15px;white-space:nowrap}
body.pc2 #pc2Where b{font-weight:700 !important;color:var(--sc) !important;font-size:15px !important}
body.pc2 #pc2Hd{display:flex;align-items:center;gap:8px;margin-left:auto}
body.pc2 .pc2srch{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;min-width:250px;border:1px solid var(--line);border-radius:999px;background:#f7f9fb;color:#8a929e;font-size:13.5px;cursor:text}
body.pc2 .pc2srch span{flex:1}
body.pc2 .pc2srch kbd{font:600 10.5px/1 inherit;color:#8a929e;border:1px solid var(--line);border-radius:6px;padding:3px 5px;background:#fff}
body.pc2 .pc2hb{all:unset;box-sizing:border-box;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex:0 0 auto}
body.pc2 .pc2hb.sm{width:32px;height:32px}
body.pc2 .pc2hb.sm .pc2i{width:17px;height:17px}
body.pc2 .pc2hb:hover{background:#f2f4f7}body.pc2 .pc2hb:active{transform:scale(.92)}
body.pc2 .pc2hb em,body.pc2 .pc2chip em{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#E24B4A;color:#fff;font-size:10.5px;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}
body.pc2 .pc2hb em:empty,body.pc2 .pc2chip em:empty{display:none}
body.pc2 #pc2Bell.hot{background:#FCEBEB;color:#A32D2D;border-color:#F09595}
body.pc2 .pc2chip{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
body.pc2 .pc2chip .pc2i{width:17px;height:17px}
body.pc2 .pc2chip.pv{color:#534AB7}body.pc2 .pc2chip.pv.on{background:#EEEDFE;border-color:#AFA9EC}
body.pc2 .pc2-net{font-size:12.5px;font-weight:600;color:#0F6E56;background:#E1F5EE;border:1px solid #9FE1CB;border-radius:999px;padding:0 12px;height:34px;line-height:32px;box-sizing:border-box;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
body.pc2 .pc2-net.bad{color:#A32D2D;background:#FCEBEB;border-color:#F09595}
body.pc2 #floorStatusBadges{display:none !important}
body.pc2 #globalMsg{font-size:12.5px !important;min-height:0 !important;margin:0 0 6px !important;padding:0 4px !important}
body.pc2 #globalMsg:empty{display:none !important}
#pc2Menu{position:fixed;z-index:100050;background:#fff;border:1px solid #d3d9e1;border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.16);padding:6px;min-width:230px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#pc2Menu button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;color:#15181d;cursor:pointer}
#pc2Menu button:hover{background:#F2F4F7}#pc2Menu button.dz{color:#A32D2D}
#pc2Menu .pc2i{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- DAU KHUNG PHAI ---------- */
body.pc2 #pc2PaneT{flex:1;min-width:0;font-size:17px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc2-back{all:unset;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #d3d9e1;border-radius:999px;padding:6px 12px 6px 8px;font-weight:600;font-size:13px;cursor:pointer}
.pc2-back .pc2i{width:16px;height:16px}

/* ---------- WIDGET ---------- */
body.pc2 .pc2w{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;flex:0 0 auto}
body.pc2 .pc2wh{display:flex;align-items:center;gap:4px;margin-bottom:6px;min-height:24px}
body.pc2 .pc2wh b{flex:1;font-size:14px;font-weight:700;color:var(--ink)}
body.pc2 .pc2wh button{all:unset;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#8a929e;cursor:pointer}
body.pc2 .pc2wh button:hover{background:#f2f4f7;color:var(--ink)}
body.pc2 .pc2wh .pc2i{width:16px;height:16px}
body.pc2 .pc2wg{cursor:grab !important}
body.pc2 .pc2wc .pc2i{transition:transform .2s}
body.pc2 .pc2w.col .pc2wc .pc2i{transform:rotate(-90deg)}
body.pc2 .pc2w.col .pc2wb{display:none}
body.pc2 .pc2w.col .pc2wh{margin-bottom:0}
body.pc2 .pc2w.bare:not(.col) .pc2wh{margin-bottom:-4px;min-height:20px}
body.pc2 .pc2w.bare:not(.col) .pc2wh b{visibility:hidden}
body.pc2 .pc2w.drag{opacity:.45;border-style:dashed}
body.pc2 .pc2w #recentActivityCard{margin-top:0 !important}
body.pc2 .pc2w #recentActivityCard > .title{display:none !important}
body.pc2 .pc2w #needAttnBox,body.pc2 .pc2w #qrListBox{margin-top:0 !important}
body.pc2 .pc2w #todayBox .card{border:1px solid var(--line2) !important;border-radius:12px !important;background:#f8fafc !important}
body.pc2 .pc2rvw{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 12px;border-radius:12px;background:#EEEDFE;border:1px solid #CECBF6;color:#3C3489;cursor:pointer}
body.pc2 .pc2rvw span{font-weight:700;font-size:15px}body.pc2 .pc2rvw small{color:#534AB7;font-size:12px}
body.pc2 #sec-floor .v6TableLayout > .glassCard{display:none !important}
body.pc2 #needAttnBox.pc2-flash{animation:pc2fl 1.2s}
@keyframes pc2fl{0%,60%{box-shadow:0 0 0 3px #F09595}100%{box-shadow:none}}

/* ---------- SO DO BAN (trai) ---------- */
body.pc2 #sec-floor > .toolbar{display:flex !important;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px !important;padding:0 !important;background:transparent !important;border:0 !important}
body.pc2 #sec-floor .v6TableLayout{display:block !important}
body.pc2 #sec-floor .v6TableLayout > .card{padding:10px !important}
body.pc2 #sec-floor .v6TableLayout > .card > .title{font-size:13px !important;color:var(--mut) !important;font-weight:600 !important;margin-bottom:8px !important}
body.pc2 #floorSmartSearch{border:1px solid var(--line) !important;background:#fff !important;border-radius:999px !important;padding:8px 14px !important;font-size:14px !important;box-shadow:none !important;max-width:260px !important}
body.pc2 #zoneTabs button{border-radius:999px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--ink) !important;font-weight:600 !important;box-shadow:none !important;padding:6px 14px !important;min-height:0 !important}
body.pc2 #zoneTabs button.active{background:#185FA5 !important;color:#fff !important;border-color:#185FA5 !important}
/* 30/9 dot 5 (a Thinh): "May in tam tinh / Quet / Tu dong in nuoc / Tat ca tang" nam NGAY SAU chip khu cuoi cung,
   cung 1 dong chay (them khu -> tu dich theo). #zoneTabs display:contents -> chip + o dieu khien la anh em flex; bo space-between. */
body.pc2 #sec-floor > .toolbar{justify-content:flex-start !important;gap:6px !important}
body.pc2 #sec-floor > .toolbar > #zoneTabs{display:contents !important}
body.pc2 #sec-floor > .toolbar :is(#subCashierPrinterBox,#drinkAutoPrintBox){flex:0 0 auto;gap:5px !important;height:32px;padding:0 4px 0 10px;box-sizing:border-box;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:12px !important}
body.pc2 #sec-floor > .toolbar #subCashierPrinterBox > span{color:var(--mut) !important;font-weight:600}
body.pc2 #sec-floor > .toolbar :is(#subCashierPrinterSel,#dapFloorSel){height:24px !important;min-height:24px !important;padding:0 6px !important;font-size:12px !important;border-radius:999px !important;max-width:170px}
body.pc2 #sec-floor > .toolbar #subCashierPrinterBox button{height:24px !important;min-height:24px !important;padding:0 8px !important;font-size:12px !important;border-radius:999px !important;line-height:1 !important}
body.pc2 #sec-floor > .toolbar #drinkAutoPrintBox label{font-size:12px !important;gap:4px !important}
body.pc2 #sec-floor > .toolbar #drinkAutoPrintBox #dapOn{width:14px !important;height:14px !important;margin:0}
body.pc2 #sec-floor > .toolbar #dapMsg:empty{display:none}
body.pc2 #tables{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(112px,1fr)) !important;gap:8px !important}
body.pc2.pc2-order #tables{grid-template-columns:repeat(auto-fill,minmax(76px,1fr)) !important;gap:6px !important}
body.pc2 #tables .table{width:auto !important;min-width:0 !important;min-height:98px !important;height:auto !important;margin:0 !important;padding:8px 6px 6px !important;
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:2px;
  background:var(--card) !important;border:1.5px solid #c5cedb !important;border-radius:12px !important;box-shadow:none !important;transition:border-color .15s,transform .1s}
body.pc2 #tables .table:hover{border-color:#8fa2ba !important}
body.pc2 #tables .table:active{transform:scale(.97)}
body.pc2 #tables .table .tblPic{display:none !important}
body.pc2 #tables .table .tableId{font-size:22px !important;font-weight:800 !important;line-height:1.1 !important;color:var(--ink) !important}
body.pc2 #tables .table .tblMid{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11.5px}
body.pc2 #tables .table .tblMid > b{font-size:11.5px !important;font-weight:600 !important;color:#8a929e !important}
body.pc2 #tables .table .tblAmt{font-weight:800 !important;font-size:13px !important}
body.pc2 #tables .table.serving{background:#E8F6EF !important;border-color:#3BA776 !important}
body.pc2 #tables .table.serving .tblMid > b{color:#0F6E56 !important}
body.pc2 #tables .table.paying{background:#FDEEEE !important;border-color:#E57373 !important}
body.pc2 #tables .table.paying .tblMid > b{color:#A32D2D !important}
body.pc2 #tables .table.attn-red{background:#FAD9D9 !important;border-color:#D63B3B !important;border-width:2px !important}
body.pc2 #tables .table.selected{outline:3px solid #185FA5 !important;outline-offset:1px}
body.pc2 #tables .tblQrBtn{top:4px !important;right:4px !important;font-size:10.5px !important;padding:3px 5px !important;box-shadow:none !important}
body.pc2 #tables .tblFlag{font-size:10.5px !important}
body.pc2 #tables .quickPrintBtnRow{display:flex !important;gap:4px;margin-top:4px}
body.pc2 #tables .quickPrintBtnRow .quickPrintBtn{border-radius:999px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--ink) !important;box-shadow:none !important;font-size:11px !important;padding:3px 7px !important}
/* man goi mon: so do ban thu nho */
body.pc2.pc2-order #tables .table{min-height:58px !important;padding:6px 4px !important}
body.pc2.pc2-order #tables .table .tableId{font-size:16px !important}
body.pc2.pc2-order #tables .table .tblMid > b,body.pc2.pc2-order #tables .table .tblInfoTop,body.pc2.pc2-order #tables .quickPrintBtnRow,body.pc2.pc2-order #tables .tblQrBtn,body.pc2.pc2-order #tables .tblFlag,body.pc2.pc2-order #tables .table br{display:none !important}
body.pc2.pc2-order #tables .table .tblAmt{font-size:11px !important}
body.pc2.pc2-order #sec-floor > .toolbar > :not(#zoneTabs):not(#floorSmartSearch){display:none !important}

/* ---------- THE + BANG chung (vien ro) ---------- */
body.pc2 #appView .card{border:1px solid var(--line) !important;border-radius:14px !important;box-shadow:none !important;background:var(--card) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
body.pc2 #appView .card > .title{font-size:16px !important;font-weight:700 !important;color:var(--ink) !important}
body.pc2 #appView .notice{border-radius:12px !important;border:1px solid var(--line2) !important;background:#f8fafc !important;font-size:12.5px !important}
body.pc2 #appView table th{background:#f5f7fa !important;color:var(--mut) !important;font-weight:600 !important;border-bottom:1px solid var(--line) !important}
body.pc2 #appView table td{border-bottom:1px solid var(--line2) !important}
body.pc2 #appView input:not([type=checkbox]):not([type=radio]),body.pc2 #appView select,body.pc2 #appView textarea{border:1px solid var(--line) !important;border-radius:10px !important;box-shadow:none !important}
body.pc2 #appView .filters button,body.pc2 #orderGroupChips button{border-radius:999px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--ink) !important;font-weight:600 !important;box-shadow:none !important}
body.pc2 #appView .filters button.active,body.pc2 #orderGroupChips button.active{background:var(--sc) !important;color:#fff !important;border-color:transparent !important}
/* khung phai hep -> 1 cot; bung rong (⤢) -> 2 cot */
body.pc2 #appView > .section:not(#sec-floor):not(#sec-order) .grid2,body.pc2 #sec-dashboard .dashboardSplit{grid-template-columns:minmax(0,1fr) !important}
body.pc2.pc2-max #appView > .section:not(#sec-floor):not(#sec-order) .grid2,body.pc2.pc2-max #sec-dashboard .dashboardSplit{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
body.pc2 #appView > .section .billLines{max-height:none !important}

/* ---------- GOI MON (khung phai ~2/3) ---------- */
body.pc2 #sec-order > .toolbar{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 10px !important;margin-bottom:8px !important}
body.pc2 #sec-order .orderLayout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) !important;gap:10px !important}
body.pc2 #itemSearch{border:1px solid var(--line) !important;background:#fff !important;border-radius:999px !important;padding:9px 14px !important;font-size:14.5px !important;box-shadow:none !important}
body.pc2 .menuGrid .item,body.pc2 .menuGrid .item.v5ItemCard{border:1px solid var(--line) !important;border-radius:12px !important;background:var(--card) !important;box-shadow:none !important}
body.pc2 .menuGrid .item:hover{border-color:#8fa2ba !important}
body.pc2 .card.bill{position:sticky;top:0}
body.pc2 .orderButtons{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}
body.pc2 .orderButtons button{border-radius:10px !important;min-height:42px;margin:0 !important;width:auto !important}
body.pc2 #sendKitchenBtn{background:#1D9E75 !important;color:#fff !important;border:0 !important;grid-column:span 1}
body.pc2 #btnCheckout{background:#185FA5 !important;color:#fff !important;border:0 !important;grid-column:span 2}
body.pc2 #btnCancelTable{background:#FCEBEB !important;color:#A32D2D !important;border:1px solid #F09595 !important}
body.pc2 #btnPrintCheckItems,body.pc2 #btnPrintTempBill,body.pc2 #btnSeafoodQr{background:#fff !important;color:var(--ink) !important;border:1px solid var(--line) !important}

/* ---------- THU CHI / TONG QUAN ---------- */
body.pc2 #cashFundBar > *{border:1px solid var(--line) !important;border-radius:12px !important;background:var(--card) !important;box-shadow:none !important}
body.pc2 #sec-dashboard .mCard{border:1px solid var(--line) !important;border-radius:12px !important;box-shadow:none !important}

/* ---------- QUAN TRI kieu Cai dat (danh sach -> bam vao muc) ---------- */
body.pc2 #adminUpdateCard{border:1px solid var(--line) !important;background:#fff !important;box-shadow:none !important;padding:10px 12px !important}
body.pc2 #adminUpdateCard > .title{font-size:15px !important}
body.pc2 #adminUpdateCard > .title span:first-child{font-size:17px !important}
body.pc2 #adminUpdateCard .notice{font-size:11.5px !important}
body.pc2 #sec-admin > div:first-child{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 10px}
body.pc2 .admHubSearch{background:#fff !important;border:1px solid var(--line) !important;border-radius:999px !important;padding:4px 12px !important;margin-bottom:10px !important}
body.pc2 .admHubSearch input{border:0 !important;background:transparent !important}
body.pc2 .admHubFeat{display:flex !important;align-items:center !important;gap:12px !important;padding:12px 14px !important;border:1px solid var(--line) !important;border-radius:14px !important;background:#fff !important;box-shadow:none !important;margin-bottom:10px !important;cursor:pointer}
body.pc2 .admHubGrid{display:flex !important;flex-direction:column !important;gap:0 !important;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
body.pc2 .admHubCard{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;padding:11px 14px !important;min-height:0 !important;height:auto !important;
  border:0 !important;border-bottom:1px solid var(--line2) !important;border-radius:0 !important;background:var(--card) !important;box-shadow:none !important;text-align:left !important;cursor:pointer}
body.pc2 .admHubCard:last-child{border-bottom:0 !important}
body.pc2 .admHubCard:hover,body.pc2 .admHubFeat:hover{background:#f5f7fa !important}
body.pc2 .admHubCard .ic,body.pc2 .admHubFeat .ic{width:34px;height:34px;border-radius:9px;background:#F2F4F7;display:flex !important;align-items:center;justify-content:center;font-size:18px !important;flex:0 0 auto;margin:0 !important}
body.pc2 .admHubCard .lb{font-size:14.5px !important;font-weight:600 !important;color:var(--ink) !important}
body.pc2 .admHubCard::after{content:'\203A';margin-left:auto;color:#9aa4b2;font-size:20px}
body.pc2 #adminBackBar button{border-radius:999px !important}

/* ---------- DOCK 3 cum ---------- */
body.pc2 #pc2Dock{display:flex;position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:50;align-items:flex-end;gap:2px;padding:6px 10px 4px;border-radius:20px;
  background:rgba(255,255,255,.97);border:1px solid var(--line);box-shadow:0 10px 28px rgba(15,40,70,.16);transition:left .3s,transform .3s,opacity .2s}
#pc2Dock button[data-d]{all:unset;display:flex;flex-direction:column;align-items:center;gap:2px;width:60px;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#pc2Dock .ic{width:40px;height:40px;border-radius:12px;background:var(--dl);color:var(--dd);display:flex;align-items:center;justify-content:center;transition:transform .15s,background .25s,color .25s}
#pc2Dock .ic .pc2i{width:21px;height:21px}
#pc2Dock .lb{font-size:11px;font-weight:600;color:#5f6673;white-space:nowrap}
#pc2Dock .dot{display:block;width:4px;height:4px;border-radius:50%;background:transparent;margin-top:1px}
#pc2Dock button.on .ic{background:var(--dd);color:#fff}
#pc2Dock button.on .lb{color:var(--dd)}
#pc2Dock button.on .dot,#pc2Dock button.run .dot{background:var(--dd)}
#pc2Dock button[data-d]:hover .ic{transform:translateY(-3px) scale(1.06)}
#pc2Dock button[data-d]:active .ic{transform:scale(.9)}
#pc2Dock .sep{display:block;width:1px;height:36px;background:#d3d9e1;margin:0 6px 16px}
#pc2Dock [data-d="floor"]{--dl:#E6F1FB;--dd:#185FA5}#pc2Dock [data-d="order"]{--dl:#E1F5EE;--dd:#0F6E56}#pc2Dock [data-d="cash"]{--dl:#E1F5EE;--dd:#0F6E56}
#pc2Dock [data-d="rv"]{--dl:#EEEDFE;--dd:#534AB7}#pc2Dock [data-d="dashboard"]{--dl:#FAEEDA;--dd:#854F0B}#pc2Dock [data-d="kho"]{--dl:#FAEEDA;--dd:#854F0B}
#pc2Dock [data-d="ls"]{--dl:#F1EFE8;--dd:#5F5E5A}#pc2Dock [data-d="admin"]{--dl:#F1EFE8;--dd:#5F5E5A}#pc2Dock [data-d="chat"]{--dl:#E6F1FB;--dd:#185FA5}
#pc2Dock em{position:absolute;top:-4px;right:4px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#E24B4A;color:#fff;font-size:10.5px;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}
#pc2Dock em:empty{display:none}
#pc2Dock .pc2mini{all:unset;display:none;align-items:center;gap:6px;padding:8px 14px 8px 8px;font-weight:700;font-size:14px;color:#185FA5;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#pc2Dock .pc2mini .pc2i{width:18px;height:18px}
/* man goi mon: dock thu thanh nut "‹ Ban 107" goc trai */
/* man goi mon (ben trai): dock gon (chi icon) nam o day KHUNG PHAI -> khong che nut Gui bep / Thanh toan */
body.pc2.pc2-order #pc2Dock{left:auto;right:calc(var(--pc2-pr,12px) + 4px);transform:none;padding:5px 6px;gap:0;max-width:calc(100vw - var(--pc2-pl,60%) - var(--pc2-pr,12px) - 8px)}
body.pc2.pc2-order #pc2Dock button[data-d]{width:42px}
body.pc2.pc2-order #pc2Dock .lb,body.pc2.pc2-order #pc2Dock .sep{display:none !important}
body.pc2.pc2-order #pc2Dock .ic{width:36px;height:36px;border-radius:10px}
body.pc2 #chatToggle{display:none !important}
/* KHONG CHE: hop thoai lon -> an dock */
body.pc2:has(#modalHost .modalMask,#posDlgLayer,#lineDiscOv,#issueInvoiceOv[style*="flex"],#issueInvoiceOv[style*="block"],#guestQrModal[style*="flex"],#guestQrModal[style*="block"],#shopIdentityWizard[style*="flex"],#shopIdentityWizard[style*="block"]) #pc2Dock{opacity:0 !important;pointer-events:none !important}
body.pc2 #posAppNotice{border-radius:999px !important}

/* ---------- GOI Y "MO NHU APP" ---------- */
#pc2Hint{position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:100040;display:flex;align-items:center;gap:12px;max-width:min(880px,94vw);background:#fff;border:1px solid #d3d9e1;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:10px 12px 10px 16px;font-size:13.5px;color:#15181d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#pc2Hint .tx{flex:1;line-height:1.45}#pc2Hint small{color:#5f6673}#pc2Hint code{background:#F2F4F7;border-radius:6px;padding:1px 6px}
#pc2Hint .pc2-btn{background:#185FA5;color:#fff;border-radius:999px;padding:9px 16px;font-weight:600;text-decoration:none;white-space:nowrap}
#pc2Hint .pc2-x{all:unset;width:32px;height:32px;border-radius:50%;background:rgba(118,118,128,.12);display:flex;align-items:center;justify-content:center;cursor:pointer}

/* ---------- BO NUT DONG NHAT ---------- */
body.pc2 #appView button.primary,body.pc2 #modalHost button.primary,body.pc2 .modalActions button.primary{background:var(--sc) !important;color:#fff !important;border:0 !important;border-radius:10px !important;box-shadow:none !important;background-image:none !important;font-weight:600 !important}
body.pc2 #appView button.success,body.pc2 #modalHost button.success{background:#1D9E75 !important;color:#fff !important;border:0 !important;border-radius:10px !important;box-shadow:none !important;background-image:none !important}
body.pc2 #appView button.danger,body.pc2 #modalHost button.danger,body.pc2 #modalHost button.red{background:#FCEBEB !important;color:#A32D2D !important;border:1px solid #F09595 !important;border-radius:10px !important;box-shadow:none !important;background-image:none !important}
body.pc2 #appView button.ghost,body.pc2 #modalHost button.ghost,body.pc2 #appView button.secondary,body.pc2 #modalHost button.secondary{background:#fff !important;color:var(--ink) !important;border:1px solid var(--line) !important;border-radius:10px !important;box-shadow:none !important;background-image:none !important}
body.pc2 #appView button.mini,body.pc2 #modalHost button.mini{background:#F2F4F7 !important;color:var(--ink) !important;border:1px solid var(--line2) !important;border-radius:999px !important}
body.pc2 #modalHost .modalActions button:not(.primary):not(.danger):not(.success):not(.pay):not(.ghost){background:#fff !important;color:var(--ink) !important;border:1px solid var(--line) !important;border-radius:10px !important;box-shadow:none !important}
body.pc2 #modalHost button.pay{background:#185FA5 !important;color:#fff !important;border:0 !important;border-radius:10px !important}
body.pc2 #appView button:active,body.pc2 #modalHost button:active{transform:scale(.97)}
body.pc2 #sec-admin button[style*="background"],body.pc2 #sec-cash button[style*="background"]{background:#fff !important;color:var(--ink) !important;border:1px solid var(--line) !important;border-radius:999px !important;box-shadow:none !important}
body.pc2 #sec-admin button[style*="dc2626"],body.pc2 #sec-cash button[style*="dc2626"]{background:#FCEBEB !important;color:#A32D2D !important;border:1px solid #F09595 !important}

/* ---------- HOP THOAI cung khung ---------- */
body.pc2 #modalHost .modalMask{background:rgba(0,0,0,.32) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
body.pc2 #modalHost .modal,body.pc2 #modalHost .pos-modal-card{border:1px solid #d3d9e1 !important;border-radius:18px !important;box-shadow:0 20px 60px rgba(0,0,0,.22) !important;background:#fff !important}
body.pc2 #modalHost .modal .title{font-weight:700 !important;color:var(--ink) !important}
body.pc2 #modalHost .modalActions{gap:8px !important}
body.pc2 #modalHost input,body.pc2 #modalHost select,body.pc2 #modalHost textarea{border-radius:10px !important}

/* ---------- DANG NHAP ---------- */
#loginView.loginHero .loginCardInner{border-radius:22px !important}
#loginView.loginHero input{border-radius:12px !important}
#loginView.loginHero button.primary{border-radius:12px !important;background:#185FA5 !important;border:0 !important;box-shadow:none !important;min-height:46px}
@media (prefers-reduced-motion:reduce){body.pc2 #appView:not(.hidden){transition:none}}

/* ===== DONG NHAT TOAN BO MAN (30/9 dot 2) ===== */
/* CHI HIEN THI. Khong dung display tren phan tu co the .hidden (tru khi co :not(.hidden)). Khong dung grid-column/row cua #sec-* / #pc2*. */

/* --- 0. Nut trung tinh (khong class, khong inline) + o nhap: trang, vien 1px (bo tint indigo cua pos_pro.css) --- */
body.pc2 #appView button:not([class]):not([style]),body.pc2 #modalHost button:not([class]):not([style]){background:#fff !important;color:var(--ink) !important;border:1px solid var(--line) !important;box-shadow:none !important}
body.pc2 #appView button.btn:not(.primary):not(.danger):not(.success){background:#fff !important;color:var(--ink) !important;border:1px solid var(--line) !important;border-radius:10px !important;box-shadow:none !important}
body.pc2 #appView input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([style*="background"]):not(.v4NoteFlashOk):not(.v4CashReason),body.pc2 #appView select:not([style*="background"]),body.pc2 #appView textarea:not([style*="background"]){background:#fff !important}
body.pc2 #appView input:focus,body.pc2 #appView select:focus,body.pc2 #appView textarea:focus{border-color:#185FA5 !important;box-shadow:0 0 0 3px rgba(24,95,165,.14) !important;outline:none}

/* --- 1. GOI MON: thanh tieu de + goi y phim tat (nguyen nhan de chu: app_print.js dat toolbar sticky top:70px) --- */
body.pc2 #appView > #sec-order{padding-bottom:64px !important}
body.pc2 #appView #sec-order > .toolbar{position:relative !important;top:auto !important;z-index:auto !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:8px 12px !important;background:var(--card) !important;margin:0 0 8px !important}
body.pc2 #appView #sec-order > .toolbar > div:first-child{flex:1 1 240px;min-width:0}
body.pc2 #appView #orderTitle{font-size:17px !important;font-weight:700 !important;line-height:1.25 !important;color:var(--ink) !important;white-space:normal !important}
body.pc2 #appView #orderMeta{font-size:12.5px !important;color:var(--mut) !important;margin-top:2px;line-height:1.35;white-space:normal !important;overflow-wrap:anywhere}
body.pc2 #appView #sec-order > .toolbar > div:last-child{flex:0 0 auto;flex-wrap:wrap}
body.pc2 #appView #sec-order > .toolbar button{min-height:36px !important;padding:4px 12px !important;font-size:14px !important}
body.pc2 #appView #pcShortcutHint{position:static !important;flex-wrap:wrap !important;gap:6px 12px !important;margin:0 0 8px !important;padding:0 4px !important;background:transparent !important;border:0 !important;font-size:12px !important;color:var(--mut) !important}
body.pc2 #appView #pcShortcutHint b{display:inline-block;min-width:18px;text-align:center;padding:1px 5px;margin-right:2px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink) !important;font-size:11px;font-weight:700}
body.pc2 #appView #v4TableStrip{position:static !important;top:auto !important;box-shadow:none !important;border:1px solid var(--line) !important;border-radius:12px !important;padding:6px !important;gap:6px !important;margin:0 0 8px !important}
body.pc2 #appView #v4TableStrip button{border-radius:999px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--ink) !important;font-weight:600 !important;padding:5px 12px !important;box-shadow:none !important}
body.pc2 #appView #v4TableStrip button.has-order{background:#E1F5EE !important;border-color:#9FE1CB !important;color:#0F6E56 !important}
body.pc2 #appView #v4TableStrip button.active{background:#185FA5 !important;border-color:#185FA5 !important;color:#fff !important}

/* --- 2. COT PHIEU: 4 nut tach/gop/chuyen + o Ma phieu + 2 o ghi chu + chip Chia --- */
body.pc2 #appView .card.bill{padding:12px !important}
body.pc2 #appView .card.bill > .title{font-size:16px !important;margin-bottom:8px !important}
body.pc2 #appView #v4TableActions{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important;margin:0 0 8px !important}
body.pc2 #appView #v4TableActions button:not(.danger){background:#fff !important;color:var(--ink) !important;border:1px solid var(--line) !important}
body.pc2 #appView #v4TableActions button{min-height:38px !important;border-radius:10px !important;font-size:13px !important;font-weight:600 !important;padding:0 6px !important;margin:0 !important;box-shadow:none !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
body.pc2 #appView #v4TableActions button:hover:not(.danger){border-color:#8fa2ba !important;background:#f5f7fa !important}
body.pc2 #appView #pcOrderTicketInput{grid-column:1/-1 !important;width:100% !important;min-width:0 !important;min-height:38px !important;box-sizing:border-box;font-weight:600 !important;font-size:13.5px !important;padding:7px 12px !important}
body.pc2 #appView #v4TableNotes{gap:8px !important;margin:0 0 8px !important;padding:8px !important;background:#f8fafc !important;border:1px solid var(--line2) !important;border-radius:12px !important}
body.pc2 #appView #v4TableNotes .v4NotesRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important;gap:8px !important}
body.pc2 #appView #v4TableNotes .v4NoteCell{grid-template-columns:minmax(0,1fr) 36px !important;gap:6px !important;min-width:0}
body.pc2 #appView #v4TableNotes .v4NoteInput{width:100% !important;min-width:0 !important;box-sizing:border-box;min-height:36px !important;border-radius:10px !important;font-size:13px !important}
body.pc2 #appView #v4TableNotes .v4NoteSaveInline{width:36px !important;min-width:36px !important;height:36px !important;min-height:36px !important;padding:0 !important;border-radius:10px !important;font-size:15px !important;line-height:1 !important}
body.pc2 #appView #v4TableNotes .v4NotePrintedBadge{top:-7px !important;box-shadow:none !important;background:#1D9E75 !important;border-radius:999px !important}
body.pc2 #appView #v4TableNotes .v4NoteChips{gap:6px !important;margin-top:0 !important}
body.pc2 #appView #v4TableNotes .v4Chip{border-radius:999px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--ink) !important;font-size:12.5px !important;font-weight:600 !important;padding:4px 12px !important;min-height:0 !important;box-shadow:none !important}
body.pc2 #appView #v4TableNotes .v4Chip:hover{border-color:#185FA5 !important;color:#185FA5 !important}
body.pc2 #appView .card.bill .v5BillHead{background:#f5f7fa !important;color:var(--mut) !important;border-radius:10px !important}
body.pc2 #appView .card.bill .sum .grand,body.pc2 #appView .card.bill #grandTotal{color:#185FA5 !important}

/* --- 3. MENU: tieu de nhom + the mon + o "Het" --- */
body.pc2 #appView #menuGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr)) !important;gap:8px !important}
body.pc2 #appView #orderGroupChips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
body.pc2 #appView #menuGrid .v5GroupTitle{background:#f5f7fa !important;background-image:none !important;border:1px solid var(--line) !important;border-radius:10px !important;color:var(--ink) !important;font-weight:700 !important;font-size:13.5px !important;padding:7px 12px !important;margin-top:4px !important;box-shadow:none !important}
body.pc2 #appView #menuGrid .v5GroupTitle span{color:var(--mut) !important;font-size:12px !important;font-weight:600 !important}
body.pc2 #appView #menuGrid .item{min-height:88px !important;padding:10px !important;gap:4px !important;text-align:left !important;background-image:none !important}
body.pc2 #appView #menuGrid .item .code{color:var(--mut) !important;font-size:11.5px !important;font-weight:600 !important;margin:0 4px 0 0 !important}
body.pc2 #appView #menuGrid .item b{font-size:14.5px !important;font-weight:600 !important;line-height:1.25 !important;color:var(--ink) !important}
body.pc2 #appView #menuGrid .item .muted{font-size:11.5px !important;color:var(--mut) !important}
body.pc2 #appView #menuGrid .item .price{color:#185FA5 !important;font-weight:700 !important;font-size:14px !important}
body.pc2 #appView #menuGrid .v5ItemBottom{margin-top:auto !important;align-items:center !important}
body.pc2 #appView #menuGrid .v5SoldToggle{gap:4px !important;padding:2px 8px !important;border:1px solid var(--line) !important;border-radius:999px !important;background:#fff !important;color:var(--mut) !important;font-size:11px !important;font-weight:600 !important;line-height:1.4}
body.pc2 #appView #menuGrid .v5SoldToggle input{width:12px !important;height:12px !important;margin:0 !important;accent-color:#A32D2D}
body.pc2 #appView #menuGrid .v5SoldToggle:has(input:checked),body.pc2 #appView #menuGrid .v5SoldBadge{background:#FCEBEB !important;border:1px solid #F09595 !important;color:#A32D2D !important}
body.pc2 #appView #menuGrid .item.item-soldout{opacity:.6}
body.pc2 #appView #menuGrid .item.v5ItemCard.adding{background:#DCFCE7 !important;border-color:#1D9E75 !important}

/* --- 4. NUT DUOI PHIEU: 3 cot, cao 44; thu tu: In kiem / In tam / Huy -> Gui + Thanh toan (x2). Khong co Gui -> Thanh toan full --- */
body.pc2 #appView .orderButtons{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;margin-top:8px !important}
body.pc2 #appView .orderButtons button:not(.hidden){display:inline-flex !important;align-items:center;justify-content:center;gap:6px;height:44px !important;min-height:44px !important;padding:0 8px !important;font-size:14px !important;font-weight:600 !important;border-radius:10px !important;box-shadow:none !important;background-image:none !important;white-space:nowrap;overflow:hidden;min-width:0}
body.pc2 #appView .orderButtons .btnIco svg{width:17px;height:17px}
body.pc2 #appView #btnPrintCheckItems{order:1}body.pc2 #appView #btnPrintTempBill{order:2}body.pc2 #appView #btnSeafoodQr{order:3}body.pc2 #appView #btnCancelTable{order:4}
body.pc2 #appView #sendKitchenBtn{order:5;grid-column:span 1 !important;background:#1D9E75 !important}
body.pc2 #appView #btnCheckout{order:6;grid-column:span 2 !important;background:#185FA5 !important;color:#fff !important;font-size:15px !important;font-weight:700 !important}
body.pc2 #appView .orderButtons:not(:has(#sendKitchenBtn:not(.hidden))) #btnCheckout{grid-column:1/-1 !important}
body.pc2 #appView .orderButtons button:disabled{opacity:.55}

/* --- 5. Phan tu noi co dinh: chip "LAN OK" (goc phai tren, de nut ⋯) + badge "Tro ly CK" --- */
/* LAN OK: dau trang da co #pc2Net -> an khi XANH; khi MAT KET NOI (do) van hien + bam duoc, chuyen xuong goc trai duoi */
body.pc2 #__netBadgePc{top:auto !important;right:auto !important;left:10px !important;bottom:44px !important;z-index:55 !important;padding:3px 10px !important;font-size:11px !important;border-radius:999px !important;box-shadow:none !important}
body.pc2 #__netBadgePc[style*="22, 163, 74"],body.pc2 #__netBadgePc[style*="16a34a"]{display:none !important}
body.pc2 #ckStatusBadge{left:10px !important;bottom:10px !important;right:auto !important;top:auto !important;font-size:11px !important;font-weight:600 !important;padding:3px 10px !important;border-radius:10px !important;box-shadow:none !important;border:1px solid rgba(0,0,0,.08);max-width:280px;line-height:1.35}
body.pc2 #ckStatusBadge div{font-size:10.5px !important}
body.pc2 #ckStatusBadge div:first-child{font-size:11px !important}

/* --- 6. KHUNG PHAI (hep ~380-600px): 1 cot, thanh cong cu tu xuong dong, khong tran --- */
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) .card{padding:12px !important;margin-bottom:10px}
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) .title{font-size:15.5px !important;line-height:1.3}
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) .toolbar,body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) .filters{flex-wrap:wrap !important;gap:6px !important}
/* 4/10 (kit mac cai dat): luoi gian deu nay lam nut le bi keo full ngang; trong Cai dat (#adminBodyHost) + QR mon, pc_admin.css doi .formRow thanh hang flex-wrap (o nhap gian, nut vua chu) */
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) .formRow{grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important;gap:8px !important}
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) :is(input,select,textarea){max-width:100% !important;box-sizing:border-box}
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) .toolbar input{flex:1 1 180px;max-width:none !important}
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) .billLines{overflow-x:auto !important;border:1px solid var(--line2) !important;border-radius:10px !important}
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) table{font-size:13px}
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) :is(th,td){padding:6px 8px}
body.pc2 #appView > :is(#sec-cash,#sec-dashboard,#sec-admin,#sec-staff,#sec-itemqr,#sec-kitchen) [style*="display:flex"]{flex-wrap:wrap}
body.pc2 #appView > #sec-kitchen > div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
body.pc2.pc2-max #appView > #sec-kitchen > div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
body.pc2 #appView > :is(#sec-staff,#sec-admin) > div:first-child > span,body.pc2 #appView #adminAreaTitle{font-size:15.5px !important;font-weight:700 !important}

/* THU CHI */
body.pc2 #appView #cashFundBar{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;margin-bottom:10px !important}
body.pc2.pc2-max #appView #cashFundBar{grid-template-columns:1.6fr 1fr 1fr 1fr !important}
body.pc2 #appView #cashFundBar .fundCard{padding:10px 12px !important;min-width:0}
body.pc2 #appView #cashFundBar .fundCard .v{font-size:19px !important;font-weight:800 !important;overflow-wrap:anywhere}
body.pc2 #appView #cashFundBar .fundCard.main{grid-column:1/-1;background:#E1F5EE !important;border-color:#9FE1CB !important}
body.pc2.pc2-max #appView #cashFundBar .fundCard.main{grid-column:auto}
body.pc2 #appView #cashFundBar .fundCard.main .l,body.pc2 #appView #cashFundBar .fundCard.main .v{color:#0F6E56 !important}
body.pc2 #appView #cashFundBar .fundCard.main .sub{color:#3E7F6B !important}
body.pc2 #appView #sec-cash .tcToggle{gap:6px}
body.pc2 #appView #sec-cash #tcBtnIn,body.pc2 #appView #sec-cash #tcBtnOut{min-height:40px;padding:6px 8px !important;border:1px solid var(--line) !important;border-radius:10px !important;background:#fff !important;color:var(--mut) !important;font-size:14px !important;font-weight:700 !important;box-shadow:none !important}
body.pc2 #appView #sec-cash #tcBtnIn.tcOn{background:#E1F5EE !important;border-color:#1D9E75 !important;color:#0F6E56 !important}
body.pc2 #appView #sec-cash #tcBtnOut.tcOn{background:#FCEBEB !important;border-color:#F09595 !important;color:#A32D2D !important}
body.pc2 #appView #sec-cash .cashQuick{gap:6px !important}
body.pc2 #appView #sec-cash .cashQuick button{min-width:56px !important;min-height:32px;padding:4px 10px !important;border-radius:999px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--ink) !important;font-size:12.5px !important;font-weight:700 !important}
body.pc2 #appView #sec-cash :is(#cashDayBar,#oldBillBar) select{min-width:0 !important;flex:1 1 140px}
body.pc2 #appView #sec-cash #cashSearch{flex:1 1 100% !important;min-width:0 !important}
body.pc2 #appView #sec-cash :is(#cashDayBar,#oldBillBar) button{padding:5px 12px !important;font-size:12.5px !important;font-weight:600 !important}
body.pc2 #appView #sec-cash .notice div[style*="gap:28px"]{gap:8px !important}
body.pc2 #appView #sec-cash #cashSearchTerm{max-width:none !important}
body.pc2 #appView #sec-cash .cashPayTotals .pt{background:#fff !important;border:1px solid var(--line2) !important;border-radius:10px !important;min-width:80px !important}
body.pc2 #appView #sec-cash .cashPayTotals .pt .v{font-size:15px !important;font-weight:800 !important}

/* TONG QUAN (app_manager_overview.js) + gian lan + giam sat NV */
body.pc2 #appView #sec-dashboard :is(.mHeroRow,.mCols3,.mCols){grid-template-columns:minmax(0,1fr) !important;gap:10px !important}
body.pc2 #appView #sec-dashboard .mKpiRow{grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;gap:8px !important}
body.pc2 #appView #sec-dashboard .mAlertRow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important;gap:8px !important}
body.pc2.pc2-max #appView #sec-dashboard .mHeroRow{grid-template-columns:1.15fr 1fr !important}
body.pc2.pc2-max #appView #sec-dashboard .mCols3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
body.pc2.pc2-max #appView #sec-dashboard .mCols{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
body.pc2 #appView #sec-dashboard .mHero{background:#0F6E56 !important;background-image:none !important;border-radius:14px !important;box-shadow:none !important;padding:14px 16px !important}
body.pc2 #appView #sec-dashboard .mHero .mHeroBig{font-size:30px !important;overflow-wrap:anywhere}
body.pc2 #appView #sec-dashboard .mHero .mHeroPays{flex-wrap:wrap;gap:6px}
body.pc2 #appView #sec-dashboard :is(.mCard,.mKpi,.mAlertChip,.mPayTile){border:1px solid var(--line) !important;border-radius:12px !important;box-shadow:none !important;background:var(--card) !important;padding:12px !important;margin-bottom:0}
body.pc2 #appView #sec-dashboard .mCard{margin-bottom:10px !important}
body.pc2 #appView #sec-dashboard .mCardTitle{font-size:15px !important;font-weight:700 !important}
body.pc2 #appView #sec-dashboard .mKpiVal{font-size:19px !important}
body.pc2 #appView #sec-dashboard .mTopRev{flex:0 0 auto !important}
body.pc2 #appView #sec-dashboard :is(.mBar span,.mTopBar span){background-image:none !important;background:#1D9E75 !important}
body.pc2 #appView #sec-dashboard .mTopBar span{background:#185FA5 !important}
body.pc2 #appView #sec-dashboard #fraudDashboard > .grid{gap:10px !important}
body.pc2 #appView #sec-dashboard #fraudDashboard b{font-size:13.5px}
body.pc2 #appView #sec-dashboard #staffMonitorBox{overflow-x:auto}

/* QUAN TRI */
body.pc2 #appView #sec-admin > div:first-child{gap:6px !important}
body.pc2 #appView #sec-admin #ckAutoBtn[style*="22, 163, 74"],body.pc2 #appView #sec-admin #ckAutoBtn[style*="16a34a"]{background:#E1F5EE !important;color:#0F6E56 !important;border-color:#9FE1CB !important}
/* 4/10 (kit mac cai dat): the Cap nhat theo kit (nut vua chu 30px, so phien ban mau chu thuong) - phan con lai o pc_admin.css */
body.pc2 #appView #adminUpdateCard{border-radius:12px !important;background-image:none !important}
body.pc2 #appView #adminUpdateCard #updateCurrentVersion{font-size:13.5px !important;color:#1d1d1f !important;font-variant-numeric:tabular-nums}
body.pc2 #appView #adminUpdateCard .filters button{padding:5px 12px !important;font-size:12.5px !important;min-height:30px}
body.pc2 #appView #sec-admin .admBody .card .card{border:1px solid var(--line2) !important;background:#f8fafc !important;border-radius:12px !important}
body.pc2 #appView #sec-admin #thermalLogoCustomPanel{border:1px solid var(--line2) !important;border-radius:12px !important}
body.pc2 #appView #sec-admin #printerRows{gap:8px !important}
body.pc2 #appView #sec-admin label.pill{border-radius:999px !important;border:1px solid var(--line) !important}
body.pc2 #appView #sec-itemqr #guestTableQrList > *{border-radius:999px}

/* --- 7. HOP THOAI trong #modalHost (thanh toan, tach bill, chon bill, sua dong) --- */
body.pc2 #modalHost .modal .title{font-size:17px !important}
body.pc2 #modalHost table th{background:#f5f7fa !important;color:var(--mut) !important;font-weight:600 !important}
body.pc2 #modalHost .paymentModalBox{padding:16px !important}
body.pc2 #modalHost .paymentModalSummary{background:#f8fafc !important;border:1px solid var(--line2) !important;border-radius:12px !important;padding:10px 12px !important}
body.pc2 #modalHost .paymentModalGrand b{color:#185FA5 !important}
body.pc2 #modalHost .paymentModalGroupTabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
body.pc2 #modalHost .paymentModalGroupTab{border-radius:999px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--ink) !important;font-weight:600 !important}
body.pc2 #modalHost .paymentModalGroupTab.active{background:#185FA5 !important;border-color:#185FA5 !important;color:#fff !important}
body.pc2 #modalHost .paymentModalSplitToggle{border:1px solid var(--line2) !important;border-radius:10px !important;background:#f8fafc !important}
body.pc2 #modalHost .paymentModalMethodOption{border:1px solid var(--line) !important;border-radius:10px !important;background:#fff !important;font-weight:600;min-height:42px;box-sizing:border-box}
body.pc2 #modalHost .paymentModalMethodOption.active{background:#185FA5 !important;border-color:#185FA5 !important;color:#fff !important}
body.pc2 #modalHost :is(.paymentModalSplitBlock,.paymentModalMeiBox,.paymentModalSplitStatus){border:1px solid var(--line) !important;border-radius:12px !important;background:#fff !important;box-shadow:none !important}
body.pc2 #modalHost .paymentModalActions{display:flex;flex-wrap:wrap;gap:8px !important}
body.pc2 #modalHost .paymentModalActions button{flex:1 1 120px;min-height:44px !important;font-weight:600 !important}
body.pc2 #modalHost .paymentModalActions button.primary{background:#185FA5 !important}
body.pc2 #modalHost .paymentModalActions button:disabled{opacity:.5}
body.pc2 #modalHost :is(.splitBillColumn,.tempBillSelectorCard){border:1px solid var(--line) !important;border-radius:12px !important;background:#fff !important;box-shadow:none !important;overflow:hidden}
body.pc2 #modalHost :is(.splitBillColHead,.tempBillSelectorHead){background:#f5f7fa !important;border-bottom:1px solid var(--line2) !important;color:var(--ink) !important;font-weight:700}
body.pc2 #modalHost :is(.splitBillLine,.tempBillSelectorLine){border-bottom:1px solid var(--line2) !important}
body.pc2 #modalHost :is(.splitBillColTotal,.tempBillSelectorTotal){color:#185FA5 !important;font-weight:700 !important}
body.pc2 #modalHost :is(.splitBillQtyBtn,.splitBillMoveBtn){background:#fff !important;border:1px solid var(--line) !important;border-radius:8px !important;color:var(--ink) !important;box-shadow:none !important}
body.pc2 #modalHost .v5LineEditModal :is(input,textarea){border:1px solid var(--line) !important;border-radius:10px !important}
body.pc2 #modalHost .v5QtyEdit button,body.pc2 #modalHost .v5CancelReasons button{border-radius:10px !important;box-shadow:none !important}
body.pc2 #modalHost .v5CancelReasons button.active{background:#FCEBEB !important;border-color:#F09595 !important;color:#A32D2D !important}
body.pc2 #modalHost .v5ChangeItem{border:1px solid var(--line) !important;border-radius:10px !important}