/* Orbital Vault R27 — listing rows flush with header, neutral by default.
   The backdrop is now clearly visible only within the listings rows area.
   Hover/focus creates the active row state; no row is preselected on load. */

/* LISTINGS. stays a solid selected-theme color. */
.design-orbit .vendor-market .market-headline span {
  background:none !important;
  -webkit-background-clip:initial;
  background-clip:initial;
  -webkit-text-fill-color:var(--accent);
  color:var(--accent) !important;
}

/* Keep the vendor-floor section itself clean. */
.vendor-market .market-content {
  background:linear-gradient(155deg,rgba(20,31,44,.75),rgba(8,18,27,.75) 72%);
}

/* The decorative field lives on the actual table BODY instead of being
   absolutely positioned 39px below the table's top. The prior hard-coded
   offset exceeded the header height (~34.5px) at some zoom levels, leaving
   a visible blank band between the column divider and first listing.
   A tbody background automatically starts exactly at the real header border,
   including when font metrics, viewport width or browser zoom changes. */
.vendor-market .table-scroller {
  position:relative;
  isolation:isolate;
  border-radius:6px;
  overflow-x:auto;
}
.vendor-market .offers-table {position:relative;z-index:1}
.vendor-market .offers-table tbody {
  background:
    radial-gradient(ellipse 78% 90% at 82% 28%,rgba(var(--accent-rgb),.18) 0%,rgba(var(--accent-rgb),.06) 34%,transparent 72%),
    radial-gradient(ellipse 48% 78% at 18% 76%,rgba(70,139,186,.16),transparent 74%),
    radial-gradient(ellipse 82% 100% at 28% 105%,transparent 69.6%,rgba(var(--accent-rgb),.10) 70%,transparent 70.4%),
    radial-gradient(circle at 76% 30%,rgba(var(--accent-rgb),.22) 0 1px,transparent 1.2px) 0 0 / 28px 28px,
    radial-gradient(circle at 22% 68%,rgba(164,205,231,.12) 0 .8px,transparent 1.05px) 0 0 / 40px 40px,
    linear-gradient(120deg,rgba(255,255,255,.03),transparent 26%),
    linear-gradient(135deg,#071520 0%,#0b1b28 52%,#081823 100%);
}

/* Neutral row state by default so the background can peek through. */
.design-orbit .vendor-market .offers-table tbody tr,
.design-orbit .vendor-market .offers-table tbody tr:nth-child(2n) {
  position:relative;
  box-shadow:none;
  transition:background-color .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.design-orbit .vendor-market .offers-table tbody tr{
  background:rgba(7,16,24,.52);
}
.design-orbit .vendor-market .offers-table tbody tr:nth-child(2n){
  background:rgba(18,31,43,.50);
}
.design-orbit .vendor-market .offers-table tbody tr:hover{
  background:rgba(28,44,58,.63);
}

/* Active state appears only on hover/focus. */
.design-orbit .vendor-market .offers-table tbody tr.active-highlight{
  background:rgba(46,65,79,.72);
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.12);
}
.design-orbit .vendor-market .offers-table tbody tr.active-highlight:hover{
  background:rgba(52,72,86,.76);
}
.vendor-market .offers-table tbody tr td:first-child {position:relative}
.vendor-market .offers-table tbody tr.active-highlight td:first-child::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  border-radius:2px;
  background:var(--accent);
  box-shadow:0 0 10px rgba(var(--accent-rgb),.23);
  pointer-events:none;
}

/* Hide the former lowest-price pill if older markup remains. */
.vendor-market .best-marker {display:none!important}

@media(prefers-reduced-motion:reduce){
 .design-orbit .vendor-market .offers-table tbody tr{transition:none}
}

/* Round 28 — forensic zoom correction.
   1) The moving theme-color hover bar has perfectly square ends.
   2) The entire table's bottom corners are square: the original .table-scroller
      had a 6px radius which visibly clipped the final row.
   3) Every row uses the same table-defined minimum height, including the last;
      actual content remains free to expand for accessibility/zoom.
   Keep all existing neutral/hover styles and the tbody-only backdrop. */
.vendor-market .table-scroller {
  border-radius: 0;
}
.vendor-market .offers-table tbody tr {
  height:70px;
}
.vendor-market .offers-table tbody tr:last-child,
.vendor-market .offers-table tbody tr:last-child td {
  border-radius:0;
}
.vendor-market .offers-table tbody tr.active-highlight td:first-child::before {
  border-radius:0;
}