.dtoj-user-picker-source{display:none!important}
.dtoj-user-picker{display:block;min-width:0;max-width:100%;font-size:13px;font-weight:400;line-height:1.6}
.dtoj-user-picker[hidden],.dtoj-user-picker [hidden]{display:none!important}
.dtoj-user-picker .autocomplete-dummy{display:none!important}
.dtoj-user-picker .autocomplete-container{position:relative;display:block!important;width:100%!important;margin:0!important}
.dtoj-user-picker .autocomplete-wrapper{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;min-height:40px;height:auto!important;width:100%!important;padding:2px 10px;border:1px solid #d5dfe5;border-radius:8px;background:#fff;box-shadow:none;line-height:1.5}
.dtoj-user-picker .autocomplete-wrapper.focused{border-color:#648fa2;box-shadow:0 0 0 3px rgba(59,111,137,.12)}
.dtoj-user-picker .autocomplete-wrapper input{box-sizing:border-box;width:100%;min-width:40px;min-height:34px;height:auto;margin:0!important;padding:4px 0!important;border:0!important;border-radius:0;background:transparent!important;outline:none!important;box-shadow:none!important;color:#263c4c;font:inherit;font-size:14px;font-weight:400}
.dtoj-user-picker .autocomplete-wrapper input::placeholder{color:#8795a3;font-size:13px}
.dtoj-user-picker .autocomplete-list{top:100%;box-sizing:border-box;min-width:0!important;z-index:40;left:0;right:0;width:100%;max-width:100%;max-height:230px;overflow:auto;border:1px solid #dbe4ea;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(26,46,61,.12)}
.dtoj-user-picker .autocomplete-list>li>div,.dtoj-user-select-dialog .autocomplete-list>li>div{min-width:0;max-width:100%}
.dtoj-user-picker .autocomplete-list>li{padding:10px 12px;min-width:0}
.dtoj-user-picker .autocomplete-list>li[data-focus=true]{background:#f0f6f8}
.dtoj-user-picker .autocomplete-list .media__body{min-width:0}
.dtoj-user-picker .user-select__uname{color:#263c4c;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.dtoj-user-picker .user-select__uid{color:#687d8c;font-size:11px;line-height:1.6}
.dtoj-user-picker .user-profile-avatar{border-radius:50%;object-fit:cover}
.dtoj-user-picker .autocomplete-tag{max-width:100%;font-size:12px}
.dtoj-user-picker__identity{display:flex;align-items:center;gap:9px;min-width:0;margin-top:8px;padding:9px 11px;border:1px solid #e1e9ee;border-radius:8px;background:#f6f9fb;text-align:left}
.dtoj-user-picker__identity[hidden]{display:none!important}
.dtoj-user-picker__avatar{flex:0 0 30px;border-radius:50%;object-fit:cover}
.dtoj-user-picker__identity-copy{display:block;min-width:0;line-height:1.5}
.dtoj-user-picker__identity-copy strong{display:block;color:#2b4252;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.dtoj-user-picker__identity-copy small{display:block;margin-top:1px;color:#61788a;font-size:11px;font-weight:400}
.dtoj-user-picker__status{margin:6px 0 0!important;color:#5d7184;font-size:12px;line-height:1.7}
.dtoj-user-picker__status:empty{display:none}
.dtoj-user-picker--auxiliary{margin:10px 0 12px}
.dtoj-user-picker__label{display:block;margin:0 0 6px!important;color:#61788a;font-size:12px;font-weight:400}
.dtoj-user-picker__bulk-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.dtoj-user-picker__bulk-list:empty{display:none}
.dtoj-user-picker__bulk-person,.dtoj-user-picker__bulk-more{max-width:100%;padding:3px 7px;border-radius:5px;background:#f0f5f7;color:#526b7b;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.dtoj-user-picker.is-locked .autocomplete-wrapper{background:#f3f6f7;border-color:#dce4e8}
.dtoj-user-select-dialog .dialog__content{box-sizing:border-box;min-width:0!important;width:460px!important;max-width:calc(100vw - 32px)!important;height:auto!important;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0!important;border:1px solid #dfe7ec;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(22,43,58,.22);overflow:auto}
.dtoj-user-select-dialog .dialog__body{height:auto!important;min-height:0;padding:28px 28px 20px;overflow:visible}
.dtoj-user-select-dialog .dialog__body--user-select>.row{margin:0!important;max-width:none}
.dtoj-user-select-dialog .dialog__body--user-select>.row>.columns{float:none;width:100%;padding:0}
.dtoj-user-select-dialog #select_user_hint{margin:7px 0 7px;color:#243b4b;font-size:25px;font-weight:650;letter-spacing:-.02em;line-height:1.4}
.dtoj-switch-eyebrow{display:inline-block;color:#708594;font-size:11px;font-weight:600;letter-spacing:.12em}
.dtoj-switch-description{margin:0;color:#617687;font-size:13px;line-height:1.8}
.dtoj-switch-current{margin:14px 0 23px;padding:9px 11px;border:1px solid #e5ecef;border-radius:8px;background:#f7f9fa;color:#5d7485;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.dtoj-user-select-dialog .dialog__body--user-select label{display:block;margin:0;color:#425c6e;font-size:13px;line-height:1.6}
.dtoj-user-select-dialog .autocomplete-dummy{display:none!important}
.dtoj-user-select-dialog .autocomplete-container{display:block!important;width:100%!important;margin:8px 0 0!important}
.dtoj-user-select-dialog .autocomplete-wrapper{box-sizing:border-box;width:100%!important;min-height:44px;height:auto!important;padding:4px 12px;border:1px solid #d1dfe6;border-radius:9px;background:#fff;box-shadow:none}
.dtoj-user-select-dialog .autocomplete-wrapper.focused{border-color:#648fa2;box-shadow:0 0 0 3px rgba(59,111,137,.12)}
.dtoj-user-select-dialog .autocomplete-wrapper input{box-sizing:border-box;width:100%;min-height:34px;margin:0;padding:4px 0;border:0;outline:none;background:transparent;box-shadow:none;color:#243b4b;font:inherit;font-size:16px}
.dtoj-user-select-dialog .autocomplete-list{box-sizing:border-box;min-width:0!important;position:static!important;transform:none!important;z-index:50;width:100%;max-width:100%;max-height:210px;overflow:auto;margin:8px 0 0;border:1px solid #dbe4ea;border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(26,46,61,.08)}
.dtoj-user-select-dialog .autocomplete-list>li{padding:11px 12px}
.dtoj-user-select-dialog .autocomplete-list>li[data-focus=true]{background:#eef5f7}
.dtoj-user-select-dialog .user-profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}
.dtoj-user-select-dialog .user-select__uname{color:#2b4252;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.dtoj-user-select-dialog .user-select__uid{margin-top:2px;color:#698090;font-size:11px;line-height:1.5}
.dtoj-user-select-dialog .media__body{min-width:0}
.dtoj-user-select-dialog .dtoj-switch-target{margin-top:16px;padding:12px;background:#f2f7f8}
.dtoj-user-select-dialog .dtoj-switch-target .dtoj-user-picker__identity-copy strong{font-size:14px}
.dtoj-user-select-dialog .dtoj-switch-target .dtoj-user-picker__identity-copy small{font-size:12px}
.dtoj-user-select-dialog .dialog__content>.row{margin:0;padding:0 28px 24px}
.dtoj-user-select-dialog .dialog__content>.row>.columns{padding:0}
.dtoj-user-select-dialog .dialog__action{display:flex;float:none!important;justify-content:flex-end;gap:10px;padding-top:17px;border-top:1px solid #e7edf0}
.dtoj-user-select-dialog .dialog__action .button{box-sizing:border-box;min-width:82px;min-height:42px;margin:0;padding:10px 17px;border:1px solid #d8e2e7;border-radius:8px;background:#fff;color:#526b7c;font-size:13px;font-weight:500;line-height:20px;box-shadow:none}
.dtoj-user-select-dialog .dialog__action .primary{border-color:#356d81;background:#356d81;color:#fff;font-weight:600}
.dtoj-user-select-dialog .dialog__action .button:disabled{opacity:.5;cursor:default}
.dtoj-user-select-dialog .dialog__action .button:focus-visible{outline:3px solid #97b7c7;outline-offset:3px}
@media(max-width:480px){.dtoj-user-select-dialog .dialog__body{padding:23px 20px 18px}.dtoj-user-select-dialog .dialog__content>.row{padding:0 20px 20px}.dtoj-user-select-dialog #select_user_hint{font-size:23px}.dtoj-user-select-dialog .dialog__action .button{flex:1;min-width:0}}

/* Keep authored prose margins out of the native result list. */
.dtoj-user-picker .autocomplete-list{margin:2px 0 0!important;padding:0!important;list-style:none!important}

/* Release rounded-card clipping only while a user result list is open. */
.dm-card:has(.dtoj-user-picker .autocomplete-list),
#dfa-root .section:has(.dtoj-user-picker .autocomplete-list),
#dfa-root .dfa-feature-card:has(.dtoj-user-picker .autocomplete-list),
.course-admin-shell .section:has(.dtoj-user-picker .autocomplete-list),
.training-layout .section:has(.dtoj-user-picker .autocomplete-list),
#dtoj-course-board .dt-window:has(.dtoj-user-picker .autocomplete-list),
#dtoj-scoreboard .ds-board:has(.dtoj-user-picker .autocomplete-list),
.tc-panel:has(.dtoj-user-picker .autocomplete-list){overflow:visible}

/* A group dialog keeps its own scroll area and reachable actions. */
.cgm-dialog:has(.dtoj-user-picker){display:flex;flex-direction:column;overflow:hidden}
.cgm-dialog:has(.dtoj-user-picker)>.cgm-dialog-head,
.cgm-dialog:has(.dtoj-user-picker)>.cgm-dialog-actions{flex:none}
.cgm-dialog:has(.dtoj-user-picker)>.cgm-dialog-body{min-height:0;overflow:auto}
.cgm-dialog .dtoj-user-picker .autocomplete-list{position:static!important;top:auto;margin-top:8px!important}

/* The records page retains its original native user selector. */
#records-page .records-card:has(.filter-user .autocomplete-list){overflow:visible}
#records-page .filter-user .autocomplete-container{position:relative}
#records-page .filter-user .autocomplete-list{box-sizing:border-box;top:100%;left:0;right:0;width:100%;min-width:0;max-width:100%;max-height:230px;margin:2px 0 0;padding:0;list-style:none}
#records-page .filter-user .autocomplete-list .media__body{min-width:0}
#records-page .filter-user .autocomplete-list .user-select__uname{overflow-wrap:anywhere}
@media(max-width:640px){ #records-page .records-filter-grid .filter-user{grid-column:1/-1}}
@media(max-width:700px){ #dfa-root .dfa-user-row>label:has([data-uid]){grid-column:1/-1}}

/* Leave enough room to identify a badge recipient without widening mobile grids. */
.rating-badge-admin .rating-badge-admin__form input{box-sizing:border-box}
@media(min-width:1121px){.rating-badge-admin .rating-badge-admin__form{grid-template-columns:minmax(160px,.9fr) minmax(150px,1.3fr) 78px 78px minmax(160px,1.4fr) 80px auto}}
@media(min-width:961px) and (max-width:1120px){.rating-badge-admin .rating-badge-admin__form{grid-template-columns:repeat(3,minmax(0,1fr))}.rating-badge-admin .rating-badge-admin__actions{grid-column:1/-1}}
@media(max-width:600px){.rating-badge-admin__form label:has(>input[data-dtoj-user-picker]){grid-column:1/-1}}