/* RF-AVALON Market V61.0.113 FIX16
   Refined Premium visuals. Intentionally restrained: the project remains dark,
   Premium is an accent, and the market switch is a compact segmented control. */

/* --------------------------------------------------------------------------
   Market switch: compact, quiet, aligned with the existing RF-AVALON UI.
   -------------------------------------------------------------------------- */
.market-section-switch{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 14px!important;
  padding:3px!important;
  border:1px solid rgba(83,96,124,.34)!important;
  border-radius:8px!important;
  background:rgba(16,21,32,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.market-section-switch button{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:190px!important;
  min-height:39px!important;
  padding:0 15px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#9ba6bb!important;
  box-shadow:none!important;
  transform:none!important;
  font-size:12px!important;
  font-weight:700!important;
  transition:color .16s ease,background .16s ease,border-color .16s ease!important;
}
.market-section-switch button:hover,
.market-section-switch button:focus-visible{
  color:#e7ebf3!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(100,115,144,.18)!important;
  outline:none!important;
}
.market-section-switch button.selected{
  color:#f5f7fb!important;
  background:linear-gradient(180deg,rgba(255,157,0,.095),rgba(255,112,0,.035)),rgba(37,45,64,.84)!important;
  border-color:rgba(255,160,25,.24)!important;
  box-shadow:inset 0 -2px rgba(255,143,0,.68)!important;
}
.market-section-switch button.selected::after{display:none!important}
.market-section-switch button span[aria-hidden="true"]{
  display:inline!important;
  width:auto!important;
  color:#d89a3a!important;
  opacity:.82!important;
  font-size:12px!important;
}
.market-section-switch button strong{
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.005em!important;
}

/* --------------------------------------------------------------------------
   Premium summary: a small contextual separator, not another hero block.
   -------------------------------------------------------------------------- */
.market-premium-strip-v113,
.item-lot-list[data-market-premium-summary]::before{
  position:relative!important;
  overflow:hidden!important;
  margin:10px 0 9px!important;
  padding:9px 12px!important;
  border:1px solid rgba(204,158,73,.25)!important;
  border-radius:7px!important;
  background:linear-gradient(90deg,rgba(82,61,23,.15),rgba(32,39,55,.54) 42%,rgba(32,39,55,.54))!important;
  color:#dfc17a!important;
  box-shadow:inset 2px 0 rgba(221,171,76,.68)!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.005em!important;
}
.market-premium-strip-v113::before,
.item-lot-list[data-market-premium-summary]::after{display:none!important}
.market-premium-strip-v113 small{color:#929db2!important}
.market-premium-strip-v113 em{color:#d9bc78!important;font-size:11px!important}

/* --------------------------------------------------------------------------
   Character Premium: preserve the normal race art and place the badge beside
   the existing level badge in the top-right corner.
   -------------------------------------------------------------------------- */
.lot-card.market-premium-v113{
  position:relative!important;
  overflow:hidden!important;
  background:var(--panel)!important;
  border-color:rgba(211,165,79,.43)!important;
  box-shadow:0 8px 23px rgba(8,12,22,.19),inset 0 1px 0 rgba(255,219,151,.025)!important;
}
.lot-card.market-premium-v113:hover{
  border-color:rgba(226,175,82,.58)!important;
  box-shadow:0 12px 30px rgba(7,10,19,.25),0 0 18px rgba(211,165,79,.045)!important;
}
.lot-card.market-premium-v113::before{display:none!important}

/* Restore the native race visual that FIX15 made too gold-heavy. */
.lot-card.market-premium-v113 .character-visual{
  background:linear-gradient(115deg,transparent 0 52%,var(--race-accent) 52% 100%),radial-gradient(circle at 50% 55%,var(--race-accent),transparent 44%),#1a2030!important;
  border-bottom:1px solid rgba(211,165,79,.21)!important;
}
@supports (color:color-mix(in srgb,red,blue)){
  .lot-card.market-premium-v113 .character-visual{
    background:linear-gradient(115deg,transparent 0 52%,color-mix(in srgb,var(--race-accent) 7%,transparent) 52% 100%),radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--race-accent) 16%,transparent),transparent 44%),#1a2030!important;
  }
}
.lot-card.market-premium-v113 .character-visual::before,
.lot-card.market-premium-v113 .character-visual::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:160px!important;
  height:1px!important;
  opacity:.55!important;
  background:linear-gradient(90deg,transparent,var(--race-accent),transparent)!important;
  pointer-events:none!important;
}
@supports (color:color-mix(in srgb,red,blue)){
  .lot-card.market-premium-v113 .character-visual::before,
  .lot-card.market-premium-v113 .character-visual::after{
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--race-accent) 60%,transparent),transparent)!important;
  }
}
.lot-card.market-premium-v113 .character-visual::before{transform:rotate(34deg)!important}
.lot-card.market-premium-v113 .character-visual::after{transform:rotate(-34deg)!important;left:auto!important;right:auto!important;bottom:auto!important}

/* Premium badge + level = one compact top-right status cluster. */
.lot-card .character-visual > .market-promo-badge-v113.character-top.premium{
  position:absolute!important;
  top:10px!important;
  right:57px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:8!important;
  width:auto!important;
  max-width:calc(100% - 75px)!important;
  min-height:27px!important;
  margin:0!important;
  padding:5px 9px!important;
  transform:none!important;
  white-space:nowrap!important;
  border:1px solid rgba(218,172,82,.44)!important;
  border-radius:999px!important;
  background:rgba(35,31,23,.9)!important;
  color:#e9cf8e!important;
  box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  backdrop-filter:none!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  line-height:1!important;
}
.lot-card .character-visual > .market-promo-badge-v113.character-top.premium::before{display:none!important}
.lot-card .character-visual > .market-promo-badge-v113.character-top.boost{
  position:absolute!important;
  top:10px!important;
  right:57px!important;
  left:auto!important;
  bottom:auto!important;
  min-height:27px!important;
  max-width:calc(100% - 75px)!important;
  padding:5px 9px!important;
  border:1px solid rgba(113,132,172,.30)!important;
  border-radius:999px!important;
  background:rgba(27,34,49,.88)!important;
  color:#bfcbe4!important;
  box-shadow:0 4px 12px rgba(0,0,0,.13)!important;
  backdrop-filter:none!important;
  font-size:9px!important;
  letter-spacing:.05em!important;
}

/* --------------------------------------------------------------------------
   Item Premium: subtle row accent; item grade remains the main visual language.
   -------------------------------------------------------------------------- */
.item-lot-row.market-premium-v113,
.item-lot-row[data-market-promotion-kind="premium"]{
  position:relative!important;
  overflow:visible!important;
  z-index:auto!important;
  border-color:rgba(204,158,73,.34)!important;
  background:linear-gradient(90deg,var(--item-grade-color),transparent 28%),#232a3d!important;
  box-shadow:inset 2px 0 rgba(215,167,76,.62)!important;
}
@supports (color:color-mix(in srgb,red,blue)){
  .item-lot-row.market-premium-v113,
  .item-lot-row[data-market-promotion-kind="premium"]{
    background:linear-gradient(90deg,color-mix(in srgb,var(--item-grade-color) 4%,transparent),transparent 28%),#232a3d!important;
  }
}
.item-lot-row.market-premium-v113:hover,
.item-lot-row[data-market-promotion-kind="premium"]:hover,
.item-lot-row[data-market-promotion-kind="premium"].expanded{
  box-shadow:inset 2px 0 rgba(221,174,83,.78)!important;
}
.item-lot-row[data-market-promotion-kind="premium"]::before{display:none!important}
.item-lot-row[data-market-promotion-kind] .item-lot-flags[data-market-promotion-kind]::before{
  min-height:24px!important;
  margin-right:5px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  line-height:1!important;
}
.item-lot-row[data-market-promotion-kind="premium"] .item-lot-flags::before{
  color:#e8ca84!important;
  background:rgba(53,43,25,.72)!important;
  border:1px solid rgba(214,168,80,.38)!important;
}
.item-lot-row[data-market-promotion-kind="boost"] .item-lot-flags::before{
  color:#bdc9e1!important;
  background:rgba(30,37,53,.76)!important;
  border:1px solid rgba(117,136,177,.26)!important;
}

/* --------------------------------------------------------------------------
   My lots: actions have one hierarchy. Cancel is neutral-danger, promotion is
   secondary, Premium gets only a light gold hint.
   -------------------------------------------------------------------------- */
.market-history-actions{
  gap:8px!important;
  align-items:center!important;
}
.market-history-cancel,
.market-history-actions .market-promotion-button-v113{
  min-height:38px!important;
  border-radius:6px!important;
  padding:0 12px!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.market-history-cancel{
  border-color:rgba(170,76,86,.50)!important;
  background:rgba(124,44,53,.12)!important;
  color:#e89aa2!important;
}
.market-history-cancel:hover:not(:disabled){
  background:rgba(134,47,57,.20)!important;
  border-color:rgba(197,88,98,.58)!important;
}
.market-history-actions .market-promotion-actions-v113{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
  width:auto!important;
}
.market-history-actions .market-promotion-button-v113{
  background:#20283a!important;
  border-color:rgba(112,130,166,.28)!important;
  color:#cbd5e8!important;
}
.market-history-actions .market-promotion-button-v113.premium{
  background:rgba(68,54,29,.42)!important;
  border-color:rgba(205,158,72,.32)!important;
  color:#dfc17a!important;
}
.market-history-actions .market-promotion-button-v113:disabled{
  opacity:.48!important;
}

/* --------------------------------------------------------------------------
   Mobile: compact switch and sane action hierarchy. No giant 2-row cancel tile.
   -------------------------------------------------------------------------- */
@media (max-width:720px){
  .market-section-switch{
    width:100%!important;
    margin:0 0 12px!important;
    padding:3px!important;
    gap:3px!important;
  }
  .market-section-switch button{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 8px!important;
    gap:5px!important;
  }
  .market-section-switch button strong{font-size:11px!important}
  .market-section-switch button span[aria-hidden="true"]{font-size:11px!important}

  .market-premium-strip-v113,
  .item-lot-list[data-market-premium-summary]::before{
    margin:8px 0!important;
    padding:8px 10px!important;
    font-size:10px!important;
  }

  .lot-card .character-visual > .market-promo-badge-v113.character-top.premium,
  .lot-card .character-visual > .market-promo-badge-v113.character-top.boost{
    top:9px!important;
    right:54px!important;
    left:auto!important;
    max-width:calc(100% - 70px)!important;
    min-height:25px!important;
    padding:4px 7px!important;
    font-size:8px!important;
  }

  .item-lot-row[data-market-promotion-kind] .item-lot-flags[data-market-promotion-kind]::before{
    min-height:22px!important;
    padding:4px 7px!important;
    font-size:8px!important;
  }

  .market-history-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    margin-top:12px!important;
  }
  .market-history-cancel{
    grid-column:1!important;
    width:100%!important;
    min-height:42px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
  .market-history-actions .market-promotion-actions-v113{
    grid-column:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
  }
  .market-history-actions .market-promotion-button-v113{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:7px 9px!important;
    white-space:normal!important;
    text-align:center!important;
    font-size:11px!important;
  }
}

@media (max-width:380px){
  .market-section-switch button strong{font-size:10px!important}
  .market-history-actions .market-promotion-actions-v113{
    grid-template-columns:1fr!important;
  }
}