/* ════════════════════════════════════════════════════════════════════
   ORDER BOOK PRESSURE — LIVE FEED altı denge barı
   ════════════════════════════════════════════════════════════════════ */
.vd-ob {
  margin-top: 10px;
  padding: 10px 11px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
}
.vd-ob-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px; }
.vd-ob-title { font-size: 9.5px; font-weight: 800; letter-spacing: 0.06em; color: var(--cyan, #00d4ff); }
.vd-ob-sym { font-size: 9px; color: var(--text3, #3a6080); font-variant-numeric: tabular-nums; }
.vd-ob-na { font-size: 10px; color: var(--text3, #3a6080); padding: 4px 0; }

.vd-ob-track {
  position: relative;
  height: 16px; border-radius: 8px; overflow: hidden;
  background: rgba(255, 61, 107, 0.32);     /* kalan = ask */
}
.vd-ob-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--green, #00e5a0), rgba(0, 229, 160, 0.6));
  transition: width 0.8s ease;
}
.vd-ob-pct {
  position: absolute; top: 0; line-height: 16px;
  font-size: 8.5px; font-weight: 800; color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.vd-ob-pct.l { left: 7px; }
.vd-ob-pct.r { right: 7px; }

.vd-ob-row { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; }
.vd-ob-st { font-size: 10px; font-weight: 700; }
.vd-ob-st.up  { color: var(--green, #00e5a0); }
.vd-ob-st.dn  { color: var(--red, #ff3d6b); }
.vd-ob-st.mid { color: var(--text2, #7aaac8); }
.vd-ob-amt { font-size: 9.5px; color: var(--text2, #7aaac8); font-variant-numeric: tabular-nums; }
.vd-ob-micro { font-size: 8px; color: var(--text3, #3a6080); margin-top: 6px; line-height: 1.4; }