/* volprofile.css — Volume Profile (volprofile.js): the HOVER CARD (a fixed DOM box — right of the lane for a lane row,
   beside the pointer for a per-session row) and the settings rows that only mean something while the lane can dock. The lane itself
   and the LEFT gutter live in chart.css (#volprofile-lane, --vp-w / --vp-g). Theme through chart.css's variables;
   the up / down tones are the candles', muted — one ink everywhere else. */
:root { --vp-up: #26a69a; --vp-dn: #ef5350; }
:root[data-theme="light"] { --vp-up: #089981; --vp-dn: #f23645; }

.vp-card {
  position: fixed; z-index: 40; pointer-events: none;
  min-width: 190px; max-width: 280px; padding: 7px 10px 8px;
  background: var(--panel); color: var(--fg);
  border: 1px solid var(--border); border-radius: 6px;
  font-size: 11.5px; line-height: 17px; font-variant-numeric: tabular-nums;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}
.vp-card.hidden { display: none; }
.vp-card-h { font-weight: 700; margin-bottom: 2px; }
.vp-card-m { color: var(--muted); }
.vp-card .vp-up { color: var(--vp-up); }
.vp-card .vp-dn { color: var(--vp-dn); }
body.mobile .vp-card { display: none; }

/* A lane row in the settings while the lane cannot dock here (a narrow window): still editable, visibly idle. */
#volprofile-settings .vp-inert { opacity: 0.55; }

/* Bars / Numbers while Contour draws per session alone: disabled (the select says why in its title), visibly idle. */
#volprofile-settings .vp-off { opacity: 0.5; }
#volprofile-settings .vp-off select { cursor: not-allowed; }