.staff-picker { position: relative; width: 100%; min-width: 0; }
.staff-picker-native { position: absolute; width: 1px !important; height: 1px !important; padding: 0 !important; opacity: 0; pointer-events: none; }
.staff-picker-trigger { box-sizing: border-box; width: 100%; height: 48px; padding: 12px 34px 12px 14px; border: 1px solid #d8e2ef; border-radius: 4px; background: #fff; color: #192b3c; font: inherit; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.staff-picker-trigger::after { content: ""; position: absolute; right: 14px; top: 18px; width: 7px; height: 7px; border-right: 2px solid #526577; border-bottom: 2px solid #526577; transform: rotate(45deg); }
.staff-picker-trigger:focus-visible { outline: 2px solid #1769dd; outline-offset: 2px; }
.staff-picker-popup { position: fixed; z-index: 10020; box-sizing: border-box; padding: 8px; border: 1px solid #bac9dc; border-radius: 4px; background: #fff; box-shadow: 0 8px 24px #20354d29; color: #192b3c; }
.staff-picker-popup[hidden] { display: none; }
.staff-picker-popup input { box-sizing: border-box; width: 100%; height: 42px; margin: 0 0 6px; padding: 8px 10px; border: 1px solid #bac9dc; border-radius: 3px; font: inherit; background: #fff; color: #192b3c; }
.staff-picker-options { overflow-y: auto; overscroll-behavior: contain; }
.staff-picker-options button { display: block; width: 100%; padding: 10px; border: 0; border-radius: 3px; background: transparent; font: inherit; color: inherit; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.staff-picker-options button:hover, .staff-picker-options button:focus-visible { background: #eef4fb; outline: 1px solid #1769dd; outline-offset: -1px; }
.staff-picker-options button[aria-selected="true"] { background: #dfebfa; color: #125ec5; }
.staff-picker-options p { padding: 10px; margin: 0; color: #647383; }