/* ============================================================================
   LISTING DETAIL PAGE POLISH — v24.5
   Loaded after professional-pages so it wins. Adds the gallery platform badge,
   upgrades the account-detail tiles, and sharpens the purchase panel + seller
   card. Uses theme variables, so it works in both dark and light themes.
   ============================================================================ */

/* ── Gallery badges (platform top-right, featured top-left) ──────────────── */
.account-gallery-main{position:relative}
.account-gallery-platform{
  position:absolute;top:12px;right:12px;z-index:3;
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 11px;border-radius:999px;
  background:rgba(6,9,13,.72);border:1px solid rgba(255,255,255,.16);
  color:#eef2f7;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
}
@supports (backdrop-filter:blur(4px)){.account-gallery-platform{backdrop-filter:blur(6px)}}
.account-gallery-featured{
  position:absolute;top:12px;left:12px;z-index:3;
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 11px;border-radius:999px;
  background:var(--gold);color:#17120a;font-size:11px;font-weight:850;letter-spacing:.03em;
}

/* ── Account detail tiles: accent spine, clearer hierarchy, hover ────────── */
.page-listing-detail .account-highlight-grid{gap:12px}
.page-listing-detail .account-highlight{
  position:relative;padding:14px 14px 14px 17px;border-radius:12px;
  border:1px solid var(--line);background:var(--panel-2);overflow:hidden;
  transition:border-color .18s ease, transform .18s ease;
}
.page-listing-detail .account-highlight::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--gold),var(--accent));opacity:.7;
}
.page-listing-detail .account-highlight:hover{transform:translateY(-2px)}
@supports (border-color:color-mix(in srgb,red,blue)){
  .page-listing-detail .account-highlight:hover{border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}
}
.page-listing-detail .account-highlight span{
  display:block;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--text3);font-weight:800;margin-bottom:4px;
}
.page-listing-detail .account-highlight strong{
  display:block;font-size:14px;font-weight:800;color:var(--text);
  white-space:normal;line-height:1.35;overflow:visible;text-overflow:clip;
}

/* ── Purchase panel: bolder price + cleaner separated rows ───────────────── */
.purchase-price{font-weight:900;letter-spacing:-.03em}
.purchase-rows{margin-top:14px}
.purchase-row{padding:10px 0}
.purchase-row + .purchase-row{border-top:1px solid var(--line)}
.purchase-row span{color:var(--text3);font-size:12px}
.purchase-row strong{font-weight:800;font-size:13px}

/* ── Seller card: tidier stat tiles + green positive score ───────────────── */
.seller-mini-stat{border-radius:10px;padding:10px 6px}
.seller-mini-stat strong{font-size:13px;font-weight:850}
.seller-mini-stat span{font-size:9px;letter-spacing:.06em}
.seller-mini-stat--positive strong{color:var(--green)}

/* ── Title a touch more prominent ────────────────────────────────────────── */
.account-title-card h1{font-weight:850}