.tooltip {
  position: absolute;
  background: #fff;
  padding: 5px 10px;
  border: 1px solid #ccc;
  pointer-events: none;
  display: none;
  font-size: 14px;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

.legend {
  margin-top: 20px;
  display: flex;
  gap: 20px;
}

.color-box {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid #999;
}

.available { background-color: green; }
.sold { background-color: red; }
.on-hold { background-color: orange; }
.ongoing { background-color: blue; }