/* Mở rộng các chức năng phụ từ ô cuối thanh dưới. */
#jxDockMorePopup{position:fixed;z-index:99999;box-sizing:border-box;max-height:min(60vh,430px);overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border:2px solid #9b8852;border-radius:9px;background:rgba(16,28,22,.97);box-shadow:0 5px 22px #000b;color:#f4e9bb}
#jxDockMorePopup[hidden]{display:none!important}
#jxDockMorePopup .jxDockMoreAction{min-width:0;display:flex;align-items:center;gap:7px;padding:8px 6px;background:#20362d;border:1px solid #657c60;border-radius:5px;color:#f8eac1;font:bold 12px Arial,sans-serif;cursor:pointer;text-align:left}
#jxDockMorePopup .jxDockMoreAction i{display:block;flex:none;width:27px;height:27px;background-repeat:no-repeat;background-position:center;image-rendering:pixelated}
#jxDockMorePopup .jxDockMoreAction:hover{background:#345342}

#bb .jxDockSlot .jxDockMoreDots{display:flex;align-items:center;justify-content:center;background:none!important;color:#f5d66d;font:bold 26px Georgia,serif;text-shadow:1px 2px 2px #000;line-height:1}


/* Năm nút phía trên: ngang như ZIN; giữ Admin động và nút mũi tên. */
#jxActs.acts,body.jxland #jxActs.acts,body.jxthumb #jxActs.acts{
 display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
 width:264px!important;max-width:calc(100vw - 12px)!important;
 align-items:start!important;gap:0!important;flex-wrap:initial!important;
}
#jxMainActs,#jxExtraActs{display:contents!important}
#jxMainActs > :not(#jxPotionShop){display:none!important}
#jxExtraActs > :not(#jxBots):not(#jxParty):not(#jxRanking):not(#jxAccountAdmin):not(#jxActsToggle){display:none!important}
#jxActs #jxPotionShop,#jxActs #jxBots,#jxActs #jxParty,#jxActs #jxRanking,#jxActs #jxAccountAdmin{
 display:grid!important;justify-items:center!important;align-content:start!important;
 width:44px!important;min-width:0!important;max-width:44px!important;
 position:relative!important;left:auto!important;top:auto!important;
}
#jxActs #jxPotionShop{grid-column:1}
#jxActs #jxBots{grid-column:2}
#jxActs #jxParty{grid-column:3}
#jxActs #jxRanking{grid-column:4}
#jxActs #jxAccountAdmin{grid-column:5}
#jxActs #jxActsToggle{display:block!important;grid-column:6!important;grid-row:1!important;
 position:relative!important;justify-self:center!important;align-self:start!important;
 width:30px!important;height:30px!important;margin-top:7px!important;
 border:1px solid #bfa45d88!important;border-radius:50%!important;
 background:#102117e8!important;color:#e6d094!important;font-size:20px!important;line-height:25px!important;
 pointer-events:auto!important;z-index:12!important}
/* Danh sách xổ trở về ZIN: 2 cột, có biểu tượng và chữ. */
#jxDockMorePopup{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
 max-height:min(60vh,430px)!important;padding:8px!important}
#jxDockMorePopup .jxDockMoreAction{min-width:0!important;min-height:54px!important;
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:7px!important;padding:8px 6px!important}
#jxDockMorePopup .jxDockMoreAction i{width:27px!important;height:27px!important}
#jxDockMorePopup .jxDockMoreAction span{display:inline!important}

/* FIX: popup 2 cot, icon khong bi phong to, ten luon hien. */
#jxDockMorePopup{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#jxDockMorePopup .jxDockMoreAction{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;min-height:52px!important;height:auto!important;padding:7px 9px!important;gap:9px!important;font:600 14px Arial,sans-serif!important;text-align:left!important;overflow:hidden!important}
#jxDockMorePopup .jxDockMoreAction>i{display:block!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:contain!important;transform:none!important;image-rendering:pixelated!important}
#jxDockMorePopup .jxDockMoreAction>.jxDockMoreLabel{display:block!important;position:static!important;visibility:visible!important;opacity:1!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;color:#f8eac1!important;font:600 14px Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;text-indent:0!important;transform:none!important;clip:auto!important}

/* Five top actions: one horizontal row, and hide all five when collapsed. */
#jxActs.acts{grid-template-columns:repeat(6, minmax(0,1fr))!important;width:360px!important;max-width:calc(100vw - 20px)!important;column-gap:8px!important;row-gap:0!important}
#jxActs #jxPotionShop,#jxActs #jxBots,#jxActs #jxParty,#jxActs #jxRanking,#jxActs #jxAccountAdmin{width:52px!important;max-width:52px!important;min-width:0!important;grid-row:1!important;}
#jxActs #jxPotionShop{grid-column:1!important}
#jxActs #jxBots{grid-column:2!important}
#jxActs #jxParty{grid-column:3!important}
#jxActs #jxRanking{grid-column:4!important}
#jxActs #jxAccountAdmin{grid-column:5!important}
#jxActs #jxActsToggle{grid-column:6!important;grid-row:1!important;align-self:start!important;justify-self:center!important;margin-top:5px!important}
#jxActs.actionsCollapsed #jxPotionShop,#jxActs.actionsCollapsed #jxBots,#jxActs.actionsCollapsed #jxParty,#jxActs.actionsCollapsed #jxRanking,#jxActs.actionsCollapsed #jxAccountAdmin{display:none!important}
#jxActs.actionsCollapsed{width:52px!important;grid-template-columns:52px!important}
#jxActs.actionsCollapsed #jxActsToggle{grid-column:1!important;grid-row:1!important}

/* Five top icons: original game artwork; no emoji override. */
#jxDockMorePopup .jxDockMoreAction > i.jxPopupUniqueIcon {
 background:none!important; background-image:none!important; display:flex!important;
 align-items:center!important; justify-content:center!important;
 font:normal 26px/1 sans-serif!important; image-rendering:auto!important;
 flex:0 0 32px!important; width:32px!important; height:32px!important;
}
#bb .jxDockSlot .jxDockMoreDots{font-size:17px!important;letter-spacing:-1px!important;line-height:1!important}

/* Can sat 5 icon tren cung va nut thu gon, khong doi icon/logic. */
#jxActs.acts,body.jxland #jxActs.acts,body.jxthumb #jxActs.acts{
  width:282px!important;
  max-width:calc(100vw - 12px)!important;
  grid-template-columns:repeat(5,44px) 32px!important;
  column-gap:5px!important;
  justify-content:start!important;
}
#jxActs #jxPotionShop,#jxActs #jxBots,#jxActs #jxParty,#jxActs #jxRanking,#jxActs #jxAccountAdmin{
  width:44px!important;max-width:44px!important;
}
#jxActs #jxActsToggle{margin-top:5px!important}
#jxActs.actionsCollapsed,body.jxland #jxActs.actionsCollapsed,body.jxthumb #jxActs.actionsCollapsed{
  width:42px!important;grid-template-columns:42px!important;
}