/* ──────── Warehouse heatmap ──────── */

.hm-controls { align-items: center; }
.search-row-spring { flex: 1 1 auto; }
.seg .seg-hint { font-weight: 500; opacity: 0.6; font-size: 11.5px; }

.hm-scroll { overflow-x: auto; }
.hm-svg { display: block; }
.hm-aisle {
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 700;
  fill: var(--bfc-muted);
}
.hm-cell { transition: opacity 0.1s ease; cursor: pointer; }
.hm-cellg:hover .hm-cell { opacity: 0.75; stroke: var(--bfc-navy); stroke-width: 1; }

/* Sequential heat ramp: cold slate → brand indigo → hot amber/red.
   Chosen for legibility on white, not decorative. */
.heat-0 { fill: #eceff4; }
.heat-1 { fill: #c9d7f2; }
.heat-2 { fill: #8fa9e8; }
.heat-3 { fill: #4f6fd8; }
.heat-4 { fill: #f0a437; }
.heat-5 { fill: #e35336; }
.heat-dead { fill: #e35336; }
.heat-quiet { fill: #e3e8ef; }

.hm-legend { gap: 4px; align-items: center; }
.hm-legend-item { font-size: 12px; color: var(--bfc-muted); padding: 0 4px; }
.hm-legend-max { font-family: var(--font-mono); font-size: 11px; }
.hm-swatch {
  display: inline-block;
  width: 14px;
  height: 11px;
  border-radius: 3px;
}