/* Trade listing text readability overrides. */
.tradehub-item .mth-card-name,
.tradehub-requirement-item .mth-card-name{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:center!important;
  line-height:1.2!important;
  min-height:2.4em!important;
  display:block!important;
  overflow-wrap:anywhere;
}
.tradehub-item .mth-card-value,
.tradehub-requirement-item .tradehub-requirement-value{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:center!important;
  line-height:1.25!important;
}
.tradehub-item,
.tradehub-requirement-item{
  overflow:visible!important;
}


/* Professional Profile Trade listing composition. */
#profileContent .profile-trade-listings{
  width:100%;
  max-width:620px!important;
  margin:0 auto 22px!important;
}
#profileContent .profile-trade-listing{
  width:100%;
}
#profileContent .profile-trade-listing .tradehub-card-main{
  grid-template-columns:180px 44px 180px!important;
  justify-content:center;
  align-items:start!important;
  column-gap:18px!important;
  padding:12px 16px 10px!important;
}
#profileContent .profile-trade-listing .tradehub-side{
  width:180px;
  align-items:stretch!important;
}
#profileContent .profile-trade-listing .tradehub-side-label{
  width:180px!important;
  max-width:180px!important;
  min-height:22px;
  margin:0 0 6px!important;
  text-align:center!important;
  font-size:.8rem;
  line-height:1.2;
}
#profileContent .profile-trade-listing .tradehub-items{
  width:180px!important;
  max-width:180px!important;
  gap:8px;
}
#profileContent .profile-trade-listing .tradehub-item,
#profileContent .profile-trade-listing .tradehub-requirement-item{
  width:180px!important;
}
#profileContent .profile-trade-listing .tradehub-item .mth-card-name,
#profileContent .profile-trade-listing .tradehub-requirement-item .mth-card-name{
  min-height:2.45em!important;
  margin:0 0 7px!important;
  font-size:.8rem!important;
  line-height:1.2!important;
  text-align:center!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden!important;
}
#profileContent .profile-trade-listing .tradehub-item-symbol,
#profileContent .profile-trade-listing .tradehub-requirement-item .tradehub-item-symbol{
  width:180px!important;
  height:94px!important;
  min-height:94px!important;
}
#profileContent .profile-trade-listing .tradehub-item .mth-card-value,
#profileContent .profile-trade-listing .tradehub-requirement-item .tradehub-requirement-value{
  min-height:1.25em!important;
  margin:6px 0 0!important;
  text-align:center!important;
  font-size:.8rem!important;
}
#profileContent .profile-trade-listing .tradehub-center{
  width:44px!important;
  min-width:44px!important;
  margin-top:68px!important;
  align-self:start!important;
}
#profileContent .profile-trade-listing .tradehub-swap{
  width:30px;
  height:30px;
}
#profileContent .profile-trade-listing .tradehub-cash-item{
  width:180px!important;
  min-height:38px!important;
  height:auto!important;
  padding:6px 9px!important;
  border-radius:9px;
}
#profileContent .profile-trade-listing-footer{
  max-width:620px;
  margin:0 auto!important;
  padding:7px 10px!important;
}
#profileContent .profile-trade-group-head{
  max-width:620px;
  margin:18px auto 8px;
}
@media(max-width:700px){
  #profileContent .profile-trade-listings{max-width:100%!important}
  #profileContent .profile-trade-listing .tradehub-card-main{
    grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;
    column-gap:8px!important;
    padding:10px 4px!important;
  }
  #profileContent .profile-trade-listing .tradehub-side,
  #profileContent .profile-trade-listing .tradehub-side-label,
  #profileContent .profile-trade-listing .tradehub-items,
  #profileContent .profile-trade-listing .tradehub-item,
  #profileContent .profile-trade-listing .tradehub-requirement-item,
  #profileContent .profile-trade-listing .tradehub-item-symbol,
  #profileContent .profile-trade-listing .tradehub-requirement-item .tradehub-item-symbol,
  #profileContent .profile-trade-listing .tradehub-cash-item{
    width:100%!important;
    max-width:100%!important;
  }
}

.profile-listing-group-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.profile-listing-group-head h2{margin:0}
.profile-listing-group-head>span{
  min-width:24px;
  height:24px;
  padding:0 7px;
  border:1px solid var(--line);
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:.8rem;
  font-weight:800;
  color:var(--muted);
}


/* 2026-10-06 — Unified Profile Listings workspace. */
#profileContent .profile-listings-controls,
#profileContent .profile-listing-group-head,
#profileContent .profile-auction-grid,
#profileContent .profile-trade-listings{
  width:100%;
  max-width:680px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#profileContent .profile-listings-controls{
  margin-top:4px!important;
  margin-bottom:18px!important;
  padding:0!important;
  border:0!important;
}
#profileContent .profile-listings-controls .profile-control-buttons{
  display:flex;
  gap:8px;
  align-items:center;
}
#profileContent .profile-listings-controls button{
  min-height:38px;
  padding:8px 14px;
  border-radius:10px;
  font-size:.8rem;
}
#profileContent .profile-listing-group-head{
  margin-top:20px!important;
  margin-bottom:9px!important;
  padding:0 2px 7px;
  border-bottom:1px solid var(--line);
}
#profileContent .profile-listing-group-head h2{
  font-size:1rem!important;
  font-weight:800;
  letter-spacing:-.015em;
}
#profileContent .profile-listing-group-head>span{
  min-width:auto;
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--muted);
  font-size:.8rem;
}
#profileContent .profile-listing-group-head>span::before{content:"";}

/* Auction becomes a compact management row instead of a separate large marketplace card. */
#profileContent .profile-auction-grid{
  display:block!important;
  margin-bottom:8px!important;
}
#profileContent .profile-auction-card{
  width:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--surface)!important;
  overflow:hidden;
  box-shadow:none!important;
}
#profileContent .profile-auction-card:hover{
  transform:none!important;
  border-color:color-mix(in srgb,var(--ink) 25%,var(--line))!important;
}
#profileContent .profile-auction-card .auction-card-open{
  min-width:0;
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr);
  align-items:stretch;
}
#profileContent .profile-auction-card .auction-visual{
  width:170px;
  height:116px!important;
  min-height:116px;
  border-radius:0!important;
}
#profileContent .profile-auction-card .auction-body{
  min-width:0;
  padding:12px 14px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#profileContent .profile-auction-card .auction-body h3{
  font-size:.86rem!important;
  margin-bottom:3px!important;
}
#profileContent .profile-auction-card .auction-location{
  margin-bottom:8px!important;
  font-size:.8rem!important;
}
#profileContent .profile-auction-card .auction-bid-row{
  grid-template-columns:auto auto;
  justify-content:start;
  gap:24px!important;
}
#profileContent .profile-auction-card .auction-bid-row small{font-size:.8rem!important}
#profileContent .profile-auction-card .auction-bid-row strong{font-size:.8rem!important}
#profileContent .profile-auction-card .auction-meta{
  margin-top:7px!important;
  padding-top:6px!important;
  border-top:1px solid var(--line)!important;
}
#profileContent .profile-auction-card .auction-meta span{
  padding:2px 5px!important;
  font-size:.8rem!important;
}
#profileContent .profile-auction-actions{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding:10px;
  border-left:1px solid var(--line);
}
#profileContent .profile-auction-actions .quiet{
  min-width:76px;
  min-height:32px;
  padding:5px 9px;
  border-radius:8px;
  font-size:.8rem;
}

/* Trade uses the same workspace width and less surrounding whitespace. */
#profileContent .profile-trade-listings{
  max-width:680px!important;
  margin-top:0!important;
  margin-bottom:12px!important;
}
#profileContent .profile-trade-listing{
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--surface)!important;
  overflow:hidden!important;
}
#profileContent .profile-trade-listing .tradehub-card-main{
  grid-template-columns:180px 44px 180px!important;
  column-gap:18px!important;
  padding:14px 18px 10px!important;
}
#profileContent .profile-trade-listing-footer{
  max-width:none!important;
  border-top:1px solid var(--line)!important;
  border-bottom:0!important;
  padding:7px 10px!important;
}
#profileContent .profile-trade-listing-actions .quiet{
  min-height:28px;
  padding:4px 9px;
  font-size:.8rem;
}
:root[data-theme="night"] #profileContent .profile-auction-card,
:root[data-theme="night"] #profileContent .profile-trade-listing{
  background:#101512!important;
  border-color:#29312d!important;
}
@media(max-width:700px){
  #profileContent .profile-listings-controls,
  #profileContent .profile-listing-group-head,
  #profileContent .profile-auction-grid,
  #profileContent .profile-trade-listings{max-width:100%!important}
  #profileContent .profile-auction-card{grid-template-columns:1fr}
  #profileContent .profile-auction-card .auction-card-open{grid-template-columns:118px minmax(0,1fr)}
  #profileContent .profile-auction-card .auction-visual{width:118px;height:108px!important;min-height:108px}
  #profileContent .profile-auction-actions{flex-direction:row;border-left:0;border-top:1px solid var(--line)}
  #profileContent .profile-auction-actions .quiet{flex:1}
}


/* 2026-10-06 — Compact Trade management row aligned with Auction. */
#profileContent .profile-trade-listing{
  width:100%!important;
}
#profileContent .profile-trade-listing-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 138px;
  align-items:stretch;
}
#profileContent .profile-trade-listing .tradehub-card-main{
  grid-template-columns:146px 34px 146px!important;
  justify-content:start!important;
  column-gap:10px!important;
  padding:10px 14px 8px!important;
}
#profileContent .profile-trade-listing .tradehub-side{
  width:146px!important;
}
#profileContent .profile-trade-listing .tradehub-side-label{
  width:146px!important;
  max-width:146px!important;
  min-height:18px!important;
  margin:0 0 4px!important;
  font-size:.8rem!important;
}
#profileContent .profile-trade-listing .tradehub-items,
#profileContent .profile-trade-listing .tradehub-item,
#profileContent .profile-trade-listing .tradehub-requirement-item,
#profileContent .profile-trade-listing .tradehub-cash-item{
  width:146px!important;
  max-width:146px!important;
}
#profileContent .profile-trade-listing .tradehub-item .mth-card-name,
#profileContent .profile-trade-listing .tradehub-requirement-item .mth-card-name{
  min-height:2.25em!important;
  margin:0 0 4px!important;
  font-size:.8rem!important;
  line-height:1.12!important;
}
#profileContent .profile-trade-listing .tradehub-item-symbol,
#profileContent .profile-trade-listing .tradehub-requirement-item .tradehub-item-symbol{
  width:146px!important;
  height:78px!important;
  min-height:78px!important;
  border-radius:12px!important;
}
#profileContent .profile-trade-listing .tradehub-item-symbol .mth-icon-svg,
#profileContent .profile-trade-listing .tradehub-requirement-item .tradehub-item-symbol .mth-icon-svg{
  width:42px!important;
  height:42px!important;
}
#profileContent .profile-trade-listing .tradehub-item .mth-card-value,
#profileContent .profile-trade-listing .tradehub-requirement-item .tradehub-requirement-value{
  margin:4px 0 0!important;
  min-height:1em!important;
  font-size:.8rem!important;
}
#profileContent .profile-trade-listing .tradehub-center{
  width:34px!important;
  min-width:34px!important;
  margin-top:54px!important;
}
#profileContent .profile-trade-listing .tradehub-swap{
  width:26px!important;
  height:26px!important;
  font-size:.8rem!important;
}
#profileContent .profile-trade-listing .tradehub-cash-item{
  min-height:32px!important;
  padding:5px 7px!important;
  border-radius:8px!important;
}
#profileContent .profile-trade-listing .tradehub-cash-item .mth-card-name,
#profileContent .profile-trade-listing .tradehub-cash-item .mth-card-value{
  font-size:.8rem!important;
}
#profileContent .profile-trade-listing-actions{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding:10px;
  border-left:1px solid var(--line);
}
#profileContent .profile-trade-listing-actions .quiet{
  width:100%;
  min-width:82px;
  min-height:32px!important;
  padding:5px 9px!important;
  border-radius:8px!important;
  font-size:.8rem!important;
}
#profileContent .profile-trade-listing-footer{
  border-top:1px solid var(--line)!important;
  padding:6px 10px!important;
}
#profileContent .profile-trade-listing-footer .tradehub-card-meta{
  margin:0!important;
  padding:0!important;
  border:0!important;
  font-size:.8rem!important;
}
@media(max-width:700px){
  #profileContent .profile-trade-listing-body{grid-template-columns:1fr}
  #profileContent .profile-trade-listing .tradehub-card-main{
    grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;
    justify-content:center!important;
    column-gap:6px!important;
    padding:9px 8px 7px!important;
  }
  #profileContent .profile-trade-listing .tradehub-side,
  #profileContent .profile-trade-listing .tradehub-side-label,
  #profileContent .profile-trade-listing .tradehub-items,
  #profileContent .profile-trade-listing .tradehub-item,
  #profileContent .profile-trade-listing .tradehub-requirement-item,
  #profileContent .profile-trade-listing .tradehub-item-symbol,
  #profileContent .profile-trade-listing .tradehub-requirement-item .tradehub-item-symbol,
  #profileContent .profile-trade-listing .tradehub-cash-item{
    width:100%!important;
    max-width:100%!important;
  }
  #profileContent .profile-trade-listing-actions{
    flex-direction:row;
    border-left:0;
    border-top:1px solid var(--line);
  }
  #profileContent .profile-trade-listing-actions .quiet{flex:1}
}


/* 2026-10-06 — Match Trade visual size to Auction and show Cash as a separate card. */
#profileContent .profile-trade-listing .tradehub-card-main{
  grid-template-columns:170px 34px 170px!important;
  column-gap:10px!important;
  align-items:start!important;
}
#profileContent .profile-trade-listing .tradehub-card-main.has-profile-cash{
  grid-template-columns:170px 34px 170px 104px!important;
}
#profileContent .profile-trade-listing .tradehub-side,
#profileContent .profile-trade-listing .tradehub-side-label,
#profileContent .profile-trade-listing .tradehub-items,
#profileContent .profile-trade-listing .tradehub-item,
#profileContent .profile-trade-listing .tradehub-requirement-item{
  width:170px!important;
  max-width:170px!important;
}
#profileContent .profile-trade-listing .tradehub-item-symbol,
#profileContent .profile-trade-listing .tradehub-requirement-item .tradehub-item-symbol{
  width:170px!important;
  height:116px!important;
  min-height:116px!important;
  border-radius:12px!important;
}
#profileContent .profile-trade-listing .tradehub-item-symbol .mth-icon-svg,
#profileContent .profile-trade-listing .tradehub-requirement-item .tradehub-item-symbol .mth-icon-svg{
  width:50px!important;
  height:50px!important;
}
#profileContent .profile-trade-listing .tradehub-center{
  width:34px!important;
  min-width:34px!important;
  margin-top:73px!important;
}
#profileContent .profile-trade-cash-column{
  width:104px;
  align-self:start;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
#profileContent .profile-trade-cash-column>.tradehub-side-label{
  width:104px!important;
  max-width:104px!important;
  min-height:18px!important;
  margin:0 0 4px!important;
  text-align:center!important;
  font-size:.8rem!important;
}
#profileContent .profile-trade-cash-column .tradehub-cash-item{
  width:104px!important;
  max-width:104px!important;
  height:116px!important;
  min-height:116px!important;
  padding:9px 8px!important;
  border-radius:12px!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  place-items:center;
  gap:4px;
  background:var(--surface-2)!important;
}
#profileContent .profile-trade-cash-column .tradehub-cash-symbol{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:Manrope,sans-serif;
  font-size:1.05rem;
  font-weight:900;
  color:#9c86ff;
  background:rgba(124,99,255,.10);
  border:1px solid rgba(124,99,255,.24);
}
#profileContent .profile-trade-cash-column .mth-card-name{
  min-height:0!important;
  margin:0!important;
  font-size:.8rem!important;
  text-align:center!important;
}
#profileContent .profile-trade-cash-column .mth-card-value{
  min-height:0!important;
  margin:0!important;
  font-size:.8rem!important;
  text-align:center!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  #profileContent .profile-trade-listing .tradehub-card-main,
  #profileContent .profile-trade-listing .tradehub-card-main.has-profile-cash{
    grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;
  }
  #profileContent .profile-trade-cash-column{
    grid-column:3;
    width:100%;
    margin-top:7px;
  }
  #profileContent .profile-trade-cash-column>.tradehub-side-label{
    width:100%!important;
    max-width:100%!important;
  }
  #profileContent .profile-trade-cash-column .tradehub-cash-item{
    width:100%!important;
    max-width:100%!important;
    height:54px!important;
    min-height:54px!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-rows:1fr!important;
    padding:6px 9px!important;
  }
  #profileContent .profile-trade-cash-column .tradehub-cash-symbol{
    width:32px;
    height:32px;
    font-size:.8rem;
  }
}


/* 2026-10-06 — Final professional Profile Trade management row. */
#profileContent .profile-trade-row{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 138px;
  align-items:stretch;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:var(--surface)!important;
}
#profileContent .profile-trade-row-main{
  min-width:0;
  display:grid;
  grid-template-columns:170px minmax(150px,1fr) 34px minmax(210px,1.15fr);
  align-items:center;
  gap:12px;
}
#profileContent .profile-trade-offer-visual{
  width:170px;
  height:116px;
  min-width:170px;
  min-height:116px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#171b18,#111613);
  border-right:1px solid var(--line);
}
#profileContent .profile-trade-offer-visual .mth-photo-fill{
  width:100%;
  height:100%;
  object-fit:cover;
}
#profileContent .profile-trade-offer-icon{
  display:grid;
  place-items:center;
  color:#9278ff;
}
#profileContent .profile-trade-offer-icon .mth-icon-svg{
  width:54px;
  height:54px;
}
#profileContent .profile-trade-extra{
  position:absolute;
  right:7px;
  bottom:7px;
  display:grid;
  place-items:center;
  min-width:24px;
  height:24px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(9,14,11,.82);
  color:#fff;
  font-size:.8rem;
  font-weight:800;
  border:1px solid rgba(255,255,255,.15);
}
#profileContent .profile-trade-offer-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 0;
}
#profileContent .profile-trade-title{
  font-size:.84rem;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#profileContent .profile-trade-location{
  margin-top:3px;
  color:var(--muted);
  font-size:.8rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#profileContent .profile-trade-value{
  display:flex;
  flex-direction:column;
  margin-top:10px;
}
#profileContent .profile-trade-value small{
  color:var(--muted);
  font-size:.8rem;
}
#profileContent .profile-trade-value strong{
  margin-top:1px;
  font-family:Manrope,sans-serif;
  font-size:.8rem;
}
#profileContent .profile-trade-meta{
  display:flex;
  gap:5px;
  margin-top:8px;
  color:var(--muted);
  font-size:.8rem;
}
#profileContent .profile-trade-swap{
  width:28px;
  height:28px;
  border:1px solid var(--line);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:.8rem;
}
#profileContent .profile-trade-wants{
  min-width:0;
  padding:10px 12px 10px 0;
}
#profileContent .profile-trade-wants-label{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:.8rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
#profileContent .profile-trade-wants-list{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  align-items:stretch;
}
#profileContent .profile-trade-want-tile{
  min-width:116px;
  max-width:154px;
  min-height:52px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:7px;
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
#profileContent .profile-trade-want-icon{
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#947cff;
  background:rgba(124,99,255,.08);
}
#profileContent .profile-trade-want-icon .mth-icon-svg{
  width:28px;
  height:28px;
}
#profileContent .profile-trade-want-tile>div{
  min-width:0;
  display:flex;
  flex-direction:column;
}
#profileContent .profile-trade-want-tile strong{
  font-size:.8rem;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#profileContent .profile-trade-want-tile small{
  margin-top:3px;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#profileContent .profile-trade-cash-tile{
  min-width:124px;
}
#profileContent .profile-trade-cash-icon{
  border-radius:50%;
  font-family:Manrope,sans-serif;
  font-size:.9rem;
  font-weight:900;
}
#profileContent .profile-trade-more,
#profileContent .profile-trade-open-want{
  align-self:center;
  color:var(--muted);
  font-size:.8rem;
}
#profileContent .profile-trade-row>.profile-trade-listing-actions{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding:10px;
  border-left:1px solid var(--line);
}
#profileContent .profile-trade-row>.profile-trade-listing-actions .quiet{
  width:100%;
  min-height:32px!important;
  border-radius:8px!important;
  font-size:.8rem!important;
}
#profileContent .profile-trade-row:hover{
  border-color:color-mix(in srgb,var(--ink) 25%,var(--line))!important;
}
:root[data-theme="night"] #profileContent .profile-trade-row{
  background:#101512!important;
  border-color:#29312d!important;
}
@media(max-width:760px){
  #profileContent .profile-trade-row{
    grid-template-columns:1fr;
  }
  #profileContent .profile-trade-row-main{
    grid-template-columns:118px minmax(0,1fr);
    gap:9px;
  }
  #profileContent .profile-trade-offer-visual{
    width:118px;
    height:108px;
    min-width:118px;
    min-height:108px;
  }
  #profileContent .profile-trade-swap{
    display:none;
  }
  #profileContent .profile-trade-wants{
    grid-column:1/-1;
    padding:8px 10px 10px;
    border-top:1px solid var(--line);
  }
  #profileContent .profile-trade-row>.profile-trade-listing-actions{
    flex-direction:row;
    border-left:0;
    border-top:1px solid var(--line);
  }
  #profileContent .profile-trade-row>.profile-trade-listing-actions .quiet{
    flex:1;
  }
}


/* Shared professional marketplace listing rows — Trade Hub and Auction. */
#tradeHubFeed,
#auctionGrid{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.market-listing-row{
  width:100%;
  min-height:116px;
  display:grid;
  grid-template-columns:170px minmax(180px,1fr) minmax(220px,1.2fr) 118px;
  align-items:stretch;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--surface)!important;
  overflow:hidden;
  box-shadow:none!important;
  text-align:left;
}
.market-listing-row:hover{
  transform:none!important;
  border-color:color-mix(in srgb,var(--ink) 25%,var(--line))!important;
}
.market-listing-visual{
  width:170px;
  height:116px;
  min-width:170px;
  min-height:116px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(145deg,#171b18,#111613);
  border-right:1px solid var(--line);
}
.market-listing-visual .mth-photo-fill{
  width:100%;
  height:100%;
  object-fit:cover;
}
.market-row-icon{
  display:grid;
  place-items:center;
  color:#9278ff;
}
.market-row-icon .mth-icon-svg{width:54px;height:54px}
.market-listing-copy{
  min-width:0;
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.market-listing-title{
  font-size:.86rem;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.market-listing-location{
  margin-top:3px;
  color:var(--muted);
  font-size:.8rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.market-listing-value{
  display:flex;
  flex-direction:column;
  margin-top:9px;
}
.market-listing-value small{font-size:.8rem;color:var(--muted)}
.market-listing-value strong{font-family:Manrope,sans-serif;font-size:.8rem;margin-top:1px}
.market-listing-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
  color:var(--muted);
  font-size:.8rem;
}
.market-listing-intent{
  min-width:0;
  padding:11px 12px;
  border-left:1px solid var(--line);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.market-intent-label{
  margin-bottom:6px;
  color:var(--muted);
  font-size:.8rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.market-intent-list{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.market-want-chip{
  min-width:116px;
  max-width:154px;
  min-height:52px;
  padding:7px 8px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:7px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface-2);
}
.market-want-chip-icon{
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#947cff;
  background:rgba(124,99,255,.08);
}
.market-want-chip-icon .mth-icon-svg{width:28px;height:28px}
.market-cash-chip-icon{
  border-radius:50%;
  font-family:Manrope,sans-serif;
  font-size:.9rem;
  font-weight:900;
}
.market-want-chip>span:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.market-want-chip strong{
  font-size:.8rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.market-want-chip small{
  margin-top:3px;
  color:var(--muted);
  font-size:.8rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.market-open-want{
  color:var(--muted);
  font-size:.8rem;
}
.market-listing-action,
.market-listing-actions{
  border-left:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px;
}
.market-listing-action{
  color:var(--ink);
  font-size:.8rem;
  font-weight:800;
}
.market-listing-action b{font-size:.85rem}
.market-listing-actions{flex-direction:column}
.market-listing-actions .quiet{
  width:100%;
  min-height:32px;
  padding:5px 8px;
  border-radius:8px;
  font-size:.8rem;
}
.market-listing-row-open{
  grid-column:1/4;
  min-width:0;
  display:grid;
  grid-template-columns:170px minmax(180px,1fr) minmax(180px,.8fr);
  align-items:stretch;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
}
.market-auction-stats{
  align-items:flex-start;
}
.market-auction-stat{
  display:flex;
  flex-direction:column;
}
.market-auction-stat small{font-size:.8rem;color:var(--muted)}
.market-auction-stat strong{margin-top:2px;font-family:Manrope,sans-serif;font-size:.82rem}
.market-auction-row .auction-status{
  left:7px;
  top:7px;
}
:root[data-theme="night"] .market-listing-row{
  background:#101512!important;
  border-color:#29312d!important;
}
@media(max-width:900px){
  .market-listing-row{
    grid-template-columns:150px minmax(160px,1fr) minmax(190px,1fr) 104px;
  }
  .market-listing-visual{width:150px;min-width:150px}
  .market-listing-row-open{
    grid-template-columns:150px minmax(160px,1fr) minmax(160px,.8fr);
  }
}
@media(max-width:720px){
  .market-listing-row,
  .market-listing-row-open{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
  .market-listing-visual{
    width:118px;
    min-width:118px;
    height:108px;
    min-height:108px;
  }
  .market-listing-intent{
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid var(--line);
    padding:8px 10px 10px;
  }
  .market-listing-action,
  .market-listing-actions{
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid var(--line);
    flex-direction:row;
  }
  .market-listing-actions .quiet{flex:1}
}


/* 2026-10-06 — Responsive text/readability pass for all listing rows. */
/* Never truncate important asset names to a single unreadable line. */
#profileContent .profile-trade-want-tile strong,
.market-want-chip strong{
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:1.15!important;
  min-height:2.3em;
  overflow-wrap:anywhere;
}
#profileContent .profile-trade-want-tile small,
.market-want-chip small{
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:1.15!important;
  overflow-wrap:anywhere;
}
#profileContent .profile-trade-want-tile{
  min-width:142px!important;
  max-width:176px!important;
  min-height:58px!important;
}
.market-want-chip{
  min-width:142px!important;
  max-width:180px!important;
  min-height:58px!important;
}
.market-listing-title,
#profileContent .profile-trade-title{
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:1.18!important;
  min-height:2.36em;
  overflow-wrap:anywhere;
}
.market-listing-location,
#profileContent .profile-trade-location{
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:1.2!important;
  overflow-wrap:anywhere;
}

/* Medium devices: preserve the image/detail row, move secondary intent below it. */
@media(max-width:980px){
  .market-listing-row{
    grid-template-columns:150px minmax(0,1fr) 108px!important;
  }
  .market-trade-row .market-listing-intent{
    grid-column:1/3;
    border-left:0!important;
    border-top:1px solid var(--line);
    padding:9px 12px 11px;
  }
  .market-trade-row .market-listing-action{
    grid-column:3;
    grid-row:1/3;
  }
  .market-auction-row{
    grid-template-columns:minmax(0,1fr) 108px!important;
  }
  .market-auction-row .market-listing-row-open{
    grid-column:1;
    grid-template-columns:150px minmax(0,1fr)!important;
  }
  .market-auction-row .market-listing-intent{
    grid-column:1/3;
    border-left:0!important;
    border-top:1px solid var(--line);
    padding:8px 12px 10px;
  }
  .market-auction-row .market-listing-actions{
    grid-column:2;
    grid-row:1/3;
  }

  #profileContent .profile-trade-row-main{
    grid-template-columns:150px minmax(0,1fr) 30px!important;
  }
  #profileContent .profile-trade-offer-visual{
    width:150px!important;
    min-width:150px!important;
  }
  #profileContent .profile-trade-swap{
    grid-column:3;
    grid-row:1;
    align-self:center;
  }
  #profileContent .profile-trade-wants{
    grid-column:1/4!important;
    border-top:1px solid var(--line);
    padding:9px 12px 11px!important;
  }
}

/* Phone and narrow tablet: simple stacked information hierarchy. */
@media(max-width:720px){
  .market-listing-row{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
  .market-trade-row .market-listing-intent,
  .market-auction-row .market-listing-intent{
    grid-column:1/-1!important;
  }
  .market-trade-row .market-listing-action,
  .market-auction-row .market-listing-actions{
    grid-column:1/-1!important;
    grid-row:auto!important;
  }
  .market-auction-row{
    grid-template-columns:1fr!important;
  }
  .market-auction-row .market-listing-row-open{
    grid-column:1!important;
    grid-template-columns:118px minmax(0,1fr)!important;
  }
  .market-want-chip,
  #profileContent .profile-trade-want-tile{
    flex:1 1 150px;
    max-width:none!important;
  }

  #profileContent .profile-trade-row-main{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
  #profileContent .profile-trade-swap{
    display:none!important;
  }
  #profileContent .profile-trade-wants{
    grid-column:1/-1!important;
  }
}
@media(max-width:480px){
  .market-listing-copy,
  #profileContent .profile-trade-offer-copy{
    padding:9px 10px!important;
  }
  .market-listing-title,
  #profileContent .profile-trade-title{
    font-size:.8rem!important;
  }
  .market-want-chip,
  #profileContent .profile-trade-want-tile{
    flex-basis:100%;
    width:100%!important;
    max-width:100%!important;
  }
  .market-intent-list,
  #profileContent .profile-trade-wants-list{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}


/* 2026-10-06 — Canonical Listings workspace width matches the main/top shell. */
#profileContent .profile-listings-controls,
#profileContent .profile-listing-group-head,
#profileContent .profile-auction-grid,
#profileContent .profile-trade-listings{
  width:100%!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#profileContent .profile-trade-row,
#profileContent .profile-auction-card{
  width:100%!important;
  max-width:none!important;
}
#profileContent .profile-trade-row-main{
  grid-template-columns:170px minmax(220px,1fr) 34px minmax(330px,1.35fr)!important;
}
#profileContent .profile-trade-wants{
  padding-right:18px!important;
}
#profileContent .profile-trade-want-tile{
  min-width:160px!important;
  max-width:220px!important;
}
.market-listing-row{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.market-listing-row.market-trade-row{
  grid-template-columns:170px minmax(220px,1fr) minmax(360px,1.35fr) 118px!important;
}
.market-listing-row.market-auction-row{
  grid-template-columns:minmax(0,1fr) 118px!important;
}
.market-listing-row.market-auction-row .market-listing-row-open{
  grid-template-columns:170px minmax(240px,1fr) minmax(210px,.75fr)!important;
}
.market-want-chip{
  min-width:160px!important;
  max-width:230px!important;
}

/* Step down only when viewport width actually requires it. */
@media(max-width:1100px){
  .market-listing-row.market-trade-row{
    grid-template-columns:146px minmax(0,1fr) minmax(0,1fr) 110px!important;
    column-gap:10px!important;
  }
  .market-listing-row.market-auction-row .market-listing-row-open{
    grid-template-columns:146px minmax(0,1fr) minmax(0,1fr)!important;
  }
  #profileContent .profile-listings-controls,
  #profileContent .profile-listing-group-head,
  #profileContent .profile-auction-grid,
  #profileContent .profile-trade-listings,
  .market-listing-row{
    max-width:calc(100vw - 40px)!important;
  }
}
@media(max-width:980px){
  .market-listing-row.market-trade-row{
    grid-template-columns:132px minmax(0,1fr) minmax(0,1fr)!important;
  }
  .market-listing-row.market-trade-row .market-listing-action{
    grid-column:1/-1!important;
    justify-content:flex-end;
  }
  .market-listing-row.market-auction-row .market-listing-row-open{
    grid-template-columns:132px minmax(0,1fr)!important;
  }
  #profileContent .profile-trade-row-main{
    grid-template-columns:150px minmax(0,1fr) 30px!important;
  }
  #profileContent .profile-trade-want-tile,
  .market-want-chip{
    min-width:142px!important;
    max-width:180px!important;
  }
}
@media(max-width:720px){
  #profileContent .profile-listings-controls,
  #profileContent .profile-listing-group-head,
  #profileContent .profile-auction-grid,
  #profileContent .profile-trade-listings,
  .market-listing-row{
    max-width:calc(100vw - 20px)!important;
  }
}