/* jx-tip.css — thong tin mon do khi re chuot (js/jx-tip.js) + khung xem mon trong giao dich (.jtx-info).
   Cung kieu bang chi tiet mon JX1 trong ui-jx1.css (#modal.item-tooltip-preview): khung den trong mo, goc vuong, chu can giua. */
#jxTip { position: fixed; z-index: 9999; left: 0; top: 0; display: flex; gap: 6px; align-items: flex-start; pointer-events: none; }
#jxTip[hidden] { display: none; }
.jxtip-card, .jtx-info { width: 300px; max-width: calc(100vw - 20px); padding: 8px 10px 10px; border: 1px solid #6e5c34; background: rgba(0, 0, 0, .88);
  box-shadow: 0 0 0 1px #000, inset 0 0 0 1px #2b2418, 0 8px 24px #000b; color: #e8dcc0; font: 12px/17px Tahoma, Arial, sans-serif; text-align: center; text-shadow: 1px 1px 0 #000; }
.jxtip-head { margin: -2px 0 4px; color: #a89c80; font-size: 11px; }
.jxtip-card .idet, .jtx-info .idet { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.jxtip-card .idet .pic, .jtx-info .idet .pic { border-radius: 0; border-color: #4a3f27; background: transparent; }
.jxtip-card .idet h4, .jtx-info .idet h4 { margin: 0; font: 14px/18px Tahoma, Arial, sans-serif; }
.jxtip-card .idet small, .jtx-info .idet small { display: block; font-size: 11px; }
.jxtip-card .sl, .jtx-info .sl { margin: 6px 0 0; font-size: 12px; line-height: 17px; }
.jxtip-card .sl .b, .jtx-info .sl .b { color: #fff; }
.jxtip-card .sl .h, .jtx-info .sl .h { color: #7d7d7d; }