/* SwankageTCG Orbital Vault R24 — vendor floor clarity pass.
   All existing rows, cards, prices, availability, actions, and functionality stay intact.
   The headline and toolbar are visually simplified; follows the selected theme. */

.design-orbit .vendor-market{
  border-color:rgba(var(--accent-rgb),.28);
}
.vendor-market .market-content{
  padding:23px 23px 16px;
  background:
    radial-gradient(ellipse 74% 48% at 77% -23%,rgba(var(--accent-rgb),.065),transparent 74%),
    linear-gradient(155deg,rgba(20,31,44,.75),rgba(8,18,27,.75) 72%);
}
.vendor-market .market-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:17px;
}
.vendor-market .market-heading-copy{min-width:0}
.vendor-market .market-eyebrow{
  font-size:9px;
  letter-spacing:1.5px;
  color:var(--accent);
}
.vendor-market .market-headline{
  font:950 clamp(29px,3vw,39px)/1 var(--display);
  letter-spacing:-1.3px;
  margin:8px 0 7px;
  color:#f2f7fc;
}
/* The accent stays on LISTINGS. alone; no other palette changes. */
.design-orbit .vendor-market .market-headline span{
  background:linear-gradient(95deg,#f3f7fb 0%,var(--accent) 85%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.vendor-market .market-heading .market-subtitle{
  color:#97aebe;
  font-size:11px;
  line-height:1.55;
  margin:0;
}
.vendor-market .listing-count{
  min-width:115px;
  border-left:1px solid rgba(var(--accent-rgb),.20);
  padding:3px 1px 2px 18px;
  text-align:center;
  color:var(--accent);
  font:950 37px/.95 var(--display);
  flex:0 0 auto;
}
.vendor-market .listing-count small{
  display:block;
  color:#a1b8ca;
  font:900 9px var(--sans);
  letter-spacing:1.15px;
  line-height:1.3;
  margin-top:7px;
}
/* One calm utility toolbar, rather than six equally prominent competing actions. */
.vendor-market .market-toolbar{
  display:flex;
  align-items:end;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 16px;
  margin:0 0 10px;
  padding:13px 15px;
  border:1px solid #32495a;
  border-radius:7px;
  background:linear-gradient(115deg,#09151e,rgba(18,33,45,.84) 60%,#0a1520);
}
.vendor-market .market-tool{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.vendor-market .market-tool > span{
  display:block;
  color:#89a6bd;
  font-size:9px;
  font-weight:900;
  letter-spacing:.8px;
  line-height:1.1;
  margin:0;
}
.vendor-market .market-tool select{
  height:36px;
  min-height:36px;
  width:152px;
  max-width:none;
  padding:0 27px 0 11px;
  border:1px solid #395166;
  border-radius:5px;
  background:#08141d;
  color:#e7f2fb;
  font:800 11px var(--sans);
  cursor:pointer;
  outline-offset:2px;
  transition:border-color .18s,box-shadow .18s;
}
.vendor-market .market-sort-tool select{width:178px}
.vendor-market .market-tool select:hover,
.vendor-market .market-tool select:focus-visible{
  border-color:var(--accent);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.13);
}
.vendor-market .market-tool-divider{
  align-self:stretch;
  flex:1 1 0;
  min-width:16px;
  border-right:1px solid rgba(140,169,192,.18);
  margin:2px 1px;
}
.vendor-market .filter-options{
  display:flex;
  align-items:end;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
}
.vendor-market .owner-mode{
  display:flex;
  align-items:center;
  min-height:36px;
  padding:0 4px 1px;
  margin:0 0 0 1px;
  gap:7px;
  font-size:10px;
  font-weight:800;
  color:#b4c7d5;
  cursor:pointer;
}
.vendor-market .owner-mode input{width:14px;height:14px;margin:0;accent-color:var(--accent)}
.vendor-market .offers-table th{padding-top:13px;padding-bottom:10px}
/* Preserve standard rows, alternating shading, best-offer stripe, and buttons. */
.vendor-market .market-bottom{
  margin-top:9px;
  color:#7d97ac;
}
@media(max-width:1140px){
  .vendor-market .market-tool-divider{display:none}
  .vendor-market .market-toolbar{justify-content:flex-start}
  .vendor-market .filter-options{justify-content:flex-start}
}
@media(max-width:700px){
  .vendor-market .market-content{padding:18px 13px 13px}
  .vendor-market .market-heading{align-items:flex-start;gap:8px;margin-bottom:15px}
  .vendor-market .market-headline{font-size:clamp(22px,5.3vw,33px);letter-spacing:-.65px}
  .vendor-market .market-heading .market-subtitle{font-size:10px}
  .vendor-market .listing-count{font-size:29px;min-width:75px;padding-left:12px}
  .vendor-market .listing-count small{font-size:7.5px;letter-spacing:.45px}
  .vendor-market .market-toolbar{gap:12px;padding:11px;border-radius:6px}
  .vendor-market .market-tool select,.vendor-market .market-sort-tool select{width:min(162px,36vw)}
  .vendor-market .filter-options{width:100%;gap:9px;align-items:end}
  .vendor-market .owner-mode{min-height:36px}
}
@media(max-width:390px){
  .vendor-market .listing-count{min-width:58px;padding-left:8px}
  .vendor-market .market-headline{font-size:22px}
  .vendor-market .market-tool select,.vendor-market .market-sort-tool select{width:calc((100vw - 76px)/2);max-width:172px}
}