/* Search/Recents */
.ml16__search{ padding: .8rem 1rem 0; }
.ml16__search-row{ display:flex; gap:.6rem; }
.ml16__input{
  flex:1; padding:.7rem .9rem; border:1px solid var(--ml16-border); border-radius:.8rem; background:var(--ml16-card);
  color: var(--ml16-txt);
  outline:none; box-shadow: inset 0 1px 0 rgba(0,0,0,.02);
}
.ml16__input:focus{ border-color:#cbd5e1; box-shadow: 0 0 0 4px rgba(148,163,184,.15); }
.ml16__btn{
  padding:.7rem .9rem; border:1px solid var(--ml16-border); background:var(--ml16-card); color: var(--ml16-txt); border-radius:.8rem; cursor:pointer;
}
.ml16__btn:hover{ filter: brightness(1.03); }
.ml16__suggestions{
  margin:.6rem 0 0; padding:0; list-style:none; border:1px solid var(--ml16-border); border-radius:.8rem; background:var(--ml16-card); display:none;
  max-height: 300px; overflow:auto; color: var(--ml16-txt);
}
.ml16__suggestions.is-open{ display:block; }
.ml16__suggestions li{
  padding:.6rem .8rem; cursor:pointer; border-bottom:1px solid #f1f5f9;
}
.ml16--theme-dark .ml16__suggestions li{ border-bottom:1px solid #1f2a3d; }
.ml16__suggestions li:last-child{ border-bottom:0; }
.ml16__suggestions li:hover{ background:rgba(148,163,184,.15); }
.ml16__sublabel{ color:#64748b; font-size:.88rem; }
.ml16--theme-dark .ml16__sublabel{ color:#9fb5d1; }

.ml16__recents{ display:flex; flex-wrap:wrap; gap:.4rem; margin:.5rem 0 0; }
.ml16__recent-chip{
  border:1px solid var(--ml16-border); background:var(--ml16-card); color: var(--ml16-txt);
  padding:.25rem .5rem; border-radius:.6rem; cursor:pointer;
}
.ml16__recent-chip:hover{ filter: brightness(1.05); }