.volume-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.volume-toggle{display:inline-flex;padding:3px;background:#091a27;border:1px solid #294358;border-radius:7px}.volume-toggle button{border:0;background:transparent;color:#8da3b2;border-radius:5px;padding:6px 11px;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.volume-toggle button.active{background:#1b465a;color:#fff}.broker-volume-chart{display:grid;grid-template-columns:repeat(var(--volume-columns,12),minmax(34px,1fr));gap:8px;align-items:end;height:190px;border-bottom:1px solid #294155;padding:24px 0 0}.volume-period{height:100%;display:grid;grid-template-rows:18px 1fr 24px;align-items:end;text-align:center;min-width:0}.volume-period>b{font-size:11px}.volume-stack{height:var(--volume-height);min-height:3px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px 4px 1px 1px;overflow:hidden}.volume-segment{display:block;width:100%;min-height:2px;border:0;padding:0;cursor:pointer}.volume-period small{font-size:10px;color:#7f97a7;padding-top:7px;white-space:nowrap}.broker-volume-legend{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:14px}.broker-volume-legend button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#a9bac4;font:500 11px 'DM Sans',sans-serif;padding:3px;cursor:pointer}.broker-volume-legend i{width:9px;height:9px;border-radius:2px;background:var(--broker-colour)}.broker-volume-legend b{color:#fff}.broker-steve{background:#2fc6df}.broker-stephen{background:#2bc497}.broker-elizabeth{background:#ffb64a}.broker-emma{background:#927ce4}.broker-wesley{background:#ff7b8d}.broker-unassigned{background:#627b89}.broker-other{background:#4b94bf}@media(max-width:900px){.broker-volume-chart{gap:4px}.volume-period small{font-size:9px}.volume-toggle button{padding:6px 8px}}
.broker-volume-legend i.broker-steve{background:#2fc6df}.broker-volume-legend i.broker-stephen{background:#2bc497}.broker-volume-legend i.broker-elizabeth{background:#ffb64a}.broker-volume-legend i.broker-emma{background:#927ce4}.broker-volume-legend i.broker-wesley{background:#ff7b8d}.broker-volume-legend i.broker-unassigned{background:#627b89}.broker-volume-legend i.broker-other{background:#4b94bf}
.broker-volume-chart{position:relative}.volume-period:hover .volume-stack,.volume-period:focus-within .volume-stack{filter:brightness(1.12);outline:1px solid #83dbea}.volume-column-tooltip{position:absolute;z-index:8;bottom:32px;width:190px;transform:translateX(-50%);background:#071722;border:1px solid #3c6073;border-radius:8px;padding:10px 12px;box-shadow:0 12px 30px #0008;pointer-events:none}.volume-column-tooltip[hidden]{display:none}.volume-column-tooltip strong,.volume-column-tooltip small{display:block;text-align:left}.volume-column-tooltip strong{font:700 12px Manrope;color:#fff;margin-bottom:7px}.volume-column-tooltip small{font-size:10px;color:#9eb0bc;margin-bottom:7px}.volume-tooltip-row{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:11px;padding:3px 0}.volume-tooltip-row i{width:8px;height:8px;border-radius:2px}.volume-tooltip-row b{color:#fff}