.remote-contact-field { position: relative; max-width: 42rem; margin: .75rem 0 1rem; }
.remote-contact-field > label { display: block; margin-bottom: .35rem; font-weight: 600; }
.remote-contact-control { position: relative; }
.remote-contact-control input[type="search"] { padding-right: 5.5rem; }
.remote-contact-clear { position: absolute; top: 50%; right: .45rem; transform: translateY(-50%); border: 0; background: transparent; color: #1459a6; text-decoration: underline; }
.remote-contact-clear.hidden { display: none; }
.remote-contact-results { position: absolute; z-index: 1050; top: calc(100% - .65rem); left: 0; right: 0; max-height: 18rem; overflow-y: auto; padding: .25rem; margin: 0; list-style: none; border: 1px solid #8798ad; border-radius: .45rem; background: #fff; box-shadow: 0 .4rem 1rem #17202a24; }
.remote-contact-results[hidden] { display: none; }
.remote-contact-results [role="option"] { display: grid; gap: .1rem; padding: .55rem .7rem; border-radius: .3rem; cursor: pointer; }
.remote-contact-results [role="option"][aria-selected="true"] { outline: 2px solid #1459a6; background: #eaf3ff; }
.remote-contact-name { font-weight: 600; }
.remote-contact-detail, .remote-contact-status { color: #536579; font-size: .9rem; }
.remote-contact-status { min-height: 1.25rem; margin: .3rem 0 0; }