.contact-autocomplete{position:relative;width:100%}.contact-autocomplete-input-container{position:relative;display:flex;align-items:center}.contact-autocomplete-input{width:100%;padding:10px 12px;border:1px solid var(--border-grey,#cbcbcb);border-radius:6px;font-size:14px;font-family:inherit;background-color:var(--background,#fffbf6);color:var(--text-standard,#000000);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;direction:rtl;text-align:right}.contact-autocomplete-input:focus{outline:none;border-color:var(--primary,#2366ea);box-shadow:0 0 0 2px var(--primary-4,#e2ecff)}.contact-autocomplete-input:disabled{background-color:var(--primary-5,#eef4ff);color:var(--text-grey,#757680);cursor:not-allowed}.contact-autocomplete-loading{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.loading-spinner{width:16px;height:16px;border-top:2px solid var(--border-grey,#cbcbcb);border:2px solid var(--border-grey,#cbcbcb);border-top-color:var(--primary,#2366ea);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--background,#fffbf6);border:1px solid var(--border-grey,#cbcbcb);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:200px;overflow-y:auto;direction:rtl}.contact-autocomplete-item{padding:12px;cursor:pointer;border-bottom:1px solid var(--primary-5,#eef4ff);transition:background-color .15s ease}.contact-autocomplete-item:last-child{border-bottom:none}.contact-autocomplete-item.highlighted,.contact-autocomplete-item:hover{background-color:var(--primary-5,#eef4ff)}.contact-autocomplete-item.loading,.contact-autocomplete-item.no-results{color:var(--text-grey,#757680);cursor:default;text-align:center}.contact-autocomplete-item.no-results small{display:block;margin-top:4px;font-size:12px;color:var(--text-grey-2,#666)}.contact-name{font-weight:500;color:var(--text-dark,#0f234b);margin-bottom:2px}.contact-id{font-size:12px;color:var(--text-grey,#757680)}@media (max-width:768px){.contact-autocomplete-dropdown{max-height:150px}.contact-autocomplete-item{padding:10px}}[dir=rtl] .contact-autocomplete-input{text-align:right}[dir=rtl] .contact-autocomplete-loading{right:12px;left:auto}