/* Shared 20px staff identity, matching compact client avatars. */
.staff-linked-identity,.staff-linked-name{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;vertical-align:middle}
.staff-linked-identity{gap:4px}
.staff-linked-name{padding:0;font:inherit;color:inherit;text-align:left;border:0;background:transparent}
button.staff-linked-name{cursor:pointer}
.staff-linked-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-linked-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;box-sizing:border-box;overflow:hidden;border:1px solid #ffffff14;border-radius:50%;background:#cfb5730b;color:var(--muted,#a6a6ad);font-size:9px;font-weight:500;line-height:1}
.staff-linked-avatar>img{display:block;width:100%;height:100%;object-fit:cover}
.staff-linked-avatar-16{width:16px;height:16px;flex-basis:16px;font-size:7px}
.staff-linked-avatar-24{width:24px;height:24px;flex-basis:24px;font-size:10px}
.staff-linked-avatar-32{width:32px;height:32px;flex-basis:32px;font-size:12px}
.staff-linked-avatar-44{width:44px;height:44px;flex-basis:44px;font-size:16px}
.staff-linked-avatar-56{width:56px;height:56px;flex-basis:56px;font-size:19px}
.staff-preview-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:26px;padding:5px;border:0;border-radius:5px;background:transparent;color:var(--muted,#a6a6ad);cursor:pointer;opacity:.6}
.staff-preview-trigger>svg{width:13px;height:13px;flex:none}
.staff-preview-trigger:hover,.staff-preview-trigger:focus-visible{opacity:1;color:var(--gold,#cfb573);background:#ffffff05}
.staff-linked-name:focus-visible,.staff-preview-trigger:focus-visible{outline:2px solid var(--gold,#cfb573);outline-offset:2px}
.staff-preview-popup{position:fixed;z-index:1450;box-sizing:border-box;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:19px 17px 15px;border:1px solid #ffffff18;border-radius:10px;background:rgba(24,24,26,.97);box-shadow:0 10px 35px #00000044;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink,#eeeef0);font-size:12px}
.staff-preview-popup[hidden]{display:none!important}
.staff-preview-close{position:absolute;top:7px;right:7px;width:26px;height:26px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted,#a6a6ad);font-size:19px;cursor:pointer}
.staff-preview-heading{display:flex;align-items:center;gap:11px;padding-right:12px;min-width:0;margin-bottom:13px}
.staff-preview-heading>div{min-width:0}
.staff-preview-heading strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.staff-preview-heading>div>span{display:block;margin-top:3px;font-size:11px;color:var(--muted,#a6a6ad)}
.staff-preview-contacts{margin:0 0 12px;font-size:11px;line-height:1.5}
.staff-preview-contacts>div{padding:6px 0;border-top:1px solid #ffffff08}
.staff-preview-contacts dt{font-size:10px;color:var(--muted,#a6a6ad)}
.staff-preview-contacts dd{margin:2px 0 0;overflow-wrap:anywhere}
.staff-preview-open{min-height:32px;font-size:11px;color:var(--gold,#cfb573);cursor:pointer}
.staff-preview-popup :is(button,input):focus-visible{outline:2px solid var(--gold,#cfb573);outline-offset:2px}
.staff-native-picker{display:flex;align-items:center;gap:4px;min-width:0;width:100%}
select.staff-picker-native{display:none!important}
.staff-native-picker-trigger{display:flex;align-items:center;gap:7px;flex:1;min-width:0;min-height:31px;box-sizing:border-box;width:100%;padding:4px 7px;border:1px solid var(--editable-field-border,#ffffff12);border-radius:var(--editable-field-radius,6px);background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.staff-native-picker-trigger>.staff-picker-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.staff-native-picker-trigger::after{content:"";flex:0 0 5px;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);opacity:.7;margin:0 3px 3px}
.staff-native-picker-trigger:disabled{opacity:.7;cursor:default}
.staff-native-picker-trigger:focus-visible{outline:2px solid var(--gold,#cfb573);outline-offset:2px}
.staff-picker-panel{position:fixed;z-index:1430;box-sizing:border-box;width:310px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border:1px solid #ffffff18;border-radius:9px;background:rgba(24,24,26,.98);box-shadow:0 9px 30px #00000040;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;color:var(--ink,#eeeef0)}
.staff-picker-search{display:block;box-sizing:border-box;width:calc(100% - 18px);min-width:0;margin:9px;padding:7px 8px;border:1px solid #ffffff12;border-radius:6px;background:#ffffff03;color:inherit;font:inherit;font-size:12px}
.staff-picker-options{overflow:auto;max-height:240px;padding:0 5px 5px}
.staff-picker-option-row{display:flex;align-items:center;gap:2px;min-width:0}
.staff-picker-option{display:flex;align-items:center;gap:8px;min-width:0;flex:1;min-height:36px;width:100%;padding:7px 8px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:pointer}
.staff-picker-option>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-picker-option[aria-selected=true]{background:#cfb5730d;color:#d5c6a3}
.staff-picker-option[aria-selected=true]::after{content:"✓";margin-left:auto;font-size:11px}
.staff-picker-option:hover,.staff-picker-option:focus-visible{background:#ffffff07;outline:1px solid #cfb57366;outline-offset:-1px}
.staff-picker-option:disabled{opacity:.45;cursor:default}
.staff-picker-empty{padding:10px;color:var(--muted,#a6a6ad);font-size:11px}
@media(hover:none),(pointer:coarse){.staff-preview-trigger{width:32px;height:36px;flex-basis:32px;opacity:.85}.staff-picker-option{min-height:44px}.staff-preview-popup button{min-height:36px}}
@media(prefers-reduced-motion:no-preference){.staff-preview-trigger,.staff-native-picker-trigger{transition:background-color 140ms ease,color 140ms ease,border-color 140ms ease}}
@media(forced-colors:active){.staff-linked-avatar,.staff-preview-popup,.staff-picker-panel{background:Canvas;color:CanvasText;border-color:CanvasText}.staff-picker-option[aria-selected=true]{outline:1px solid Highlight}.staff-preview-trigger{color:ButtonText}}

/* The task's broker search occupies its original field; the native select stays canonical. */
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .staff-picker-field{position:relative;display:flex;flex:1;min-width:0}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .staff-picker-field[data-search-open]>.staff-native-picker-trigger{visibility:hidden}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .staff-picker-field>.staff-picker-inline-search{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:31px;max-width:100%;margin:0;padding:4px 7px;box-sizing:border-box;border:1px solid var(--gold,#cfb573);border-radius:var(--editable-field-radius,6px);background:var(--glass-control,#ffffff04);color:var(--ink);font:inherit;font-size:13px;line-height:1.4;outline:none;box-shadow:none}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .staff-picker-field>.staff-picker-inline-search:focus{outline:none;box-shadow:none}

.staff-picker-panel[data-task-inline-broker=true] .staff-picker-options{padding-top:5px}