.people-directory{container:people-directory/inline-size}.people-directory-table th:first-child,.people-directory-table td:first-child{z-index:1;background:#fff;position:sticky;left:0;box-shadow:1px 0 #edf0f3}.people-directory-table th:first-child{background:#fafbfc}.people-directory-table .name-cell{min-width:190px}.people-directory-table .name-cell .avatar{flex:none}.people-directory-cards{margin:0;padding:0;list-style:none;display:none}.people-directory-cards>li{border-top:1px solid #edf0f3}.staff-shell .person-card{text-align:left;white-space:normal;width:100%;box-shadow:none;background:#fff;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;padding:20px;font-weight:400;display:grid}.staff-shell .person-card:hover{background:#f8fafc;transform:none}.staff-shell .person-card:focus-visible{outline-offset:-3px;outline:2px solid #426981}.person-card-identity{align-items:center;gap:12px;min-width:0;display:flex}.person-card-identity .avatar{flex:none}.person-card-name{overflow-wrap:anywhere;min-width:0}.person-card-name>strong{color:#263241;font-size:18px;font-weight:650;line-height:1.4;display:block}.person-card-name .subtext{margin-top:3px}.person-card-open{color:#526477;align-items:center;gap:5px;font-size:13px;display:flex}.person-card-meta{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 12px;display:flex}.person-card-footer{color:#738090;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:8px 16px;font-size:12px;line-height:1.5;display:flex}.person-card-footer .document-count{color:inherit;font-size:12px}@container people-directory (width<=800px){.people-directory-table{display:none}.people-directory-cards{display:block}}@media (width<=1100px){.people-directory-table{display:none}.people-directory-cards{display:block}}.employment-status-dialog{color:#25384c;background:#fff;border:1px solid #e2e7ed;border-radius:20px;width:min(660px,100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 24px 80px #152b4540}.employment-status-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#132b485c}.employment-status-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.employment-status-dialog h2{margin:5px 0;font-size:25px;line-height:1.2}.employment-status-dialog header>button{padding:4px 12px;font-size:23px}.employment-status-dialog .eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}.employment-status-dialog .help{font-size:14px;line-height:1.6}.employment-status-dialog .notice{margin:18px 0;font-size:14px;line-height:1.6}.status-form-fields{border:0;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0;padding:0;display:grid}.status-form-fields>label{font-size:14px;font-weight:650;display:block}.status-form-fields input,.status-form-fields select,.status-form-fields textarea{width:100%;min-height:46px;font:inherit;color:#23364c;box-sizing:border-box;background:#fff;border:1px solid #cfd8e2;border-radius:8px;margin-top:8px;padding:12px;font-weight:400;display:block}.status-note{grid-column:1/-1}.employment-status-dialog footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.employment-status-dialog .check{align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;display:flex}.employment-status-dialog .check input{flex:none;width:20px;height:20px;margin-top:2px}.roster-tabs{flex-wrap:wrap;gap:6px;margin:0 0 22px;display:flex}.staff-shell .roster-tabs button{color:#6a7788;background:0 0;border-color:#0000;border-radius:8px;align-items:center;gap:10px;padding:11px 16px;display:flex}.staff-shell .roster-tabs button[aria-pressed=true]{color:#16334c;background:#eaf1f6;border-color:#d6e2ec}.roster-tabs b{text-align:center;background:#ffffffa6;border-radius:5px;min-width:20px;padding:2px 8px;font-size:12px}.employment-badge{color:#546373;background:#edf1f5;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:650;display:inline-flex}.employment-badge.active{color:#33764e;background:#e8f3ec}.employment-badge.inactive{color:#8e6519;background:#fff4d9}.employment-badge.terminated{color:#975653;background:#f7e9e9}.rehire-eligible{color:#33764e;font-weight:600}.rehire-ineligible{color:#975653;font-weight:600}.roster-actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.staff-shell .roster-actions button{padding:9px 12px;font-size:13px}.staff-shell .status-change-button{color:#6f4f4f;background:0 0;border-color:#e5dada}.person-card-status-action{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 18px;display:flex}.status-detail{color:#778594;white-space:normal;max-width:250px;margin-top:5px;font-size:12px;line-height:1.6;display:block}.employment-history{margin-top:24px}.employment-history article{border-top:1px solid #e5eaf0;padding:14px 0}.employment-history p{margin:5px 0;font-size:13px;line-height:1.6}.employment-history small{color:#738093}@media (width<=600px){.employment-status-dialog{padding:20px}.status-form-fields{grid-template-columns:1fr}.roster-tabs{gap:4px}.staff-shell .roster-tabs button{padding:9px 11px;font-size:13px}}.employment-status-panel{margin-bottom:24px}
