/* v1213: Kho Đồ dùng cùng shell/popup với các chức năng Sơn Môn */
#inventoryDialog,#inventoryItemDialog{
  width:min(390px,calc(100% - 20px))!important;
  max-width:390px!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;
}
#inventoryDialog{height:min(620px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important}
#inventoryItemDialog{height:auto!important;max-height:min(520px,calc(100dvh - 30px))!important}
#inventoryDialog::backdrop,#inventoryItemDialog::backdrop{background:radial-gradient(circle at center,rgba(0,0,0,.34),rgba(0,0,0,.72))!important;backdrop-filter:blur(2px)}

#inventoryDialog .inventory-shell,#inventoryItemDialog .inventory-item-shell{
  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;
}
#inventoryItemDialog .inventory-item-shell{height:auto!important;max-height:min(520px,calc(100dvh - 30px))!important}

#inventoryDialog .inventory-head,#inventoryItemDialog .inventory-item-head{
  flex:0 0 auto!important;min-height:58px!important;padding:8px 9px 7px 11px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!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;
}
#inventoryDialog .inventory-head>div,#inventoryItemDialog .inventory-item-head>div{min-width:0!important;padding-right:8px!important}
#inventoryDialog .inventory-head p:first-child,#inventoryItemDialog .inventory-item-head p:first-child{margin:0 0 1px!important;font-size:7.5px!important;line-height:1.1!important;letter-spacing:.16em!important;color:#dcae4d!important;font-weight:900!important}
#inventoryDialog .inventory-head h2,#inventoryItemDialog .inventory-item-head h2{margin:0!important;font-size:16px!important;line-height:1.12!important;color:#ffe29a!important;text-shadow:0 0 10px rgba(255,194,65,.14)!important}
#inventoryDialog .inventory-head .pt-head-note,#inventoryItemDialog .inventory-item-head .pt-head-note{margin:2px 0 0!important;font-size:8.5px!important;line-height:1.18!important;color:#94a5b7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:305px!important}
#inventoryDialog .pt-close,#inventoryItemDialog .pt-close{position:static!important;flex:0 0 27px!important;width:27px!important;height:27px!important;min-width:27px!important;border-radius:50%!important;font-size:19px!important;line-height:1!important;border:1px solid rgba(219,170,72,.22)!important;background:rgba(255,255,255,.025)!important;color:#9caaba!important;box-shadow:none!important;padding:0!important;cursor:pointer!important}

#inventoryDialog .inventory-pane,#inventoryItemDialog .inventory-item-pane{flex:1 1 auto!important;min-height:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important;box-sizing:border-box!important}
#inventoryDialog .inventory-content,#inventoryItemDialog .inventory-item-box{width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:8px 9px 10px!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;scrollbar-width:thin!important;overscroll-behavior:contain!important}
#inventoryDialog .inventory-content{height:100%!important}

.inventory-grid{display:grid;grid-template-columns:1fr!important;gap:8px!important;padding:0!important;margin:0!important}
.inventory-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;border:1px solid rgba(196,143,44,.45);background:linear-gradient(180deg,rgba(31,31,29,.96),rgba(13,17,24,.98));border-radius:13px;padding:8px 9px;color:#fff;min-height:76px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.inventory-item:hover{border-color:#d49a2d;background:linear-gradient(180deg,rgba(43,37,26,.98),rgba(15,18,24,.99))}
.inventory-item img{width:54px;height:54px;object-fit:cover;border-radius:11px;border:1px solid rgba(221,168,66,.28)}
.inventory-item strong{display:block;font-size:11.5px;margin-bottom:3px;color:#fff0bd}.inventory-item small{display:block;color:#96a8bc;line-height:1.28;font-size:8.8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.inventory-qty{min-width:35px;text-align:center;padding:4px 6px;border-radius:999px;background:#1a2431;border:1px solid #38465b;font-size:9px;font-weight:900;color:#ffe2a0}
.inventory-effect{margin:8px 0 0!important;padding:8px 9px!important;border-radius:10px!important;background:rgba(31,157,97,.10)!important;border:1px solid rgba(54,211,130,.26)!important;color:#a9f5cb!important;font-size:9px!important;line-height:1.35!important}
.inventory-empty{padding:28px 12px;text-align:center;color:#8fa0b5;border:1px dashed #334155;border-radius:13px;font-size:10px}.inventory-empty small{font-size:8.5px}

.inventory-item-top{display:flex;gap:11px;align-items:center;padding:8px;border:1px solid rgba(196,143,44,.42);border-radius:12px;background:linear-gradient(180deg,rgba(31,31,29,.96),rgba(13,17,24,.98))}
.inventory-item-top img{width:68px;height:68px;object-fit:cover;border-radius:12px;border:1px solid rgba(221,168,66,.30)}
.inventory-item-top h3{margin:0 0 5px;color:#ffe6a0;font-size:14px}.inventory-item-top p{margin:0;color:#a9b7c7;line-height:1.4;font-size:9.5px}
.inventory-field{margin-top:10px}.inventory-field input,.inventory-field textarea{width:100%;box-sizing:border-box;background:#0f1723;border:1px solid #334155;color:#fff;border-radius:10px;padding:9px 10px;font-size:11px}.inventory-field textarea{min-height:84px;resize:vertical}
.inventory-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.inventory-actions button{min-height:38px;border-radius:10px;padding:8px 10px;border:1px solid #374151;background:#172132;color:#dfe7f2;font-size:10px;font-weight:900}.inventory-actions .primary{background:linear-gradient(180deg,#f3b844,#c98216);border-color:#e4a52f;color:#201302;box-shadow:0 7px 18px rgba(219,145,24,.14)}
.inventory-result{margin-top:10px;padding:10px;border-radius:10px;background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.25);text-align:center;font-weight:800;font-size:10px}
.inventory-float-reward{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:2147483647;font-size:30px;font-weight:900;color:#7ff0ff;text-shadow:0 2px 14px rgba(0,0,0,.9);animation:invReward 1.7s ease both;pointer-events:none}@keyframes invReward{0%{opacity:0;transform:translate(-50%,-20%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-120%) scale(.95)}}

.account-gift-btn{white-space:nowrap;border:1px solid #67511e!important;background:#2a210d!important;color:#ffe39a!important}.admin-gift-dialog{width:min(430px,92vw);border:1px solid #6e5522;border-radius:16px;background:#0d131c;color:#fff;padding:0}.admin-gift-dialog::backdrop{background:rgba(0,0,0,.7)}.admin-gift-box{padding:16px}.admin-gift-box h3{margin:0 0 4px}.admin-gift-box p{margin:0 0 13px;color:#9eacc0;font-size:12px}.admin-gift-list{display:grid;gap:8px}.admin-gift-choice{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #2f3b4e;border-radius:12px;background:#111923;cursor:pointer}.admin-gift-choice.is-selected{border-color:#d89c22;background:#251d0c}.admin-gift-choice img{width:42px;height:42px;border-radius:9px}.admin-gift-choice b{font-size:13px}.admin-gift-qty{margin-top:12px}.admin-gift-qty input{width:100%;box-sizing:border-box;background:#0c1420;color:#fff;border:1px solid #334155;border-radius:10px;padding:10px}.admin-gift-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}

@media(max-width:700px){
  #inventoryDialog,#inventoryItemDialog{width:min(94vw,390px)!important}
  #inventoryDialog{height:min(600px,calc(100dvh - 18px))!important}
  #inventoryDialog .inventory-content,#inventoryItemDialog .inventory-item-box{padding:8px!important}
  .inventory-item{grid-template-columns:52px minmax(0,1fr) auto;min-height:70px;padding:7px 8px}.inventory-item img{width:48px;height:48px}.inventory-item strong{font-size:10.8px}.inventory-item small{font-size:8.2px}.inventory-item-top img{width:62px;height:62px}
}

/* v1214: badge quà mới trên nút Kho Đồ trong Sơn Môn */
[data-son-mon-action="inventory"]{position:relative}
.inventory-new-badge{position:absolute;top:5px;right:5px;z-index:4;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ef233c;color:#fff;font-size:10px;font-weight:900;line-height:1;box-shadow:0 0 0 2px rgba(10,13,18,.9),0 2px 8px rgba(239,35,60,.5);pointer-events:none}
.inventory-new-badge[hidden]{display:none!important}
/* v1220: hiệu ứng & yêu cầu chìa khóa */
.inventory-effect{white-space:pre-line!important}
.inventory-key-note{margin-top:8px;padding:8px 10px;border:1px solid rgba(245,184,67,.3);border-radius:10px;background:rgba(245,184,67,.08);font-size:10px;color:#ffe1a0}
.inventory-key-note b{color:#fff2c7}
.admin-gift-list{max-height:52vh;overflow:auto;padding-right:3px}

/* v1222: chi tiết vật phẩm dạng bảng game nhỏ, nằm ngay trong Kho Đồ */
#inventoryItemDialog{display:none!important}
#inventoryDialog .inventory-mini-layer{
  position:absolute!important;inset:0!important;z-index:40!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:16px!important;box-sizing:border-box!important;
  background:rgba(2,6,12,.48)!important;backdrop-filter:blur(1.5px)!important;
}
#inventoryDialog .inventory-mini-layer[hidden]{display:none!important}
#inventoryDialog .inventory-mini-card{
  position:relative!important;width:min(286px,calc(100% - 18px))!important;max-width:286px!important;
  max-height:min(380px,calc(100dvh - 70px))!important;overflow:auto!important;
  padding:12px!important;border-radius:14px!important;box-sizing:border-box!important;
  border:1px solid rgba(247,185,57,.84)!important;
  background:linear-gradient(180deg,rgba(30,26,20,.99),rgba(9,14,22,.99))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.72),0 0 20px rgba(232,157,28,.20)!important;
}
#inventoryDialog .inventory-mini-x{
  position:absolute!important;top:7px!important;right:7px!important;z-index:2!important;
  width:24px!important;height:24px!important;border-radius:50%!important;padding:0!important;
  border:1px solid rgba(222,174,76,.30)!important;background:rgba(8,12,18,.72)!important;
  color:#aab4c2!important;font-size:16px!important;line-height:1!important;cursor:pointer!important;
}
#inventoryDialog .inventory-mini-card .inventory-item-box{
  padding:0!important;overflow:visible!important;max-height:none!important;background:none!important;
}
#inventoryDialog .inventory-mini-card .inventory-item-top{
  gap:9px!important;padding:7px 28px 7px 7px!important;border-radius:10px!important;
}
#inventoryDialog .inventory-mini-card .inventory-item-top img{
  width:54px!important;height:54px!important;border-radius:10px!important;flex:0 0 54px!important;
}
#inventoryDialog .inventory-mini-card .inventory-item-top h3{font-size:12.5px!important;margin:0 0 3px!important}
#inventoryDialog .inventory-mini-card .inventory-item-top p{font-size:8.8px!important;line-height:1.3!important}
#inventoryDialog .inventory-mini-card .inventory-key-note{font-size:9px!important;margin-top:7px!important;padding:7px 8px!important}
#inventoryDialog .inventory-mini-card .inventory-field{margin-top:8px!important}
#inventoryDialog .inventory-mini-card .inventory-field input,
#inventoryDialog .inventory-mini-card .inventory-field textarea{font-size:10px!important;padding:8px 9px!important}
#inventoryDialog .inventory-mini-card .inventory-field textarea{min-height:68px!important}
#inventoryDialog .inventory-mini-card .inventory-actions{gap:7px!important;margin-top:9px!important}
#inventoryDialog .inventory-mini-card .inventory-actions button{min-height:34px!important;font-size:9.5px!important;padding:7px 8px!important}
@media(max-width:700px){
  #inventoryDialog .inventory-mini-layer{padding:11px!important}
  #inventoryDialog .inventory-mini-card{width:min(270px,calc(100% - 8px))!important;max-width:270px!important;padding:10px!important}
  #inventoryDialog .inventory-mini-card .inventory-item-top img{width:50px!important;height:50px!important;flex-basis:50px!important}
}


/* v1235: đổi nền Kho Đồ sang ảnh popup tu tiên mới */
#inventoryDialog .inventory-shell,
#inventoryItemDialog .inventory-item-shell{
  position:relative!important;
  background-color:#07101b!important;
  background-image:
    linear-gradient(180deg,rgba(5,9,16,.52) 0%,rgba(5,9,16,.68) 18%,rgba(4,7,13,.82) 46%,rgba(3,6,11,.92) 100%),
    url('/popup-son-mon-bg.webp?v=v1236-POPUP-BG-FORCE')!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:cover!important;
}
#inventoryDialog .inventory-shell::before,
#inventoryItemDialog .inventory-item-shell::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at top center,rgba(255,201,97,.06),transparent 30%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.04) 14%,rgba(0,0,0,.08) 78%,rgba(0,0,0,.22));
}
#inventoryDialog .inventory-shell>*,
#inventoryItemDialog .inventory-item-shell>*{
  position:relative;
  z-index:1;
}
