/* Scoped staff administration; the customer page and project editor are unchanged. */
#staff-admin-panel[hidden]{display:none}
#staff-admin-panel{min-width:0;max-width:1400px;margin:0 auto;padding:38px 36px 60px}
.staff-admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}
.staff-admin-heading h1{margin:5px 0 10px;font-size:32px;letter-spacing:-.7px;line-height:1.2}
.staff-admin-heading p:not(.eyebrow){color:#66756c;margin:0;line-height:1.6}
.staff-admin-heading .text-button{white-space:nowrap;min-height:44px}
.staff-admin-directory{padding:24px}
.staff-admin-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
.staff-admin-tools .field{margin:0;min-width:150px}
.staff-admin-tools .field:first-child{flex:1;min-width:240px}
.staff-admin-tools input,.staff-admin-tools select{min-height:46px;width:100%}
.staff-admin-tools .desk-button{min-height:46px;white-space:nowrap}
.staff-admin-count{padding:8px 0 18px;color:#617367;font-size:14px}
.staff-admin-notice:empty{display:none}
.staff-admin-notice{color:#075d3b;padding:12px 0 0}
.staff-admin-list{border-top:1px solid #dce4df}
.staff-admin-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px 60px;align-items:center;gap:20px;width:100%;padding:18px 0;text-align:left;border:0;border-bottom:1px solid #dce4df;background:white;color:#26372e;font:inherit;cursor:pointer}
.staff-admin-row:hover{background:#f3f7f4}
.staff-admin-row:focus-visible{outline:2px solid #007649;outline-offset:3px}
.staff-admin-person{display:flex;align-items:center;gap:14px;min-width:0}
.staff-admin-person>span:last-child{min-width:0}
.staff-admin-person strong{display:block;margin-bottom:4px;overflow-wrap:anywhere}
.staff-admin-person small{display:block;color:#607467;overflow-wrap:anywhere;font-size:14px}
.staff-admin-person img,.staff-admin-no-photo{width:48px;height:48px;flex:0 0 48px;border-radius:5px;object-fit:cover;background:#edf2ee}
.staff-admin-no-photo{display:grid;place-items:center;color:#829186}
.staff-admin-state{font-size:13px;background:#eaf3ec;border-radius:20px;justify-self:start;padding:5px 10px;color:#23613d}
.staff-admin-state.inactive{background:#f0f0ed;color:#667067}
.staff-admin-edit-label{font-size:14px;color:#226044;white-space:nowrap}
.staff-admin-empty{padding:25px 0;color:#63756a}
.staff-admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;color:#627369;font-size:14px}
.staff-admin-pagination>div{display:flex;gap:10px}
.staff-admin-form{padding:28px;max-width:840px}
.staff-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.staff-admin-fields .field{margin:0;min-width:0;line-height:1.5}
.staff-admin-fields input,.staff-admin-fields select{width:100%;min-height:46px}
.staff-admin-fields input[readonly]{background:#f3f5f3;color:#607366}
.staff-admin-portrait{display:flex;align-items:center;gap:20px;grid-column:1 / -1;padding:8px 0}
.staff-admin-photo-preview{display:grid;place-items:center;flex:0 0 96px;width:96px;height:96px;border:1px solid #dbe5de;border-radius:5px;background:#f3f6f3;overflow:hidden;font-size:13px;color:#6c7b70}
.staff-admin-photo-preview img{width:100%;height:100%;object-fit:cover}
.staff-admin-portrait .field{flex:1}
.staff-admin-portrait input{min-height:36px;padding:6px 0;border:none;background:transparent}
.staff-admin-portrait .form-footnote{font-size:13px;display:block}
.staff-admin-form>.form-footnote{margin-top:18px;line-height:1.6}
.staff-admin-access{margin-top:20px;padding-top:20px;border-top:1px solid #dde6df}
.staff-admin-active{display:flex;align-items:center;gap:10px;line-height:1.5}
.staff-admin-active input{width:20px;height:20px;accent-color:#087744;flex:0 0 20px}
.staff-admin-access .form-footnote{margin:7px 0 0 30px;line-height:1.6}
.staff-admin-assignment-note{padding:12px 14px;background:#f7f2e5;border:1px solid #e6dcc4;border-radius:4px;color:#66582f;line-height:1.6}
.staff-admin-save-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.staff-admin-save-actions .desk-button{min-height:46px}
.staff-admin-reload-note{color:#705b26;line-height:1.6}
@media(max-width:900px){#staff-admin-panel{padding:26px 20px 45px}.staff-admin-tools .field:first-child{min-width:190px}.staff-admin-row{grid-template-columns:minmax(0,1fr) 70px 80px;gap:12px}.staff-admin-edit-label{display:none}}
@media(max-width:600px){#staff-admin-panel{padding:22px 16px 40px}.staff-admin-heading{flex-direction:column;gap:8px;margin-bottom:20px}.staff-admin-heading h1{font-size:28px}.staff-admin-directory{padding:18px}.staff-admin-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-admin-tools .field:first-child{grid-column:1 / -1;min-width:0}.staff-admin-tools .field{min-width:0}.staff-admin-tools [data-add-staff]{grid-column:1 / -1}.staff-admin-row{grid-template-columns:1fr auto;gap:10px}.staff-admin-person{grid-column:1 / -1}.staff-admin-state{justify-self:end}.staff-admin-row>span:nth-child(2){font-size:14px;margin-left:62px}.staff-admin-pagination{align-items:flex-start;flex-direction:column}.staff-admin-form{padding:20px}.staff-admin-fields{grid-template-columns:1fr;gap:17px}.staff-admin-portrait{align-items:flex-start;gap:14px}.staff-admin-photo-preview{flex-basis:76px;width:76px;height:76px}.staff-admin-portrait input{font-size:13px;max-width:100%}.staff-admin-save-actions{align-items:stretch}.staff-admin-save-actions>.desk-button{flex:1}.staff-admin-save-actions>.text-button{flex-basis:100%;min-height:44px}.staff-admin-access .form-footnote{margin-left:0}}