/* Former remote stash entry points retain their DOM IDs for old UI bindings. */
#bStash,#bStashM,#bStashT,#epToStash{display:none!important}
/* Reuse Hành trang's u2bag, u2bh, u2buy, jxc-rx and item cells.
   The NPC popup has no fixed PC inventory artwork/absolute positioning. */
#modal .mbox:has(.ch-window){width:min(360px,calc(100vw - 24px))!important;min-width:0!important;max-width:calc(100vw - 24px)!important}
.ch-window{margin:0 auto;color:#e9dfbb;font-size:13px}
#modal .ch-window .u2bagrow{display:block!important;margin:0!important}
#modal .ch-window .u2bag{display:block!important;position:static!important;min-width:0!important;width:100%!important;max-width:none!important;height:auto!important;padding:0!important;background:none!important;border:0!important}
#modal .ch-window .u2bh{position:static!important;display:flex!important;align-items:center!important;gap:6px!important;width:auto!important;height:auto!important;margin:6px 0!important;background:none!important;font-size:12px!important}
#modal .ch-window .ch-switch{display:flex;gap:3px;margin:0 0 6px;padding:0;border-bottom:1px solid #57534a}
#modal .ch-window :is(.u2buy,.ch-switch button,.ch-pages button,.ch-foot .btn,.ch-more button){min-height:28px!important;height:28px!important;padding:3px 8px!important;font-size:12px!important;line-height:20px!important;cursor:pointer}
#modal .ch-window .ch-switch button{flex:1;border:1px solid #6b665c;border-bottom:0;border-radius:2px 2px 0 0;background:#16140f;color:#d8cfb6}
#modal .ch-window .ch-switch button.on{background:#3a2f16;color:#ffe9a8;border-color:#b99a54}
#modal .ch-window .ch-pages{display:flex;gap:3px;flex-wrap:nowrap;overflow-x:auto;margin:0 0 6px;padding:0 0 2px}
#modal .ch-window .ch-pages button{flex:0 0 auto;white-space:nowrap}
.ch-lock{margin-left:2px;font-size:9px;opacity:.6}
#modal .ch-window .ch-grid{position:static!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:1px!important;width:min(100%,222px)!important;height:auto!important;overflow:visible!important;margin:0 auto!important;padding:3px!important;background:#0b0a09!important;border:1px solid #000!important;box-shadow:0 0 0 1px #6d685e!important;box-sizing:border-box!important}
#modal .ch-window .ch-grid>.it{display:block!important;position:relative!important;aspect-ratio:1!important;width:100%!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;border:1px solid #3d3b36!important;border-radius:0!important;background:var(--jx-cell,var(--w2cell,#24251d))!important}
#modal .ch-window .ch-grid>.it img{position:absolute!important;inset:8%!important;width:84%!important;height:84%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important;image-rendering:pixelated}
#modal .ch-window .ch-grid>.it :is(i,em){font-size:9px!important}
.ch-hint{display:block;text-align:center;font-size:11px;color:#aaa792;margin:6px 0}
#modal .ch-window .u2money{position:static!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center;gap:6px!important;width:auto!important;margin:6px 0!important;padding:0!important;background:none!important;font-size:12px!important}
.ch-balance{padding:4px 8px;border:1px solid #57534a;background:#0b0a09;color:#fff3c4;text-align:right;font:inherit;cursor:pointer}
#modal .ch-window .ch-foot{position:static!important;display:flex!important;justify-content:flex-end;gap:6px!important;width:auto!important;margin:6px 0 0!important;padding:6px 0 0!important;border-top:1px solid #4a463e}
.ch-more{display:flex;gap:4px;flex-wrap:wrap;padding:6px 0}.ch-more[hidden]{display:none}
.ch-more button{border:1px solid #6b665c;background:#16140f;color:#d8cfb6;border-radius:2px}
.ch-expand{width:100%;min-height:140px}.ch-expand p{margin:6px 0}
.ch-material{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px solid #434934;font-size:12px}
.ch-material small{display:block;opacity:.7;margin-top:4px}.ch-material>span:last-child{display:flex;gap:4px;flex-shrink:0}
.ch-window input{max-width:100%;padding:8px}.ch-window p{line-height:1.5}
@media(orientation:landscape) and (max-height:520px){
  #modal .mbox:has(.ch-window){width:min(440px,calc(100vw - 24px))!important}
  #modal .ch-window .ch-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important;width:min(100%,364px)!important}
}