.onb114-filter-panel {
  margin: 0 0 2rem;
  padding: 1.1rem;
  border: 1px solid rgba(9, 42, 78, .12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(9, 42, 78, .07);
}

.onb114-filter-grid {
  display: grid;
  grid-template-columns: minmax(16rem, 2fr) repeat(2, minmax(11rem, 1fr)) auto;
  gap: .85rem;
  align-items: end;
}

.onb114-field {
  display: grid;
  gap: .35rem;
  min-width: 0;
}

.onb114-field label {
  color: #0a284e;
  font-size: .82rem;
  font-weight: 750;
}

.onb114-field input,
.onb114-field select {
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  border: 1px solid rgba(9, 42, 78, .22);
  border-radius: 11px;
  background: #fff;
  color: #102c50;
  font: inherit;
  padding: .7rem .8rem;
}

.onb114-field input:focus,
.onb114-field select:focus,
.onb114-reset:focus-visible {
  outline: 3px solid rgba(230, 165, 45, .35);
  outline-offset: 2px;
  border-color: #d99b28;
}

.onb114-reset {
  min-height: 46px;
  border: 1px solid #0a315e;
  border-radius: 999px;
  background: #0a315e;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: .65rem 1rem;
  white-space: nowrap;
}

.onb114-reset:hover { background: #071f3d; }
.onb114-reset[hidden] { display: none; }

.onb114-filter-status {
  margin: .85rem 0 0;
  color: #53657a;
  font-size: .9rem;
}

.onb114-no-results {
  margin: 1rem 0 2rem;
  padding: 1.25rem;
  border-radius: 14px;
  background: #f3f6f9;
  color: #173553;
  text-align: center;
}

.onb98-card[hidden] { display: none !important; }

@media (max-width: 980px) {
  .onb114-filter-grid { grid-template-columns: 1fr 1fr; }
  .onb114-search { grid-column: 1 / -1; }
  .onb114-reset { justify-self: start; }
}

@media (max-width: 620px) {
  .onb114-filter-panel { padding: .9rem; }
  .onb114-filter-grid { grid-template-columns: 1fr; }
  .onb114-search { grid-column: auto; }
  .onb114-reset { width: 100%; }
}