/* Reusable autocomplete dropdown */
.autocomplete-wrap{position:relative;width:100%;}
.autocomplete-input{width:100%;}
.autocomplete-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5000;display:none;max-height:360px;overflow-y:auto;background:#fff;border:1px solid #d1d5db;border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:6px;}
.autocomplete-menu.is-open{display:block;}
.autocomplete-item{display:block;width:100%;text-align:left;border:0;background:#fff;color:#111827;padding:10px 12px;border-radius:10px;cursor:pointer;line-height:1.45;font-family:inherit;white-space:normal;word-break:break-word;}
.autocomplete-item:hover,.autocomplete-item.is-active{background:#eff6ff;color:#1d4ed8;}
.autocomplete-item mark{background:#fde047;color:inherit;border-radius:3px;padding:0 2px;font-weight:700;}
.autocomplete-empty{padding:12px;color:#6b7280;font-style:italic;line-height:1.45;}
.autocomplete-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#6b7280;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:18px;z-index:2;}
.autocomplete-clear:hover{background:#f3f4f6;color:#111827;}
.autocomplete-wrap.has-value .autocomplete-clear{display:flex;}
.autocomplete-wrap.has-clear .autocomplete-input{padding-right:48px !important;}
@media (max-width:768px){
 .autocomplete-menu{max-height:48vh;border-radius:12px;}
 .autocomplete-item{padding:9px 10px;}
 .autocomplete-clear{width:28px;height:28px;font-size:16px;}
}