.beu-bb-wrap{
  margin: 10px 0 0 0;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.beu-bb--dark{ background: rgba(29,35,48,.95); }
.beu-bb--transparent{ background: transparent; border-color: rgba(255,255,255,.08); }

.beu-bb-track{
  display:flex;
  align-items:center;
  gap: 34px;
  white-space: nowrap;
  padding: 10px 12px;
  will-change: transform;
  font-size: 14px;
}
.beu-bb-item{
  display:inline-flex;
  align-items:baseline;
  gap: 8px;
}
.beu-bb-label{ color: rgba(255,255,255,.70); font-size: 12px; letter-spacing: .2px; }
.beu-bb-val{ color: #f0a11a; font-weight: 600; }
.beu-bb-sub{ color: rgba(255,255,255,.55); font-size: 12px; }
.beu-bb-loading{ color: rgba(255,255,255,.65); font-size: 13px; }
.beu-bb-neg .beu-bb-val{ color: #ff6b6b; }

/* dedupe: hide extra bars if multiple hooks render before JS removes them */
.beu-bb-wrap + .beu-bb-wrap{ display:none; }