.hvs-slusedata__stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.hvs-card {
  border: 1px solid #dbe5ec;
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hvs-card strong {
  font-size: 13px;
  color: #1f2d3d;
}

.hvs-card span {
  font-size: 13px;
  color: #2f4659;
}

.hvs-gate-status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  vertical-align: middle;
}

.hvs-gate-status-dot svg {
  display: block;
  width: 10px;
  height: 10px;
}

.hvs-gate-status-dot.is-open circle {
  fill: #2ea043;
}

.hvs-gate-status-dot.is-closed circle {
  fill: #d63638;
}

.hvs-slusedata--mini .hvs-slusedata__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 0;
}