/* ==========================================================
   REMINISCE MU - PRIVATE MARKET ANALYZER V2
   Horizontal/table dashboard inspired by AncientMU structure.
   Scoped under .market-v2 to avoid Nabin template collisions.
   ========================================================== */
.market-v2,
.market-v2 * { box-sizing: border-box !important; }

.market-v2 {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 24px !important;
  color: #ece5df !important;
  background: linear-gradient(180deg, rgba(21,12,10,.97), rgba(10,7,8,.98)) !important;
  border: 1px solid rgba(183,116,49,.55) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.025) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.market-v2-header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 2px 2px 18px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid rgba(183,116,49,.35) !important;
}
.market-v2-title > span,
.market-v2-section-kicker {
  display: block !important;
  color: #c88b48 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 2.4px !important;
}
.market-v2-title h2 {
  margin: 5px 0 5px !important;
  color: #fff !important;
  font-size: 27px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: .5px !important;
}
.market-v2-title h2 i { color: #d59a56 !important; margin-right: 7px !important; }
.market-v2-title p { margin: 0 !important; color: rgba(255,255,255,.55) !important; font-size: 12px !important; }
.market-v2-scan { min-width: 280px !important; text-align: right !important; }
.market-v2-scan span,
.market-v2-scan small { display: block !important; color: rgba(255,255,255,.42) !important; font-size: 9px !important; letter-spacing: .8px !important; }
.market-v2-scan strong { display: block !important; margin: 4px 0 !important; color: #d7a36a !important; font-size: 12px !important; }
.market-v2-alert {
  display: flex !important;
  gap: 9px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  margin-bottom: 16px !important;
  border: 1px solid rgba(202,137,67,.35) !important;
  background: rgba(202,137,67,.08) !important;
  color: #e7bf93 !important;
  font-size: 11px !important;
}

/* First row: Jewels / Wings / Excellent */
.market-v2-overview {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}
.market-v2-statcard,
.market-v2-levelcard,
.market-v2-items {
  border: 1px solid rgba(183,116,49,.34) !important;
  background: linear-gradient(180deg, rgba(34,20,17,.88), rgba(15,10,11,.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 10px 28px rgba(0,0,0,.26) !important;
}
.market-v2-statcard { min-width: 0 !important; }
.market-v2-cardhead {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 118px !important;
  padding: 16px 20px 14px !important;
  border-bottom: 1px solid rgba(183,116,49,.28) !important;
  background: radial-gradient(circle at 100% 0, rgba(183,116,49,.13), transparent 44%) !important;
}
.market-v2-cardhead-inner {
  width: 100% !important;
}
.market-v2-cardhead-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  margin-bottom: 3px !important;
}
.market-v2-cardtitle {
  display: inline-flex !important;
  align-items: center !important;
  color: #d9b083 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1.1px !important;
}
.market-v2-cardtitle i { width: 18px !important; color: #d69a55 !important; }
.market-v2-bigtotal {
  display: block !important;
  margin: 5px 0 3px !important;
  color: #fff !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}
.market-v2-cardhead small { color: rgba(255,255,255,.42) !important; font-size: 9px !important; }
.market-v2-statrows { padding: 0 18px 10px !important; }
.market-v2-scrollrows { max-height: 255px !important; overflow-y: auto !important; }
.market-v2-statrow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 36px !important;
  padding: 8px 2px !important;
  border-bottom: 1px solid rgba(255,255,255,.065) !important;
}
.market-v2-statrow:last-child { border-bottom: 0 !important; }
.market-v2-statrow span { min-width: 0 !important; color: rgba(255,255,255,.72) !important; font-size: 11px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.market-v2-statrow strong { color: #e2ae72 !important; font-size: 12px !important; font-weight: 800 !important; }
.market-v2-statrow-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* ==========================================================
   MARKET ANALYZER TREND BADGES (TUMAAS / BUMABABA)
   Matches dashboard reference: outline pill with arrows
   ========================================================== */
.market-v2-trend {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .3px !important;
  white-space: nowrap !important;
  user-select: none !important;
  box-sizing: border-box !important;
  background: rgba(15, 24, 36, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 255, 255, 0.50) !important;
  transition: all .2s ease !important;
}

/* Green pill when increased (tumaas) */
.market-v2-trend.trend-up {
  border-color: #10b981 !important;
  color: #34d399 !important;
  background: rgba(16, 185, 129, 0.16) !important;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.22) !important;
}
.market-v2-trend.trend-up .market-trend-arrow {
  color: #34d399 !important;
}

/* Red pill when decreased (bumababa) */
.market-v2-trend.trend-down {
  border-color: #ef4444 !important;
  color: #f87171 !important;
  background: rgba(239, 68, 68, 0.16) !important;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.22) !important;
}
.market-v2-trend.trend-down .market-trend-arrow {
  color: #f87171 !important;
}

/* Neutral / no change (pantay) */
.market-v2-trend.trend-same {
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.45) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}
.market-v2-trend.trend-same .market-trend-arrow {
  font-size: 8px !important;
  color: rgba(255, 255, 255, 0.35) !important;
}

.market-v2-trend .market-trend-arrow {
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* Compact mini badge for stat rows */
.market-v2-trend.market-v2-trend-sm {
  font-size: 9px !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
  gap: 3px !important;
}
.market-v2-trend.market-v2-trend-sm .market-trend-arrow {
  font-size: 8px !important;
}

/* Second row: high-level Normal + Excellent */
.market-v2-levelgrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}
.market-v2-levelhead {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid rgba(183,116,49,.28) !important;
}
.market-v2-levelhead-info {
  width: 100% !important;
}
.market-v2-levelhead span { display: block !important; color: #d9b083 !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 1px !important; }
.market-v2-levelhead strong { display: inline-block !important; margin: 4px 8px 0 0 !important; color: #fff !important; font-size: 27px !important; line-height: 1 !important; }
.market-v2-levelhead small { color: rgba(255,255,255,.42) !important; font-size: 9px !important; }
.market-v2-levelhead > i { color: rgba(214,154,85,.32) !important; font-size: 34px !important; }
.market-v2-levelrow {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  padding: 0 !important;
}
.market-v2-levelrow > button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 55px !important;
  padding: 12px 18px !important;
  border-right: 1px solid rgba(255,255,255,.07) !important;
}
.market-v2-levelrow > button:last-child { border-right: 0 !important; }
.market-v2-levelrow span { color: rgba(255,255,255,.58) !important; font-size: 11px !important; font-weight: 700 !important; }
.market-v2-levelrow strong { color: #e2ae72 !important; font-size: 18px !important; }

/* Full-width excellent item database */
.market-v2-items { padding: 18px !important; }
.market-v2-items-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 14px !important;
}
.market-v2-items-head h3 {
  margin: 4px 0 3px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
.market-v2-items-head small { color: rgba(255,255,255,.40) !important; font-size: 9px !important; }
.market-v2-filters { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; justify-content: flex-end !important; }
.market-v2-filters button {
  height: 33px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(183,116,49,.44) !important;
  background: rgba(0,0,0,.24) !important;
  color: #d8c5b3 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
  cursor: pointer !important;
}
.market-v2-filters button:hover,
.market-v2-filters button.active {
  border-color: #cf8c44 !important;
  background: linear-gradient(#c88640,#9e5d2a) !important;
  color: #fff !important;
}
.market-v2-search {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}
.market-v2-search > i { position: absolute !important; left: 13px !important; color: #cb8c49 !important; font-size: 11px !important; z-index: 2 !important; }
.market-v2-search input {
  width: 100% !important;
  height: 39px !important;
  padding: 0 100px 0 36px !important;
  border: 1px solid rgba(183,116,49,.35) !important;
  border-radius: 0 !important;
  outline: none !important;
  background: rgba(0,0,0,.28) !important;
  color: #fff !important;
  font-size: 11px !important;
}
.market-v2-search input:focus { border-color: rgba(207,140,68,.9) !important; box-shadow: inset 0 0 0 1px rgba(207,140,68,.18) !important; }
.market-v2-search input::placeholder { color: rgba(255,255,255,.30) !important; }
#marketAnalyzerResultCount { position: absolute !important; right: 12px !important; color: rgba(255,255,255,.40) !important; font-size: 9px !important; }
.market-v2-tablewrap {
  width: 100% !important;
  max-height: 650px !important;
  overflow: auto !important;
  border: 1px solid rgba(183,116,49,.24) !important;
  background: rgba(0,0,0,.15) !important;
}
.market-v2-table {
  width: 100% !important;
  min-width: 860px !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
  color: #ddd !important;
}
.market-v2-table thead { position: sticky !important; top: 0 !important; z-index: 3 !important; }
.market-v2-table thead th {
  padding: 11px 10px !important;
  border-right: 1px solid rgba(183,116,49,.19) !important;
  border-bottom: 1px solid rgba(183,116,49,.38) !important;
  background: #1d110f !important;
  color: #dca766 !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.market-v2-table tbody td {
  padding: 10px !important;
  border-right: 1px solid rgba(255,255,255,.045) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(0,0,0,.08) !important;
  color: rgba(255,255,255,.70) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}
.market-v2-table tbody tr:nth-child(even) td { background: rgba(255,255,255,.018) !important; }
.market-v2-table tbody tr:hover td { background: rgba(183,116,49,.07) !important; }
.market-v2-table th:first-child,
.market-v2-table td:first-child { width: 44px !important; text-align: center !important; }
.market-v2-rownum { color: rgba(255,255,255,.34) !important; }
.market-v2-itemname strong { display: block !important; color: #fff !important; font-size: 11px !important; }
.market-v2-itemname small { display: block !important; margin-top: 2px !important; color: rgba(255,255,255,.30) !important; font-size: 8px !important; }
.market-v2-yn {
  display: inline-block !important;
  min-width: 34px !important;
  padding: 3px 5px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  text-align: center !important;
  font-size: 8px !important;
  font-weight: 800 !important;
}
.market-v2-yn.yes { color: #b6d9ab !important; border-color: rgba(91,151,74,.28) !important; background: rgba(91,151,74,.10) !important; }
.market-v2-yn.no { color: rgba(255,255,255,.36) !important; background: rgba(255,255,255,.025) !important; }
.market-v2-exc em {
  display: inline-block !important;
  margin-right: 7px !important;
  color: #e0a65f !important;
  font-size: 8px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.market-v2-exc span { color: #a9cf9f !important; }
.market-v2-empty { padding: 30px !important; text-align: center !important; color: rgba(255,255,255,.38) !important; font-size: 10px !important; }

@media (max-width: 1100px) {
  .market-v2-overview { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .market-v2-overview > .market-v2-statcard:last-child { grid-column: 1 / -1 !important; }
}
@media (max-width: 800px) {
  .market-v2 { padding: 16px !important; }
  .market-v2-header { display: block !important; }
  .market-v2-scan { min-width: 0 !important; margin-top: 13px !important; text-align: left !important; }
  .market-v2-overview,
  .market-v2-levelgrid { grid-template-columns: 1fr !important; }
  .market-v2-overview > .market-v2-statcard:last-child { grid-column: auto !important; }
  .market-v2-items-head { display: block !important; }
  .market-v2-filters { justify-content: flex-start !important; margin-top: 12px !important; }
}
@media (max-width: 520px) {
  .market-v2-title h2 { font-size: 22px !important; }
  .market-v2-bigtotal { font-size: 29px !important; }
  .market-v2-levelrow > button { padding: 10px 11px !important; }
  .market-v2-levelrow strong { font-size: 15px !important; }
  .market-v2-search input { padding-right: 82px !important; }
}


/* ==========================================================
   V3: private holder lookup + one-option-only presentation
   ========================================================== */
.market-v2 button.market-v2-cardhead,
.market-v2 button.market-v2-levelhead,
.market-v2 button.market-v2-statrow,
.market-v2 .market-v2-levelrow > button {
  width: 100% !important;
  margin: 0 !important;
  font-family: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  outline: none !important;
}
.market-v2 button.market-v2-cardhead,
.market-v2 button.market-v2-levelhead {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.market-v2 button.market-v2-statrow {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
}
.market-v2 .market-v2-levelrow > button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 55px !important;
  padding: 12px 18px !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  border-right: 1px solid rgba(255,255,255,.07) !important;
  background: transparent !important;
}
.market-v2 .market-v2-levelrow > button:last-child { border-right: 0 !important; }
.market-v2-clickable {
  transition: background .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
.market-v2-clickable:hover,
.market-v2-clickable:focus {
  background-color: rgba(196,126,55,.10) !important;
  box-shadow: inset 3px 0 0 rgba(218,154,84,.75) !important;
}
.market-v2-itemrow { cursor: pointer !important; }
.market-v2-itemrow:hover td { background: rgba(183,116,49,.12) !important; }
.market-v2-oneopt-badge {
  flex: 0 0 auto !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(190,128,62,.48) !important;
  background: rgba(190,128,62,.09) !important;
  color: #e1ad70 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
}

html.market-v2-modal-open,
body.market-v2-modal-open { overflow: hidden !important; }
.market-v2-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}
.market-v2-modal.is-open { display: flex !important; }
.market-v2-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,.80) !important;
  backdrop-filter: blur(3px) !important;
}
.market-v2-modal-dialog {
  position: relative !important;
  z-index: 2 !important;
  width: min(920px, 96vw) !important;
  max-height: 84vh !important;
  overflow: hidden !important;
  border: 1px solid rgba(198,130,61,.62) !important;
  background: linear-gradient(180deg, #21120f, #0f0a0b) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.72) !important;
  color: #eee !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
.market-v2-modal-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid rgba(198,130,61,.36) !important;
  background: radial-gradient(circle at 100% 0, rgba(198,130,61,.15), transparent 42%) !important;
}
.market-v2-modal-head span {
  display: block !important;
  color: #c98b49 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 1.8px !important;
}
.market-v2-modal-head h3 {
  margin: 4px 0 !important;
  color: #fff !important;
  font-size: 21px !important;
  line-height: 1.15 !important;
}
.market-v2-modal-head small { color: rgba(255,255,255,.46) !important; font-size: 10px !important; }
.market-v2-modal-close {
  flex: 0 0 auto !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 1px solid rgba(198,130,61,.38) !important;
  background: rgba(0,0,0,.24) !important;
  color: #e6c39c !important;
  font-size: 24px !important;
  line-height: 30px !important;
  cursor: pointer !important;
}
.market-v2-modal-close:hover { background: rgba(198,130,61,.14) !important; color: #fff !important; }
.market-v2-modal-tablewrap {
  max-height: 52vh !important;
  overflow: auto !important;
}
.market-v2-holdertable {
  width: 100% !important;
  min-width: 620px !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
}
.market-v2-holdertable thead { position: sticky !important; top: 0 !important; z-index: 2 !important; }
.market-v2-holdertable th {
  padding: 11px 14px !important;
  border-right: 1px solid rgba(198,130,61,.18) !important;
  border-bottom: 1px solid rgba(198,130,61,.38) !important;
  background: #1a100e !important;
  color: #dca766 !important;
  font-size: 9px !important;
  letter-spacing: .7px !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.market-v2-holdertable td {
  padding: 11px 14px !important;
  border-right: 1px solid rgba(255,255,255,.045) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(0,0,0,.08) !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 11px !important;
}
.market-v2-holdertable tbody tr:nth-child(even) td { background: rgba(255,255,255,.02) !important; }
.market-v2-holdertable td strong { color: #fff !important; }
.market-v2-account-mask {
  display: inline-block !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(198,130,61,.28) !important;
  background: rgba(198,130,61,.08) !important;
  color: #e2ae72 !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
}
.market-v2-modal-empty {
  display: none;
  padding: 34px 20px !important;
  text-align: center !important;
  color: rgba(255,255,255,.42) !important;
  font-size: 11px !important;
}
.market-v2-modal-note {
  padding: 12px 18px !important;
  border-top: 1px solid rgba(198,130,61,.25) !important;
  background: rgba(198,130,61,.05) !important;
  color: rgba(255,255,255,.50) !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
}
.market-v2-modal-note b { color: #e0ac70 !important; }

@media (max-width: 680px) {
  .market-v2-modal { padding: 10px !important; }
  .market-v2-modal-dialog { width: 100% !important; max-height: 92vh !important; }
  .market-v2-modal-tablewrap { max-height: 62vh !important; }
  .market-v2-oneopt-badge { margin-top: 10px !important; display: inline-block !important; }
}

/* 2026-08-18: keep high-level item headers consistent with the dark market theme. */
.market-v2 button.market-v2-levelhead {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  color: inherit !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.market-v2 button.market-v2-levelhead:hover,
.market-v2 button.market-v2-levelhead:focus {
  background: rgba(196,126,55,.10) !important;
  box-shadow: inset 3px 0 0 rgba(218,154,84,.75) !important;
}