.customer-picker { position:relative; }
.customer-picker [hidden] { display:none!important; }
.customer-picker-control { position:relative; }
.customer-picker-control .form-control { padding-right:2.6rem; }
.customer-picker-clear {
    position:absolute;
    right:.25rem;
    top:50%;
    transform:translateY(-50%);
    width:2rem;
    height:2rem;
    border:0;
    border-radius:4px;
    color:#465d6b;
    background:transparent;
    font-size:1.4rem;
    line-height:1;
}
.customer-picker-clear:hover:not(:disabled) { background:#e9eff3; }
.customer-picker-clear:disabled { opacity:.35; }
.customer-picker-clear:focus-visible { outline:2px solid #1869a4; outline-offset:1px; }
.customer-picker-panel {
    position:absolute;
    top:calc(100% + 3px);
    left:0;
    right:0;
    z-index:30;
    border:1px solid #9eb1bf;
    border-radius:5px;
    background:#fff;
    box-shadow:0 6px 18px #203a5026;
    overflow:hidden;
}
.customer-picker-options { max-height:280px; overflow-y:auto; overscroll-behavior:contain; }
.customer-picker-option { padding:.6rem .75rem; min-height:46px; border-bottom:1px solid #e4eaf0; cursor:pointer; }
.customer-picker-option:last-child { border-bottom:0; }
.customer-picker-option strong { display:block; font-size:.9rem; color:#203b4e; overflow-wrap:anywhere; }
.customer-picker-option span { display:block; font-size:.78rem; color:#506674; margin-top:.12rem; overflow-wrap:anywhere; }
.customer-picker-option:hover,.customer-picker-option.is-active { background:#e6f0f8; }
.customer-picker-option.is-active { box-shadow:inset 3px 0 #1869a4; }
.customer-picker-more { padding:.55rem .75rem; margin:0; font-size:.78rem; color:#465d6b; background:#f2f6f8; border-top:1px solid #d8e2e9; }
.customer-picker-status { font-size:.8rem; color:#465d6b; margin-top:.25rem; min-height:1.2em; }