.history-filters {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(130px, .8fr);
  gap: 10px;
  padding: 16px;
  border-top: 1px solid var(--line);
  background: #fbfcfa;
}

.log-search {
  margin: 4px 0 28px;
  border: 1px solid var(--line);
  border-radius: 11px;
  overflow: hidden;
}

.log-search summary {
  padding: 12px 15px;
  background: white;
  color: var(--green);
  cursor: pointer;
  font-weight: 800;
  list-style-position: inside;
}

.log-search[open] summary {
  background: #f2f6f2;
}

.history-filters label {
  margin: 0;
}

.history-filters label:first-of-type,
.history-filters label:last-of-type {
  grid-column: 1 / -1;
}

.history-filters button {
  background: var(--green);
  border-color: var(--green);
  color: white;
}

.history-filters a {
  align-self: center;
  justify-self: center;
  font-size: 13px;
  font-weight: 750;
}

@media (max-width: 500px) {
  .history-filters {
    grid-template-columns: 1fr;
  }

  .history-filters label {
    grid-column: 1 / -1;
  }
}