/* ── Auto-search / autocomplete dropdown ─────────────────────── */
.autocomplete { position:relative; display:inline-block; }
.autocomplete input[type="text"],
.autocomplete input[type="search"] {
  border:1px solid #aaa; border-radius:20px; padding:5px 14px;
  font-size:14px; width:100%; outline:none;
}
.autocomplete-items {
  position:absolute; border:1px solid #ddd; border-top:none;
  background:#fff; z-index:200; left:0; right:0;
  max-height:220px; overflow-y:auto;
  box-shadow:0 4px 8px rgba(0,0,0,.1);
}
.autocomplete-items div {
  padding:8px 14px; cursor:pointer; font-size:13px; color:#333;
  border-bottom:1px solid #f5f5f5; display:flex; align-items:center; gap:8px;
}
.autocomplete-items div:last-child { border-bottom:none; }
.autocomplete-items div:hover,
.autocomplete-active { background:#009900 !important; color:#fff !important; }
.autocomplete-items div img { width:36px; height:36px; object-fit:cover; border-radius:3px; flex-shrink:0; }
.autocomplete-items div span { display:block; font-size:11px; opacity:.8; }