/* pc_dock.css - Dock dau trang kieu macOS (body.pc2). Moi luat gan voi lop .pc2dk do pc_dock.js them vao #pc2Tabs
   -> JS khong chay = giao dien cu (kieu A: icon tron + chu nho duoi). Nap SAU pc_head.css. */

/* dock: cho icon phong to tran xuong duoi (khong doi chieu cao dau trang); che do .icons (hep) van cat nhu cu */
body.pc2 #appView #pc2Tabs.pc2dk:not(.icons){overflow:visible;z-index:40}
/* chu -> nhan noi (the #pc2DkTip), nut gon lai: icon + cham */
body.pc2 #appView #pc2Tabs.pc2dk button{min-width:46px;height:44px;padding:3px 4px 0;gap:0;justify-content:flex-start}
body.pc2 #appView #pc2Tabs.pc2dk.icons button{min-width:40px}
body.pc2 #appView #pc2Tabs.pc2dk button .lb{display:none}
body.pc2 #appView #pc2Tabs.pc2dk button .ic{transform-origin:50% 0}
body.pc2 #appView #pc2Tabs.pc2dk:not(.icons) button:hover .ic{transform:none}
body.pc2 #appView #pc2Tabs.pc2dk button:active .ic{transform:scale(.92)}
/* 3. cham duoi icon man dang mo (va Kho dang chay) - di theo icon khi phong to */
body.pc2 #appView #pc2Tabs.pc2dk button.on::after,
body.pc2 #appView #pc2Tabs.pc2dk button[data-d="kho"].run::after{content:'';position:absolute;left:50%;top:40px;bottom:auto;width:5px;height:5px;margin:0 0 0 -2.5px;border-radius:50%;background:var(--tc,#185FA5);translate:0 calc(34px * (var(--dks, 1) - 1))}
/* huy hieu so van hien, bam theo goc icon khi phong to */
body.pc2 #appView #pc2Tabs.pc2dk em{z-index:3;translate:calc(17px * (var(--dks, 1) - 1)) 0}

/* 2. nhan noi duoi icon */
#pc2DkTip{position:fixed;left:0;top:0;z-index:100070;pointer-events:none;opacity:0;transition:opacity .14s ease;font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
#pc2DkTip span{display:block;padding:5px 10px;border-radius:999px;background:rgba(28,32,38,.92);color:#fff;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:translateY(-5px);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
#pc2DkTip.on{opacity:1}
#pc2DkTip.on span{transform:none}
body:not(.pc2) #pc2DkTip{display:none}

/* 5. hut nhu Mac (dot 2 chong nhay): chi transform + opacity; will-change CHI trong luc chay */
body.pc2 .pc2dk-anim{animation:none !important;will-change:transform,opacity}
/* dang hut (body.pc2-gx): tat truot cu pc2-enter + chuyen dong CSS rieng cua Chat/Dat ban (khong chong 2 hieu ung) */
body.pc2.pc2-gx #appView > .section,body.pc2.pc2-gx #pc2Home,body.pc2.pc2-gx #pc2Frame,body.pc2.pc2-gx #pc2PaneHd{animation:none !important}
body.pc2.pc2-gx .r86cov,body.pc2.pc2-gx .r86cov .r86cpanel,body.pc2.pc2-gx #rvPanel{transition:none !important}
/* AN TRUOC lop sap mo tu luc bam icon (opacity, khong display:none -> do vi tri van dung); JS go trong cung khung hinh bat dau hut, toi da 700ms */
body.pc2.pc2-gxp-pane #pc2PaneHd,body.pc2.pc2-gxp-pane #pc2Frame,body.pc2.pc2-gxp-pane #appView > .section:not(#sec-floor):not(#sec-order):not(#globalMsg){opacity:0 !important}
body.pc2.pc2-gxp-ov .r86cov .r86cpanel,body.pc2.pc2-gxp-ov #rvPanel{opacity:0 !important}
/* 18/10 (a Thinh chot: sua loi POS): lop dang AN (opacity 0) van nhan chuot -> bam vao "khoang trong" trung nut vo hinh. An thi khong nhan chuot. */
body.pc2.pc2-gxp-pane #pc2PaneHd,body.pc2.pc2-gxp-pane #pc2Frame,body.pc2.pc2-gxp-pane #appView > .section:not(#sec-floor):not(#sec-order):not(#globalMsg),
body.pc2.pc2-gxp-ov .r86cov .r86cpanel,body.pc2.pc2-gxp-ov #rvPanel{pointer-events:none !important}
body.pc2 #pc2FrI.pc2dk-frl{pointer-events:none}
/* trang nhung (Lich su / Hoa don): nen xam nhe khi dang tai (khong nhay trang); trang cu an khi doi dia chi, hien dan khi tai xong */
body.pc2 #pc2Frame{position:relative}
body.pc2.pc2-frame #pc2Frame::before{content:'';position:absolute;left:2px;right:2px;top:0;bottom:12px;box-sizing:border-box;border:1px solid var(--line,#e3e7ec);border-radius:14px;background:#F4F6F9;pointer-events:none}
body.pc2 #pc2FrI{position:relative;z-index:1}
body.pc2 #pc2FrI.pc2dk-frl{opacity:0}