.employee-name-field { position:relative; min-width:0; }
.employee-name-field > label { display:block; margin-bottom:6px; }
.employee-name-field > input { width:100%; }
.employee-name-popup { position:absolute; top:100%; left:0; right:0; z-index:12; margin-top:4px; border:1px solid #bcd7e3; border-radius:6px; background:#fff; box-shadow:0 8px 18px #183e521c; max-height:280px; overflow-y:auto; }
.employee-name-popup[hidden], .employee-name-status[hidden] { display:none; }
.employee-name-popup [role=option] { display:block; width:100%; text-align:left; border-radius:0; background:#fff; color:#173544; padding:10px 12px; font-size:14px; font-weight:500; white-space:normal; overflow-wrap:anywhere; }
.employee-name-popup [role=option] + [role=option] { border-top:1px solid #e3edf1; }
.employee-name-popup [role=option]:hover, .employee-name-popup [aria-selected=true] { background:#e4f4f8; color:#105b73; }
.employee-name-status { margin:0; padding:10px 12px; color:#617580; font-size:13px; }