/* =========================================================
   KEYS99 - SEARCH PAGE
   Layered on css/index.css + css/hub.css.
========================================================= */

.search-page .hub-head{
  margin-bottom:16px;
}

.search-filters{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  padding:16px;
  border:1px solid #d3e0dc;
  border-radius:16px;
  background:#fff;
  box-shadow:0 5px 20px rgba(0,0,0,.03);
}

.sf-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.sf-field > span{
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:var(--muted);
}

.sf-query{
  grid-column:span 2;
}

.sf-query input{
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fafcfb;
  font-size:13px;
  color:var(--ink);
  outline:0;
}

.sf-query input:focus{
  border-color:var(--green);
  box-shadow:0 0 0 3px rgba(0,107,91,.12);
}

.sf-actions{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  grid-column:span 2;
}

.search-summary{
  margin:18px 0 12px;
  font-size:13px;
  font-weight:600;
  color:var(--muted);
}

.search-summary p{ margin:0; }

.search-page .property-card[hidden]{ display:none; }

.search-empty{
  padding:36px 20px;
  border:1px dashed #c7d8d3;
  border-radius:16px;
  text-align:center;
  color:var(--muted);
}

.search-empty strong{
  display:block;
  margin-bottom:6px;
  font-size:16px;
  color:var(--ink);
}

.search-empty p{ margin:0 0 16px; }

@media (max-width:900px){
  .search-filters{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (max-width:560px){
  .search-filters{ grid-template-columns:1fr 1fr; padding:12px; gap:10px; }
  .sf-query, .sf-actions{ grid-column:1 / -1; }
}