/* ==========================================================================
   AUCTION HOUSE STYLES
   Extends css/style.css + css/tracker.css (filter-tabs/search-box).
   `.ah-row` is one repeatable listing — meant to become a live loop over
   the `auctionhouse` table later. Read-only, no bidding — just prices.
   ========================================================================== */

.ah-filters{max-width:1200px; margin:0 auto; padding:40px 5% 20px; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;}

.ah-table{max-width:1200px; margin:0 auto; padding:10px 5% 150px;}
.ah-table-head{
  display:grid; grid-template-columns:1fr 160px 90px 120px 110px;
  gap:16px; padding:0 20px 12px;
  font-size:0.68rem; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-dim);
}
.ah-row{
  display:grid; grid-template-columns:1fr 160px 90px 120px 110px;
  align-items:center; gap:16px; padding:14px 20px;
  border:1px solid var(--border); border-radius:10px; margin-bottom:8px;
  background:linear-gradient(160deg, var(--panel), var(--bg-alt));
  font-size:0.85rem; color:var(--text-dim);
  transition:border-color .2s ease;
}
.ah-row:hover{border-color:var(--frost-dim);}
.ah-item a{font-weight:600;}
.ah-seller{color:var(--text-dim);}
.ah-qty{color:var(--text);}
.ah-buyout{color:var(--frost-glow); font-weight:700; font-family:var(--font-display);}
.ah-time{font-size:0.76rem; letter-spacing:0.3px;}
.ah-time.short{color:#ff8a8a;}
.ah-time.medium{color:#ffd98f;}
.ah-time.long{color:#8fe0a8;}

@media(max-width:800px){
  .ah-table-head{display:none;}
  .ah-row{grid-template-columns:1fr; gap:6px;}
}