/* Volume by price. Bars are neutral grey: they show where trading happened, not direction. */
.tm-vbp { display: grid; grid-template-columns: minmax(96px, auto) minmax(0, 1fr) minmax(56px, auto); column-gap: var(--tm-space-12); font-size: var(--tm-density-font-data); line-height: var(--tm-density-line-data); font-variant-numeric: tabular-nums; }
.tm-vbp__row { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; min-height: calc(var(--tm-density-table-row-height) - 4px); padding: 0 2px; border-bottom: 1px solid var(--tm-color-divider); }
.tm-vbp--pro { grid-template-columns: minmax(84px, auto) minmax(0, 1fr) minmax(48px, auto) minmax(52px, auto); column-gap: var(--tm-space-8); }
.tm-vbp--pro .tm-vbp__row { padding: 0 var(--tm-density-pad-cell); }
.tm-vbp__row > :nth-child(n+3) { text-align: right; }
.tm-vbp__row--head { min-height: 28px; font-size: var(--tm-density-font-label); color: var(--tm-color-text-secondary); border-bottom-color: var(--tm-color-divider-strong); }
.tm-vbp__px { display: flex; align-items: center; gap: 6px; font-weight: var(--tm-font-weight-medium); white-space: nowrap; }
.tm-vbp__tag { padding: 0 6px; border-radius: var(--lk-r-xs, var(--tm-radius-xs)); background: var(--tm-color-hover); box-shadow: inset 0 0 0 1px var(--tm-color-divider); font-size: 11px; line-height: 18px; font-weight: var(--tm-font-weight-medium); color: var(--tm-color-text-secondary); }
.tm-vbp__vol { position: relative; display: flex; align-items: center; gap: 8px; min-width: 0; }
.tm-vbp__vol i { flex: none; height: 8px; min-width: 2px; border-radius: 4px; background: color-mix(in srgb, var(--tm-color-text-secondary) 55%, transparent); }
.tm-vbp__vol > span { white-space: nowrap; }
.tm-vbp__share { color: var(--tm-color-text-secondary); font-size: var(--tm-density-font-small); }
.tm-vbp--pro .tm-vbp__share { display: none; }