.filter-builder-title{
  margin:0 0 10px;
  color:var(--text-soft);
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.spatial-builder{
  margin:12px 0;
  padding:14px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface-alt);
}

.spatial-row{
  display:grid;
  grid-template-columns:minmax(170px,1fr) minmax(140px,.7fr) minmax(220px,1.4fr) auto;
  gap:8px;
  align-items:start;
}

.spatial-row textarea{
  min-height:42px;
}

#spatialDistanceInput{
  min-width:110px;
}

#spatialConditionTags{
  margin-top:6px;
}

#cqlValueSecond,
#cqlLikeMode{
  flex:1 1 140px;
}

@media (max-width:900px){
  .spatial-row{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:700px){
  .spatial-row{
    grid-template-columns:1fr;
  }

  .spatial-row > *{
    width:100%;
  }
}