.sm-search-control { position: relative; display: inline-block; max-width: 100%; }
.sm-search-control > input { box-sizing: border-box; max-width: 100%; }
.sm-search-history {
  position: absolute; z-index: 100; top: 100%; inset-inline-start: 0;
  display: block; width: max(100%, 260px); max-width: min(420px, 85vw);
  margin-top: 4px; padding: 6px; border: 1px solid #b8cdd6; border-radius: 4px;
  background: #fff; color: #003747; box-shadow: 0 6px 18px #00374726;
  max-height: 310px; overflow: auto; text-align: start;
}
.sm-search-history[hidden] { display: none !important; }
.sm-search-history__title { display: block; padding: 6px 8px; font-size: 12px; color: #506774; }
.sm-search-history button {
  display: block; width: 100%; margin: 0; padding: 8px; border: 0; border-radius: 2px;
  background: transparent; color: #003747; font: inherit; font-size: 13px;
  text-align: start; line-height: 1.5; cursor: pointer; text-transform: none;
  letter-spacing: normal; white-space: normal; overflow-wrap: anywhere; box-shadow: none;
}
.sm-search-history button:hover, .sm-search-history button:focus-visible { background: #eaf3f6; outline: 2px solid #008694; outline-offset: -2px; }
.sm-search-history button.sm-search-history__clear { margin-top: 4px; border-top: 1px solid #d5e3e9; font-size: 12px; color: #506774; }
@media (max-width: 700px) { .sm-admin-toolbar .sm-search-control { width: 100%; } }