smart-grid {
    width: 100%;
    height: 600px;
}
.metric-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  margin-left: 6px;
    position: relative;
    top: 10px;
  border-radius: 10px;
  font-weight: 600;
   height: 30px;
 
}

.metric-chip .material-icons {
  font-size: 18px;
}

.price-chip {
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

.location-chip {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}

.room-type-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  height: 30px;
  margin-left: 6px;
  position: relative;
  top: 10px;
  background: #2196f3;
  color: white;
  border-radius: 14px;
}

.yes-pill, .no-pill {
  padding: 5px 12px;
  color: white;
  border-radius: 20px;
  height: 30px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
    margin-left: 6px;
    position: relative;
    top: 10px;
}

.yes-pill {
  background: #4caf50;
}

.no-pill {
  background: #f44336;
}