/* ===== v1346 Vạn Bảo Các ===== */
.vbc-dialog{width:min(1040px,calc(100vw - 28px));max-width:1040px;height:min(790px,calc(100dvh - 28px));max-height:790px;padding:0;border:1px solid rgba(221,190,104,.28);border-radius:20px;background:#0d1415;color:#ecf6f3;box-shadow:0 28px 90px rgba(0,0,0,.72);overflow:hidden}
.vbc-dialog::backdrop{background:rgba(2,7,8,.76);backdrop-filter:blur(5px)}
.vbc-shell{height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 80% 0,rgba(203,166,67,.10),transparent 34%),linear-gradient(180deg,#102020 0,#0a1214 48%,#091012 100%)}
.vbc-head{position:relative;display:flex;align-items:center;gap:18px;padding:18px 62px 15px 22px;border-bottom:1px solid rgba(229,196,104,.18);background:linear-gradient(180deg,rgba(20,45,42,.96),rgba(10,23,24,.92))}
.vbc-head>div:first-child{min-width:0;flex:1}.vbc-head p{margin:0 0 2px;color:#c9a95e;font-size:11px;font-weight:800;letter-spacing:.16em}.vbc-head h2{margin:0;color:#f0d887;font-size:25px;line-height:1.1}.vbc-head small{display:block;margin-top:5px;color:#9db3af}
.vbc-balance{display:flex;align-items:center;gap:7px;flex:none;padding:9px 13px;border:1px solid rgba(224,191,96,.27);border-radius:999px;background:rgba(4,13,14,.55);font-size:14px}.vbc-balance b{color:#f4d975;font-size:16px}
.vbc-close{position:absolute;right:15px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#dce8e5;font-size:25px;cursor:pointer}
.vbc-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px;padding:13px 18px 9px}.vbc-search{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(91,150,140,.25);border-radius:11px;background:rgba(3,13,14,.68)}.vbc-search span{font-size:22px;color:#87b8ae}.vbc-search input{width:100%;border:0;outline:0;background:transparent;color:#f2f7f5;font-size:14px}.vbc-search input::placeholder{color:#6f8c87}.vbc-toolbar select{border:1px solid rgba(91,150,140,.25);border-radius:11px;background:#101c1e;color:#d8e8e4;padding:0 10px}
.vbc-tabs{display:flex;gap:7px;padding:0 18px 11px;border-bottom:1px solid rgba(255,255,255,.06)}.vbc-tabs button{border:1px solid rgba(90,139,132,.18);border-radius:10px;background:rgba(255,255,255,.025);color:#9bb5b0;padding:8px 13px;font-weight:700;cursor:pointer}.vbc-tabs button.is-active{border-color:rgba(222,188,90,.42);background:linear-gradient(180deg,rgba(206,166,57,.18),rgba(125,92,18,.12));color:#f0d37a}
.vbc-content{flex:1;min-height:0;overflow:auto;padding:14px 18px 20px;scrollbar-width:thin}.vbc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.vbc-grid.is-history{display:flex;flex-direction:column;gap:8px}
.vbc-item-card{position:relative;min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px;border:1px solid rgba(98,150,141,.15);border-radius:14px;background:linear-gradient(145deg,rgba(19,35,35,.92),rgba(9,19,21,.92));box-shadow:inset 0 1px rgba(255,255,255,.025)}.vbc-item-card.is-own{border-color:rgba(205,169,67,.25)}
.vbc-item-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06)}.vbc-item-icon img{max-width:48px;max-height:48px;object-fit:contain}.vbc-item-main{min-width:0}.vbc-item-main h3{margin:0 0 3px;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vbc-rarity{font-size:11px;color:#8ca9a3;margin-bottom:8px}.vbc-item-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#78938f}.vbc-item-meta b{min-width:0;max-width:65%;color:#b7cbc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vbc-buy-zone{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid rgba(255,255,255,.055)}.vbc-buy-zone strong{color:#f3d776;font-size:16px}.vbc-buy-btn,.vbc-cancel-btn{border:0;border-radius:9px;padding:8px 15px;font-weight:900;cursor:pointer}.vbc-buy-btn{background:linear-gradient(180deg,#d9b85c,#a87d25);color:#171208}.vbc-cancel-btn{background:rgba(152,59,59,.18);border:1px solid rgba(213,93,93,.26);color:#e9a7a7}.vbc-buy-btn:disabled,.vbc-cancel-btn:disabled{opacity:.45;cursor:wait}
.vbc-empty{grid-column:1/-1;padding:54px 15px;text-align:center;color:#7f9994}.vbc-empty.is-error{color:#d99b9b}
.vbc-history-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(89,138,130,.13);border-radius:12px;background:rgba(13,25,27,.72)}.vbc-history-row img{width:38px;height:38px;object-fit:contain}.vbc-history-row div{min-width:0}.vbc-history-row b{display:block;font-size:13px;color:#dbe8e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vbc-history-row small{display:block;color:#78938e;margin-top:3px}.vbc-history-row>strong{color:#efd16e;font-size:14px}
.vbc-modal-layer{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.70);backdrop-filter:blur(4px)}.vbc-modal-layer[hidden]{display:none!important}.vbc-sell-card{position:relative;width:min(430px,100%);padding:18px;border:1px solid rgba(225,190,92,.28);border-radius:17px;background:linear-gradient(180deg,#162625,#0d1719);box-shadow:0 20px 65px rgba(0,0,0,.55)}.vbc-mini-close{position:absolute;right:10px;top:9px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#dce9e6;font-size:21px}.vbc-sell-title{display:flex;gap:12px;align-items:center;padding-right:28px;margin-bottom:16px}.vbc-sell-title img{width:58px;height:58px;object-fit:contain;border-radius:10px;background:rgba(0,0,0,.22)}.vbc-sell-title small{color:#c9a75a;font-size:10px;font-weight:900;letter-spacing:.12em}.vbc-sell-title h3{margin:2px 0;font-size:17px}.vbc-sell-title span{color:#8fa8a3;font-size:12px}.vbc-sell-card label{display:block;margin-top:11px;color:#a8bfba;font-size:12px;font-weight:700}.vbc-sell-card input{box-sizing:border-box;width:100%;height:42px;margin-top:6px;padding:0 11px;border:1px solid rgba(97,147,139,.25);border-radius:10px;outline:none;background:#091315;color:#edf5f3;font-size:15px}.vbc-price-input{position:relative}.vbc-price-input span{position:absolute;right:11px;top:16px}.vbc-price-input input{padding-right:38px}.vbc-sell-note{margin:12px 0;color:#78938e;font-size:11px;line-height:1.45}.vbc-submit-sell{width:100%;height:43px;border:0;border-radius:11px;background:linear-gradient(180deg,#d7b75b,#a67720);color:#171208;font-weight:900;font-size:14px;cursor:pointer}
@media(max-width:760px){.vbc-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.vbc-head{padding:13px 48px 11px 13px;gap:8px}.vbc-head h2{font-size:20px}.vbc-head small{font-size:10px}.vbc-balance{padding:6px 9px}.vbc-balance b{font-size:13px}.vbc-close{right:8px;top:8px}.vbc-toolbar{grid-template-columns:minmax(0,1fr) 126px;padding:9px 10px 7px;gap:7px}.vbc-search{height:39px}.vbc-toolbar select{font-size:11px;padding:0 5px}.vbc-tabs{padding:0 10px 8px;gap:5px;overflow-x:auto}.vbc-tabs button{flex:0 0 auto;padding:7px 10px;font-size:11px}.vbc-content{padding:10px}.vbc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vbc-item-card{grid-template-columns:45px minmax(0,1fr);gap:7px;padding:9px}.vbc-item-icon{width:45px;height:45px}.vbc-item-icon img{max-width:38px;max-height:38px}.vbc-item-main h3{font-size:12px}.vbc-item-meta{font-size:9.5px}.vbc-buy-zone strong{font-size:13px}.vbc-buy-btn,.vbc-cancel-btn{padding:7px 9px;font-size:11px}.vbc-history-row{grid-template-columns:34px minmax(0,1fr);}.vbc-history-row>strong{grid-column:2}.vbc-history-row img{width:31px;height:31px}.vbc-modal-layer{padding:11px}.vbc-sell-card{padding:15px}.vbc-sell-title img{width:50px;height:50px}}


/* ===== v1347: Vạn Bảo Các dùng cùng khung popup Sơn Môn ===== */
#vanBaoCacDialog{
  width:min(390px,calc(100% - 20px))!important;
  max-width:390px!important;
  height:min(620px,calc(100dvh - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  border:1px solid rgba(255,190,61,.78)!important;
  border-radius:20px!important;
  background:rgba(10,14,24,.94)!important;
  color:#fff!important;
  padding:0!important;
  box-shadow:
    0 18px 52px rgba(0,0,0,.66),
    0 0 0 1px rgba(255,215,119,.13),
    0 0 22px rgba(255,170,35,.34),
    0 0 46px rgba(255,145,25,.12)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain!important;
}

#vanBaoCacDialog::backdrop{
  background:radial-gradient(circle at center,rgba(0,0,0,.34),rgba(0,0,0,.72))!important;
  backdrop-filter:blur(2px)!important;
}

#vanBaoCacDialog .vbc-shell{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:
    linear-gradient(rgba(8,12,20,.72),rgba(8,12,20,.84)),
    url('/popup-son-mon-bg.webp?v=v1347-VBC-POPUP') center/cover no-repeat!important;
}

#vanBaoCacDialog .vbc-head{
  flex:0 0 auto!important;
  min-height:62px!important;
  padding:8px 42px 7px 11px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(245,183,61,.14)!important;
  background:linear-gradient(180deg,rgba(36,31,24,.90),rgba(17,20,27,.92))!important;
}

#vanBaoCacDialog .vbc-head>div:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
}

#vanBaoCacDialog .vbc-head p{
  margin:0 0 1px!important;
  color:#d8aa53!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

#vanBaoCacDialog .vbc-head h2{
  margin:0!important;
  color:#f1d27b!important;
  font-size:17px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

#vanBaoCacDialog .vbc-head small{
  display:block!important;
  margin-top:2px!important;
  max-width:220px!important;
  color:#94a5b7!important;
  font-size:8px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#vanBaoCacDialog .vbc-close{
  position:absolute!important;
  top:9px!important;
  right:9px!important;
  width:32px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.06)!important;
  color:#ddd!important;
  font-size:21px!important;
  line-height:32px!important;
}

#vanBaoCacDialog .vbc-balance{
  position:absolute!important;
  right:47px!important;
  top:10px!important;
  height:26px!important;
  padding:0 7px!important;
  gap:4px!important;
  border:1px solid rgba(224,191,96,.24)!important;
  border-radius:999px!important;
  background:rgba(4,10,16,.58)!important;
  font-size:10px!important;
}
#vanBaoCacDialog .vbc-balance b{font-size:11px!important}

#vanBaoCacDialog .vbc-toolbar{
  flex:0 0 auto!important;
  grid-template-columns:minmax(0,1fr) 110px!important;
  gap:6px!important;
  padding:8px 8px 6px!important;
  background:rgba(6,10,16,.42)!important;
}
#vanBaoCacDialog .vbc-search{height:35px!important;border-radius:9px!important;padding:0 8px!important}
#vanBaoCacDialog .vbc-search span{font-size:17px!important}
#vanBaoCacDialog .vbc-search input{font-size:11px!important}
#vanBaoCacDialog .vbc-toolbar select{
  min-width:0!important;
  height:35px!important;
  border-radius:9px!important;
  padding:0 5px!important;
  font-size:9.5px!important;
}

#vanBaoCacDialog .vbc-tabs{
  flex:0 0 auto!important;
  gap:4px!important;
  padding:0 8px 7px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
#vanBaoCacDialog .vbc-tabs button{
  flex:1 1 0!important;
  min-width:0!important;
  padding:7px 3px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
}

#vanBaoCacDialog .vbc-content{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:8px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:rgba(4,8,14,.30)!important;
}

#vanBaoCacDialog .vbc-grid{
  grid-template-columns:1fr!important;
  gap:6px!important;
}

#vanBaoCacDialog .vbc-item-card{
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:7px!important;
  padding:8px!important;
  border-radius:11px!important;
  background:rgba(10,18,24,.77)!important;
}

#vanBaoCacDialog .vbc-item-icon{width:46px!important;height:46px!important;border-radius:9px!important}
#vanBaoCacDialog .vbc-item-icon img{max-width:39px!important;max-height:39px!important}
#vanBaoCacDialog .vbc-item-main h3{font-size:11.5px!important}
#vanBaoCacDialog .vbc-rarity{font-size:9px!important;margin-bottom:4px!important}
#vanBaoCacDialog .vbc-item-meta{font-size:9px!important}
#vanBaoCacDialog .vbc-buy-zone{padding-top:6px!important}
#vanBaoCacDialog .vbc-buy-zone strong{font-size:12px!important}
#vanBaoCacDialog .vbc-buy-btn,
#vanBaoCacDialog .vbc-cancel-btn{
  padding:6px 10px!important;
  border-radius:8px!important;
  font-size:10px!important;
}

#vanBaoCacDialog .vbc-history-row{
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:8px!important;
  border-radius:10px!important;
  background:rgba(10,18,24,.77)!important;
}
#vanBaoCacDialog .vbc-history-row img{width:31px!important;height:31px!important}
#vanBaoCacDialog .vbc-history-row b{font-size:10.5px!important}
#vanBaoCacDialog .vbc-history-row small{font-size:8.5px!important}
#vanBaoCacDialog .vbc-history-row>strong{font-size:10px!important}

/* Popup đăng bán cũng đồng bộ theo khung con của Sơn Môn */
#vanBaoCacDialog .vbc-modal-layer{
  padding:12px!important;
  background:rgba(0,0,0,.62)!important;
  backdrop-filter:blur(3px)!important;
}
#vanBaoCacDialog .vbc-sell-card{
  width:min(340px,100%)!important;
  padding:15px!important;
  border:1px solid rgba(255,190,61,.62)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(31,28,24,.97),rgba(13,17,24,.98))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.62),0 0 20px rgba(255,164,38,.12)!important;
}

@media(max-width:700px){
  #vanBaoCacDialog{
    width:min(94vw,390px)!important;
    max-width:390px!important;
    height:min(600px,calc(100dvh - 18px))!important;
    max-height:min(600px,calc(100dvh - 18px))!important;
    border-radius:20px!important;
    border-width:1px!important;
  }
  #vanBaoCacDialog .vbc-head{min-height:58px!important;padding:7px 42px 6px 9px!important}
  #vanBaoCacDialog .vbc-head h2{font-size:16px!important}
  #vanBaoCacDialog .vbc-balance{top:8px!important}
  #vanBaoCacDialog .vbc-toolbar{grid-template-columns:minmax(0,1fr) 102px!important;padding:7px 7px 5px!important}
  #vanBaoCacDialog .vbc-tabs{padding:0 7px 6px!important}
  #vanBaoCacDialog .vbc-content{padding:7px!important}
}


/* ===== v1348: Đăng bán ngay trong Vạn Bảo Các ===== */
#vanBaoCacDialog .vbc-quick-actions{
  flex:0 0 auto;
  padding:0 8px 7px;
}
#vanBaoCacDialog .vbc-open-sell-btn{
  width:100%;
  height:36px;
  border:1px solid rgba(255,190,61,.48);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(97,67,20,.95),rgba(57,39,16,.98));
  color:#f7de9f;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 12px rgba(0,0,0,.14);
}
#vanBaoCacDialog .vbc-open-sell-btn:active{transform:translateY(1px)}

#vanBaoCacDialog .vbc-sell-picker-head h3{
  margin:0 0 5px;
  color:#f1d27b;
  font-size:15px;
}
#vanBaoCacDialog .vbc-sell-picker-head p{
  margin:0 0 10px;
  color:#aebccd;
  font-size:10px;
  line-height:1.45;
}
#vanBaoCacDialog .vbc-sell-picker-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:360px;
  overflow:auto;
  padding-right:2px;
}
#vanBaoCacDialog .vbc-sell-pick-item{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  width:100%;
  padding:8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(10,18,24,.74);
  color:#fff;
  text-align:left;
}
#vanBaoCacDialog .vbc-sell-pick-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:10px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
#vanBaoCacDialog .vbc-sell-pick-icon img{
  max-width:36px;
  max-height:36px;
}
#vanBaoCacDialog .vbc-sell-pick-main{
  min-width:0;
  display:flex;
  flex-direction:column;
}
#vanBaoCacDialog .vbc-sell-pick-main b{
  font-size:11.5px;
  line-height:1.25;
}
#vanBaoCacDialog .vbc-sell-pick-main small{
  margin-top:2px;
  font-size:9px;
  opacity:.9;
}
#vanBaoCacDialog .vbc-sell-pick-qty{
  font-size:11px;
  color:#f6d889;
  font-weight:800;
  white-space:nowrap;
}
#vanBaoCacDialog .vbc-sell-back-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 8px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#d9e2ef;
  font-size:10px;
  font-weight:700;
}
#vanBaoCacDialog .vbc-empty.in-sell-picker{
  margin:4px 0 2px;
}


/* ===== v1372: Vạn Bảo Các - thẻ vật phẩm gọn hơn ===== */
#vanBaoCacDialog .vbc-grid{
  gap:4px!important;
}

#vanBaoCacDialog .vbc-item-card{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:7px!important;
  row-gap:2px!important;
  padding:6px 7px!important;
  min-height:0!important;
  border-radius:10px!important;
  align-items:center!important;
}

#vanBaoCacDialog .vbc-item-icon{
  grid-row:1/3!important;
  width:40px!important;
  height:40px!important;
  border-radius:8px!important;
}
#vanBaoCacDialog .vbc-item-icon img{
  max-width:34px!important;
  max-height:34px!important;
}

#vanBaoCacDialog .vbc-item-main{
  min-width:0!important;
  align-self:center!important;
}
#vanBaoCacDialog .vbc-item-main h3{
  margin:0 0 1px!important;
  font-size:11px!important;
  line-height:1.1!important;
}
#vanBaoCacDialog .vbc-rarity{
  margin:0 0 2px!important;
  font-size:8px!important;
  line-height:1.05!important;
}
#vanBaoCacDialog .vbc-item-meta{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:1px 6px!important;
  justify-content:start!important;
  font-size:8px!important;
  line-height:1.05!important;
}
#vanBaoCacDialog .vbc-item-meta b{
  max-width:100%!important;
}

#vanBaoCacDialog .vbc-buy-zone{
  grid-column:3!important;
  grid-row:1/3!important;
  align-self:stretch!important;
  min-width:58px!important;
  padding:0!important;
  border-top:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:4px!important;
}

#vanBaoCacDialog .vbc-buy-zone strong{
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

#vanBaoCacDialog .vbc-buy-btn,
#vanBaoCacDialog .vbc-cancel-btn{
  min-width:48px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  font-size:9px!important;
  line-height:1!important;
}

@media(max-width:700px){
  #vanBaoCacDialog .vbc-grid{
    gap:4px!important;
  }
  #vanBaoCacDialog .vbc-item-card{
    grid-template-columns:38px minmax(0,1fr) 54px!important;
    padding:5px 6px!important;
    column-gap:6px!important;
  }
  #vanBaoCacDialog .vbc-item-icon{
    width:38px!important;
    height:38px!important;
  }
  #vanBaoCacDialog .vbc-item-icon img{
    max-width:32px!important;
    max-height:32px!important;
  }
  #vanBaoCacDialog .vbc-item-main h3{
    font-size:10.5px!important;
  }
  #vanBaoCacDialog .vbc-rarity{
    font-size:7.7px!important;
  }
  #vanBaoCacDialog .vbc-item-meta{
    font-size:7.7px!important;
  }
  #vanBaoCacDialog .vbc-buy-zone{
    min-width:54px!important;
  }
  #vanBaoCacDialog .vbc-buy-zone strong{
    font-size:10px!important;
  }
  #vanBaoCacDialog .vbc-buy-btn,
  #vanBaoCacDialog .vbc-cancel-btn{
    min-width:46px!important;
    padding:5px 7px!important;
    font-size:8.7px!important;
  }
}


/* ===== v1373: Vạn Bảo Các - số lượng & linh thạch vào giữa, nút mua to bên phải ===== */
#vanBaoCacDialog .vbc-item-card{
  grid-template-columns:40px minmax(0,1fr) 56px 72px!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:2px!important;
}
#vanBaoCacDialog .vbc-item-main{
  min-width:0!important;
}
#vanBaoCacDialog .vbc-item-main h3{
  margin:0 0 1px!important;
}
#vanBaoCacDialog .vbc-rarity{
  margin:0 0 2px!important;
}
#vanBaoCacDialog .vbc-item-meta{
  display:block!important;
  font-size:8px!important;
  line-height:1.1!important;
}
#vanBaoCacDialog .vbc-item-meta span{
  opacity:.72!important;
  margin-right:4px!important;
}
#vanBaoCacDialog .vbc-item-meta b{
  display:inline!important;
  max-width:none!important;
}

#vanBaoCacDialog .vbc-middle-zone{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:3px!important;
  min-width:0!important;
}
#vanBaoCacDialog .vbc-mid-qty{
  color:#d9e7e2!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#vanBaoCacDialog .vbc-mid-price{
  color:#f2d471!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#vanBaoCacDialog .vbc-buy-zone.vbc-buy-zone-side{
  grid-column:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-top:0!important;
  border-top:0!important;
  min-width:0!important;
}
#vanBaoCacDialog .vbc-buy-btn,
#vanBaoCacDialog .vbc-cancel-btn{
  width:68px!important;
  min-width:68px!important;
  height:32px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}

@media(max-width:700px){
  #vanBaoCacDialog .vbc-item-card{
    grid-template-columns:38px minmax(0,1fr) 48px 64px!important;
    column-gap:6px!important;
    padding:6px!important;
  }
  #vanBaoCacDialog .vbc-mid-qty{
    font-size:10px!important;
  }
  #vanBaoCacDialog .vbc-mid-price{
    font-size:12px!important;
  }
  #vanBaoCacDialog .vbc-buy-btn,
  #vanBaoCacDialog .vbc-cancel-btn{
    width:60px!important;
    min-width:60px!important;
    height:30px!important;
    font-size:11px!important;
  }
}


/* ===== v1374: Vạn Bảo Các - trái icon+thông tin, giữa SL+giá, phải nút Mua ===== */
#vanBaoCacDialog .vbc-item-card{
  grid-template-columns:minmax(0,1fr) 58px 76px!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:0!important;
}

#vanBaoCacDialog .vbc-left-zone{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

#vanBaoCacDialog .vbc-item-icon{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
}

#vanBaoCacDialog .vbc-item-icon img{
  max-width:32px!important;
  max-height:32px!important;
}

#vanBaoCacDialog .vbc-item-main{
  min-width:0!important;
  flex:1 1 auto!important;
}

#vanBaoCacDialog .vbc-item-main h3{
  margin:0 0 2px!important;
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#vanBaoCacDialog .vbc-rarity{
  margin:0 0 2px!important;
  font-size:9px!important;
  line-height:1.05!important;
}

#vanBaoCacDialog .vbc-item-meta{
  display:block!important;
  font-size:9px!important;
  line-height:1.05!important;
}
#vanBaoCacDialog .vbc-item-meta span{
  opacity:.72!important;
  margin-right:3px!important;
}
#vanBaoCacDialog .vbc-item-meta b{
  display:inline!important;
  color:#b7cbc7!important;
}

#vanBaoCacDialog .vbc-middle-zone{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
#vanBaoCacDialog .vbc-mid-qty{
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#dce7e2!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#vanBaoCacDialog .vbc-mid-price{
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#f2d471!important;
  text-align:center!important;
  white-space:nowrap!important;
}

#vanBaoCacDialog .vbc-buy-zone.vbc-buy-zone-side{
  grid-column:auto!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-top:0!important;
  border-top:0!important;
}
#vanBaoCacDialog .vbc-buy-btn,
#vanBaoCacDialog .vbc-cancel-btn{
  width:74px!important;
  min-width:74px!important;
  height:34px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
}

@media(max-width:700px){
  #vanBaoCacDialog .vbc-item-card{
    grid-template-columns:minmax(0,1fr) 50px 68px!important;
    column-gap:6px!important;
    padding:7px!important;
  }
  #vanBaoCacDialog .vbc-left-zone{
    gap:6px!important;
  }
  #vanBaoCacDialog .vbc-item-icon{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
  }
  #vanBaoCacDialog .vbc-item-icon img{
    max-width:29px!important;
    max-height:29px!important;
  }
  #vanBaoCacDialog .vbc-item-main h3{
    font-size:10.5px!important;
  }
  #vanBaoCacDialog .vbc-rarity,
  #vanBaoCacDialog .vbc-item-meta{
    font-size:8.5px!important;
  }
  #vanBaoCacDialog .vbc-mid-qty{
    font-size:11px!important;
  }
  #vanBaoCacDialog .vbc-mid-price{
    font-size:12px!important;
  }
  #vanBaoCacDialog .vbc-buy-btn,
  #vanBaoCacDialog .vbc-cancel-btn{
    width:64px!important;
    min-width:64px!important;
    height:32px!important;
    font-size:12px!important;
  }
}


/* ===== v1375: hotfix bố cục card Vạn Bảo Các ===== */
#vanBaoCacDialog .vbc-item-card{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:8px 10px!important;
}
#vanBaoCacDialog .vbc-left-zone{
  order:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
}
#vanBaoCacDialog .vbc-item-icon{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
}
#vanBaoCacDialog .vbc-item-icon img{
  max-width:32px!important; max-height:32px!important;
}
#vanBaoCacDialog .vbc-item-main{flex:1 1 auto!important; min-width:0!important;}
#vanBaoCacDialog .vbc-item-main h3{
  margin:0 0 2px!important; font-size:11px!important; line-height:1.15!important;
  white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
}
#vanBaoCacDialog .vbc-rarity{margin:0 0 2px!important; font-size:9px!important; line-height:1.05!important;}
#vanBaoCacDialog .vbc-item-meta{
  display:block!important; font-size:9px!important; line-height:1.05!important;
}
#vanBaoCacDialog .vbc-item-meta span{opacity:.72!important; margin-right:3px!important;}
#vanBaoCacDialog .vbc-item-meta b{display:inline!important; color:#b7cbc7!important;}

#vanBaoCacDialog .vbc-middle-zone{
  order:2!important;
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
#vanBaoCacDialog .vbc-mid-qty{
  font-size:12px!important; font-weight:900!important; line-height:1!important;
  color:#dce7e2!important; text-align:center!important; white-space:nowrap!important;
}
#vanBaoCacDialog .vbc-mid-price{
  font-size:13px!important; font-weight:900!important; line-height:1!important;
  color:#f2d471!important; text-align:center!important; white-space:nowrap!important;
}

#vanBaoCacDialog .vbc-buy-zone.vbc-buy-zone-side{
  order:3!important;
  flex:0 0 76px!important;
  width:76px!important;
  min-width:76px!important;
  margin-left:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-top:0!important;
  border-top:0!important;
}
#vanBaoCacDialog .vbc-buy-btn,
#vanBaoCacDialog .vbc-cancel-btn{
  width:74px!important; min-width:74px!important; height:34px!important;
  padding:0 8px!important; border-radius:10px!important;
  font-size:13px!important; font-weight:900!important; line-height:1!important;
}

@media(max-width:700px){
  #vanBaoCacDialog .vbc-item-card{gap:6px!important; padding:7px 8px!important;}
  #vanBaoCacDialog .vbc-left-zone{gap:6px!important;}
  #vanBaoCacDialog .vbc-item-icon{flex-basis:36px!important; width:36px!important; height:36px!important;}
  #vanBaoCacDialog .vbc-item-icon img{max-width:29px!important; max-height:29px!important;}
  #vanBaoCacDialog .vbc-item-main h3{font-size:10.5px!important;}
  #vanBaoCacDialog .vbc-rarity,
  #vanBaoCacDialog .vbc-item-meta{font-size:8.5px!important;}
  #vanBaoCacDialog .vbc-middle-zone{flex-basis:48px!important; width:48px!important; min-width:48px!important;}
  #vanBaoCacDialog .vbc-mid-qty{font-size:11px!important;}
  #vanBaoCacDialog .vbc-mid-price{font-size:12px!important;}
  #vanBaoCacDialog .vbc-buy-zone.vbc-buy-zone-side{flex-basis:66px!important; width:66px!important; min-width:66px!important;}
  #vanBaoCacDialog .vbc-buy-btn,
  #vanBaoCacDialog .vbc-cancel-btn{width:64px!important; min-width:64px!important; height:32px!important; font-size:12px!important;}
}