/* Marketplace styles — alchemist theme */
.market-card{ max-width: 620px; margin: 0 auto; }

/* Only remove outline on market elements */
.market-tab:focus, .market-btn:focus, .market-sort-btn:focus, .market-filter:focus, .market-page-btn:focus, .market-input:focus{ outline: none; }

.market-tabs{ display: flex; gap: 0; border-bottom: 1px solid #2e1e10; margin-bottom: 0; }
.market-tab{
  flex: 1; padding: 10px 0; text-align: center; cursor: pointer;
  font-family: "Courier Prime", monospace; font-size: 11px; letter-spacing: .12em;
  text-transform: uppercase; color: #6a5a4a; background: none; border: none;
  border-bottom: 2px solid transparent; transition: color .2s, border-color .2s;
}
.market-tab:hover{ color: #c8a070; }
.market-tab.active{ color: #e8c8a0; border-bottom-color: #b08040; }

.market-panel{ min-height: 120px; }

.market-empty{ font-family: "Courier Prime", monospace; font-size: 11px; color: #6a5a3a; text-align: center; padding: 2rem 0; letter-spacing: .05em; }
.market-note{ font-family: "Courier Prime", monospace; font-size: 12px; color: #9a8a6a; text-align: center; padding: .5rem 0; }

/* Sort */
.market-sort{ display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #1e1408; margin-bottom: 8px; }
.market-sort-label{ font-family: "Courier Prime", monospace; font-size: 9px; color: #6a5a4a; letter-spacing: .1em; text-transform: uppercase; }
.market-sort-btn{
  padding: 4px 10px; font-family: "Courier Prime", monospace; font-size: 9px;
  letter-spacing: .1em; text-transform: uppercase; cursor: pointer;
  background: none; border: 1px solid #2e1e10; color: #6a5a4a; border-radius: 3px;
  transition: all .2s;
}
.market-sort-btn:hover{ color: #c8a070; border-color: #4a3020; }
.market-sort-btn.active{ color: #e8c8a0; border-color: #b08040; }

/* Filters */
.market-filters{ display: flex; gap: 6px; margin-bottom: 10px; flex-wrap: wrap; }
.market-filter{
  padding: 4px 10px; font-family: "Courier Prime", monospace; font-size: 9px;
  letter-spacing: .1em; text-transform: uppercase; cursor: pointer;
  background: none; border: 1px solid #2e1e10; color: #6a5a4a; border-radius: 3px;
  transition: all .2s;
}
.market-filter:hover{ color: #c8a070; border-color: #4a3020; }
.market-filter.active{ color: #e8c8a0; border-color: #b08040; }

/* Listing cards */
.market-listing{
  background: rgba(20,12,6,.5); border: 1px solid #2e1e10; border-radius: 6px;
  padding: 12px 14px; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: center;
}
.market-ls{ flex: 1; }
.market-ls-id{ font-family: "Courier Prime", monospace; font-size: 11px; color: #7a6a50; letter-spacing: .1em; }
.market-ls-addr{ font-family: "Courier Prime", monospace; font-size: 11px; color: #9a8a60; }
.market-ls-amt{ font-family: "Cormorant Garamond", serif; font-size: 20px; color: #e8c8a0; margin: 2px 0; }
.market-ls-price{ font-family: "Courier Prime", monospace; font-size: 12px; color: #c09050; letter-spacing: .08em; }

.market-lr{ display: flex; flex-direction: column; gap: 6px; align-items: flex-end; }
.market-btn{
  padding: 7px 16px; font-family: "Courier Prime", monospace; font-size: 11px;
  letter-spacing: .1em; text-transform: uppercase; cursor: pointer;
  border-radius: 4px; border: .5px solid; transition: all .2s;
  background: transparent;
}
.market-btn:disabled{ opacity: .6; cursor: not-allowed; }
.market-btn-buy{ color: #40b888; border-color: rgba(48,168,120,.4); }
.market-btn-buy:hover:not(:disabled){ background: rgba(48,168,120,.1); border-color: #40b888; }
.market-btn-buy.buying{ color: #b08040; border-color: rgba(176,128,64,.4); animation: pulse-buy 1.2s ease-in-out infinite; }
@keyframes pulse-buy{ 0%,100%{ opacity: .6; } 50%{ opacity: 1; } }
.market-btn-del{ color: #b06050; border-color: rgba(160,50,40,.3); }
.market-btn-del:hover:not(:disabled){ background: rgba(160,50,40,.1); border-color: #b06050; }
.market-btn-rep{ color: #c0a050; border-color: rgba(176,140,60,.3); }
.market-btn-rep:hover:not(:disabled){ background: rgba(176,140,60,.1); border-color: #c0a050; }
.market-btn-own{ color: #6a5a4a; border-color: #2e1e10; cursor: default; font-style: italic; letter-spacing: .08em; text-transform: lowercase; }

/* Sell form */
.market-form{ max-width: 300px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }
.market-label{ font-family: "Courier Prime", monospace; font-size: 10px; letter-spacing: .1em; color: #9a8a60; text-transform: uppercase; }
.market-input{
  width: 100%; padding: 8px 10px; font-size: 13px;
  background: rgba(12,8,4,.8); border: .5px solid #3a2a1a; color: #e8c8a0;
  border-radius: 4px; font-family: "Courier Prime", monospace;
}
.market-input:focus{ border-color: #b08040; }
.market-status{ font-family: "Courier Prime", monospace; font-size: 12px; color: #9a8a60; text-align: center; min-height: 16px; transition: opacity .3s; }
.market-status.ok{ color: #7fd680; }

/* My Listings */
.my-listing{
  background: rgba(20,12,6,.5); border: 1px solid #2e1e10; border-radius: 6px;
  padding: 14px; margin-bottom: 8px;
}
.my-listing-top{ display: flex; justify-content: space-between; align-items: center; }
.my-listing-id{ font-family: "Courier Prime", monospace; font-size: 11px; color: #7a6a50; letter-spacing: .1em; }
.my-listing-amt{ font-family: "Cormorant Garamond", serif; font-size: 20px; color: #e8c8a0; margin: 2px 0; }
.my-listing-price{ font-family: "Courier Prime", monospace; font-size: 12px; color: #c09050; letter-spacing: .08em; }
.my-listing-actions{ display: flex; gap: 8px; align-items: center; margin-top: 10px; }
.my-listing-reprice-row{
  display: none; gap: 6px; align-items: center; margin-top: 10px;
  padding-top: 10px; border-top: 1px solid #1e1408;
}
.my-listing-reprice-row input{
  width: 120px; padding: 6px 8px; font-size: 11px;
  background: rgba(12,8,4,.8); border: .5px solid #3a2a1a; color: #e8c8a0;
  border-radius: 4px; font-family: "Courier Prime", monospace;
}
.my-listing-reprice-row input::placeholder{ color: #3a2a1a; }

/* Activity */
.market-act{
  padding: 8px 0; border-bottom: 1px solid #1e1408;
  font-family: "Courier Prime", monospace; font-size: 11px;
}
.market-act-type{ letter-spacing: .12em; text-transform: uppercase; font-size: 12px; }
.market-act-listed .market-act-type{ color: #c09050; }
.market-act-sold .market-act-type{ color: #40b888; }
.market-act-delisted .market-act-type{ color: #b06050; }
.market-act-reprice .market-act-type{ color: #c0a050; }
.market-act-detail{ color: #9a8a60; margin-top: 2px; font-size: 11px; }

/* Pagination */
.market-pagination{ display: flex; justify-content: center; align-items: center; gap: 16px; padding: 16px 0 8px; }
.market-page-btn{
  padding: 4px 12px; font-family: "Courier Prime", monospace; font-size: 10px;
  letter-spacing: .1em; text-transform: uppercase; cursor: pointer;
  background: none; border: 1px solid #2e1e10; color: #6a5a4a; border-radius: 3px;
  transition: all .2s;
}
.market-page-btn:hover{ color: #c8a070; border-color: #4a3020; }
.market-page-btn:disabled{ opacity: .3; cursor: not-allowed; }
.market-page-info{ font-family: "Courier Prime", monospace; font-size: 10px; color: #6a5a4a; letter-spacing: .08em; }