/* Riddim & Vibez V17 — Commerce & UX */
.tools-v17{
  display:grid;
  grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(130px,.7fr)) auto;
  gap:8px;
  align-items:center;
}
.tools-v17 select,.tools-v17 input{min-width:0}

.sticky-buy-v17{
  position:sticky;
  top:92px;
  z-index:3;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:14px;
  align-items:center;
  margin:28px 0 16px;
  padding:14px 16px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(0,0,0,.07);
  border-radius:18px;
  box-shadow:0 12px 36px rgba(0,0,0,.06);
}
.sticky-buy-price-v17{
  white-space:nowrap;
  font-size:.86rem;
  font-weight:750;
}
.beat-content-v17{min-width:0}

.badge-new-v17{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:999px;
  background:#fff5d8;
  font-size:.64rem;
  font-weight:750;
  color:#7c5c12;
  margin-left:6px;
}

.order-detail-grid-v17{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
}
.info-list-v17{display:grid;gap:0}
.info-row-v17{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:16px;
  padding:11px 0;
  border-bottom:1px solid var(--line);
}
.info-row-v17:last-child{border-bottom:0}
.info-row-v17 .label{font-size:.72rem;color:var(--muted)}
.mono-v17{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}
.webhook-event-v17{
  display:grid;
  grid-template-columns:150px 1fr auto;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}
.webhook-event-v17:last-child{border-bottom:0}
.library-grid-v17{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.library-item-v17{
  border:1px solid var(--line);
  background:#fff;
  border-radius:16px;
  padding:15px;
}
.library-item-v17 h3{margin:0 0 4px}
.library-meta-v17{font-size:.75rem;color:var(--muted)}
.health-ok-v17{color:#217a3b;font-weight:700}
.health-warn-v17{color:#9b6c14;font-weight:700}

@media(max-width:1100px){
  .tools-v17{grid-template-columns:1fr 1fr 1fr}
  .order-detail-grid-v17{grid-template-columns:1fr}
}
@media(max-width:760px){
  .tools-v17{grid-template-columns:1fr 1fr}
  .sticky-buy-v17{
    position:static;
    grid-template-columns:1fr;
    align-items:start;
  }
  .library-grid-v17{grid-template-columns:1fr}
  .info-row-v17{grid-template-columns:1fr;gap:4px}
}