.b2b-hero {
  position: relative;
  overflow: hidden;
}
.b2b-hero::before {
  content: "";
  position: absolute;
  inset: -40% -20%;
  background:
    radial-gradient(700px 280px at 15% 25%, rgba(105,108,255,.18), transparent 55%),
    radial-gradient(700px 280px at 85% 35%, rgba(3,195,236,.14), transparent 60%),
    radial-gradient(700px 280px at 35% 85%, rgba(40,199,111,.10), transparent 60%);
  pointer-events: none;
}
.b2b-hero .card-body { position: relative; }

.b2b-icon{
  width: 44px; height: 44px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(105,108,255,.14);
  color: #696cff;
  font-size: 22px;
  flex: 0 0 auto;
}

.b2b-seller-card{
  border: 1px solid rgba(67,89,113,.15);
  border-radius: 16px;
  padding: 14px 16px;
  background: var(--bs-body-bg);
  transition: transform .08s ease, box-shadow .08s ease, border-color .08s ease;
}
.b2b-seller-card:hover{
  transform: translateY(-1px);
  box-shadow: 0 0.5rem 1.2rem rgba(0,0,0,.06);
  border-color: rgba(105,108,255,.35);
}

.b2b-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.b2b-pill{
  font-size: 12px;
  border: 1px solid rgba(67,89,113,.15);
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(67,89,113,.04);
}

.b2b-history-item{
  border: 1px solid rgba(67,89,113,.15);
  border-radius: 14px;
  padding: 12px 12px;
  background: var(--bs-body-bg);
}
.b2b-history-item .row{
  --bs-gutter-x: .75rem;
}

.b2b-skeleton-card{
  height: 92px;
  border-radius: 16px;
  background: linear-gradient(90deg,
    rgba(67,89,113,.06),
    rgba(67,89,113,.10),
    rgba(67,89,113,.06)
  );
  background-size: 200% 100%;
  animation: b2bShimmer 1.1s infinite;
}
@keyframes b2bShimmer{
  0%{ background-position: 0% 0; }
  100%{ background-position: -200% 0; }
}