/* jx-map.css — cua so "Ban do" kieu JX1 (xem js/jx-map.js, jx-shell.css) */
/* phong ho: an phan cu neu con sot (thanh nhanh, viec can lam, nhat ky chu) */
#t-log #qBar, #t-log .qbar, #t-log .todo, #t-log #logBox, #t-log .log { display: none !important; }

#t-log { font: 13px/1.4 var(--jx-font); color: var(--jx-text); text-shadow: 1px 1px 0 #000; }

/* ---------- bang dieu khien ai ---------- */
#t-log .jxm-ctl { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin: 0 0 10px; padding: 8px 10px;
  background: rgba(16, 13, 9, .94); border: 1px solid var(--jx-line); border-radius: 0; box-shadow: inset 0 0 0 1px #000, inset 0 1px 0 #ffffff10; }
#t-log .jxm-info { display: grid; grid-template-columns: auto auto 1fr; gap: 2px 24px; }
#t-log .jxm-line:last-child { justify-content: flex-end; }
#t-log .jxm-zone { grid-column: 1 / -1; padding-bottom: 4px; margin-bottom: 2px; border-bottom: 1px solid #3a2f1c;
  font: 700 15px/1.2 var(--jx-font); color: var(--jx-gold); }
#t-log .jxm-line { display: flex; flex-wrap: wrap; gap: 0 5px; align-items: baseline; white-space: nowrap; }
#t-log .jxm-line > span:first-child { color: var(--jx-dim); }
#t-log .jxm-line b { color: var(--jx-gold); font-weight: 700; }
#t-log .jxm-line .boss { color: #ff6a3a; }
#t-log .jxm-el { font-weight: 700; }
#t-log .jxm-note { color: #ff9a6a; font-size: 12px; }

/* nut JX */
#t-log .jxm-btns { display: grid; grid-template-columns: 44px 1fr 44px auto; gap: 4px; margin: 0; }
#t-log .jxm-b { min-height: 30px; padding: 4px 10px; border: 1px solid #8a7240; border-radius: 0; background: linear-gradient(#4a3c22, #241c10);
  color: #f3dfa2; font: 12px/1 var(--jx-font); text-shadow: 1px 1px 0 #000; box-shadow: inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #000; transform: none; white-space: nowrap; }
#t-log .jxm-b:hover:not(:disabled) { filter: brightness(1.25); transform: none; box-shadow: inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #000; border-color: #b8984e; color: #fff2c9; }
#t-log .jxm-b:active:not(:disabled) { transform: none; filter: brightness(.9); }
#t-log .jxm-b:disabled { opacity: .45; cursor: default; }
#t-log .jxm-b.on { color: var(--jx-gold); border-color: #c9a24e; background: linear-gradient(#6a5224, #2e220e); box-shadow: inset 0 0 6px #ffd24a55; }

/* ---------- danh sach ban do ---------- */
#t-log .jxm-h { margin: 4px 0 6px; padding: 0 0 3px; border-bottom: 1px solid var(--jx-line); font: 700 13px/1.3 var(--jx-font); color: var(--jx-gold); }
#t-log .jxm-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 3px; }
#t-log .jxm-list .zrow { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1px;
  min-height: 40px; padding: 4px 8px; border: 1px solid #3e3320; border-radius: 0; background: linear-gradient(#211a10, #120e08); box-shadow: none;
  color: var(--jx-text); font: 13px/1.25 var(--jx-font); text-shadow: 1px 1px 0 #000; text-align: left; cursor: pointer; }
#t-log .jxm-list .zrow b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; color: #f3dfa2; }
#t-log .jxm-list .zrow span { color: var(--jx-dim); font-size: 11px; }
#t-log .jxm-list .zrow:hover:not(:disabled) { border-color: #8a7240; background: linear-gradient(#33291a, #1a140b); }
#t-log .jxm-list .zrow.cur { border-color: #c9a24e; background: linear-gradient(#4a3a1a, #22190a); box-shadow: inset 3px 0 0 var(--jx-gold); }
#t-log .jxm-list .zrow.cur b { color: var(--jx-gold); }
#t-log .jxm-list .zrow.cur span { color: #d8c48c; }
#t-log .jxm-list .zrow.lock { opacity: 1; cursor: default; background: #0e0b07; border-color: #2a2216; }
#t-log .jxm-list .zrow.lock b { color: #6e6450; }
#t-log .jxm-list .zrow.lock span { color: #5e5546; }
#t-log .jxm-list .zrow:disabled:not(.lock):not(.cur) { opacity: .6; cursor: default; }
#t-log .jxm-tag { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font: normal 11px/1 var(--jx-font); color: var(--jx-gold); }
#t-log .jxm-tag.lock { color: #6e6450; }
#t-log .jxm-list .zrow:has(.jxm-tag) b { padding-right: 52px; }

/* dien thoai: hang to hon cho de cham */
@media (max-width: 640px), (orientation: portrait) {
  /* #app bi thu nho ~0.8 tren dien thoai: chu to hon de doc */
  #t-log { font-size: 15px; }
  #t-log .jxm-zone { font-size: 17px; }
  #t-log .jxm-h { font-size: 15px; }
  #t-log .jxm-note { font-size: 14px; }
  #t-log .jxm-tag { font-size: 13px; }
  #t-log .jxm-list .zrow:has(.jxm-tag) b { padding-right: 62px; }
  #t-log .jxm-info { grid-template-columns: 1fr 1fr; }
  #t-log .jxm-line:last-child { grid-column: 1 / -1; justify-content: flex-start; }
  #t-log .jxm-btns { grid-template-columns: 48px 1fr 48px 1fr; }
  #t-log .jxm-b { min-height: 42px; font-size: 14px; }
  #t-log .jxm-list { grid-template-columns: 1fr; gap: 4px; }
  #t-log .jxm-list .zrow { min-height: 50px; padding: 5px 10px; }
  #t-log .jxm-list .zrow b { font-size: 16px; }
  #t-log .jxm-list .zrow span { font-size: 13px; }
}

/* phi di ban do + ban do vuot cap (dai ca 06/10/2026: bo vuot ai) */
.jxm-fee { color: #ffd24a; font-size: 11px; white-space: nowrap; }
.jxm-fee.poor { color: #c85a4a; }
.zrow.over b { color: #ff9a7a; }