/* Staff reuses the workbench's soft Mac-style surfaces and existing typeface. */
.staff-page,.staff-dialog{--staff-ink:#34495d;--staff-muted:#778897;--staff-line:#dfe6eb;--staff-accent:#537c77;color:var(--staff-ink);min-width:0;font-family:inherit}
.staff-page{max-width:1440px;margin:0 auto;padding-bottom:24px}
.staff-page *,.staff-dialog *{box-sizing:border-box;min-width:0}
.staff-page button,.staff-dialog button,.staff-dialog input,.staff-dialog textarea,.staff-dialog select,.staff-report textarea{font-family:inherit;letter-spacing:inherit}
.staff-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.staff-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}
.staff-heading h1{font-size:29px;line-height:1.3;font-weight:650;letter-spacing:-.045em;margin:0;color:#304655}
.staff-heading p{font-size:14px;line-height:1.6;margin:8px 0 0;color:var(--staff-muted)}
.staff-heading-actions,.staff-report-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.staff-button,.staff-text-button,.staff-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid #d4dee2;border-radius:10px;color:#536d77;background:rgba(255,255,255,.7);font-size:14px;font-weight:500;line-height:1.45;cursor:pointer;box-shadow:0 1px 2px #314b5f05}
.staff-button:hover{background:#fff;border-color:#b8c9cb}
.staff-primary{background:#5e817c;border-color:#5e817c;color:white}
.staff-primary:hover{background:#4f736e;border-color:#4f736e}
.staff-text-button,.staff-icon-button{border:0;background:transparent;box-shadow:none;color:#6b8292;padding:6px 8px}
.staff-text-button:hover,.staff-icon-button:hover{background:#e9eff2;color:#36576b}
.staff-page button:disabled,.staff-dialog button:disabled{opacity:.5;cursor:default}
.staff-page :is(button,a,summary,input,textarea,select):focus-visible,.staff-dialog :is(button,input,textarea,select,summary):focus-visible{outline:3px solid #a8c9c6;outline-offset:3px}
.staff-profiles{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:21px;border-bottom:1px solid #dde5e980;margin-bottom:20px}
.staff-profile{display:flex;align-items:center;gap:11px;text-align:left;flex:0 1 auto;max-width:340px;min-height:69px;padding:11px 15px;border:1px solid transparent;border-radius:13px;background:rgba(239,243,246,.7);color:#576d7b;cursor:pointer;transition:background .15s,border-color .15s}
.staff-profile:hover{background:#eaf0f2}.staff-profile.is-selected{background:rgba(255,255,255,.92);border-color:#cad9d8;box-shadow:0 2px 9px #2f4f5f06}
.staff-profile strong{display:block;font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.staff-profile small{display:block;margin-top:3px;font-size:12px;font-weight:400;color:#83929e;line-height:1.4}
.staff-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:11px;background:#dde9e6;color:#5a7973;font-size:16px;font-weight:550}.staff-avatar.is-all{background:#e4eaf0;color:#758ca2}
.staff-person{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:1px 0 23px;padding:0 2px}.staff-person h2{margin:0;font-size:21px;font-weight:600;line-height:1.4}.staff-person p{font-size:13px;color:var(--staff-muted);line-height:1.7;margin:5px 0 0}.staff-person-dot{padding:0 8px}.staff-person .staff-responsibilities{max-width:680px;white-space:pre-wrap;overflow-wrap:anywhere}
.staff-filters{display:flex;gap:3px;flex-wrap:wrap;margin:0 0 15px;padding:4px;width:fit-content;max-width:100%;background:#e9eef2a8;border-radius:10px}
.staff-filter{padding:7px 13px;border:0;border-radius:7px;background:transparent;color:#7a8c98;font-size:13px;line-height:1.4;cursor:pointer;white-space:nowrap}.staff-filter.is-active{background:#fff;color:#49666e;box-shadow:0 1px 4px #43546310}.staff-filter:hover{color:#3f6570}
.staff-workspace{display:grid;grid-template-columns:minmax(275px,.78fr) minmax(0,1.3fr);gap:19px;align-items:start}
.staff-list-panel,.staff-detail{border:1px solid #dce5eaa6;border-radius:16px;background:rgba(255,255,255,.78);overflow:hidden;box-shadow:0 3px 18px #334c6403}
.staff-list-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 15px;border-bottom:1px solid #e6ecefa8}.staff-list-heading h2{font-size:15px;font-weight:600;margin:0}.staff-list-heading>span{font-size:12px;color:#8b99a3}
.staff-assignment{display:block;width:100%;text-align:left;padding:19px 20px;border:0;border-bottom:1px solid #e8edf0;background:transparent;cursor:pointer;color:var(--staff-ink)}.staff-assignment:last-child{border-bottom:0}.staff-assignment:hover{background:#f2f6f7}.staff-assignment.is-selected{background:#ecf3f2;box-shadow:inset 3px 0 #80a59c}
.staff-row-top{display:flex;align-items:center;gap:10px;margin-bottom:9px}.staff-assignment>strong{display:block;font-size:16px;font-weight:580;line-height:1.55;overflow-wrap:anywhere}.staff-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#8999a3;font-size:12px;line-height:1.6;margin-top:9px}.staff-row-meta i{font-style:normal;color:#b7c4ca}
.staff-status{display:inline-flex;padding:3px 7px;border-radius:5px;font-size:11px;font-weight:550;line-height:1.35;background:#edf0f3;color:#83919e;white-space:nowrap}.staff-status-in_progress{background:#e7eff6;color:#65869e}.staff-status-review_requested{background:#f4eee1;color:#a48a54}.staff-status-completed{background:#e7f0e9;color:#789785}.staff-priority{font-size:11px;color:#aa7c66}
.staff-detail{padding:23px 25px}.staff-detail-tools{display:flex;align-items:center;gap:10px;margin-bottom:17px}.staff-detail-tools>span{flex:1}.staff-detail-heading h2{font-size:24px;line-height:1.5;font-weight:600;letter-spacing:-.035em;margin:0 0 12px;overflow-wrap:anywhere}.staff-detail-meta{display:flex;gap:7px 17px;flex-wrap:wrap;font-size:12px;color:#81949f;line-height:1.6;padding-bottom:22px;border-bottom:1px solid #e6ecef}
.staff-instruction{margin:22px 0}.staff-instruction h3,.staff-history h3{font-size:13px;color:#81919a;font-weight:550;margin:0 0 12px}.staff-instruction>p{font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#4b606e}
.staff-original{margin-top:18px;padding:12px 14px;border:1px solid #e4eaed;border-radius:9px}.staff-original summary,.staff-history summary{font-size:12px;color:#82959d;cursor:pointer}.staff-original>strong{display:block;font-size:14px;margin:13px 0 6px}.staff-original p{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#788b95}
.staff-related{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;margin:0 0 24px;background:#f1f5f7;border:0;border-radius:9px;text-align:left;color:#68828e;cursor:pointer}.staff-related>span{flex:none;font-size:11px;color:#95a5ad}.staff-related strong{flex:1;font-size:13px;font-weight:500;overflow-wrap:anywhere}.staff-related .staff-icon{width:15px}
.staff-report{margin:26px 0;padding:18px;border:1px solid #e0e8e9;border-radius:12px;background:#f7f9f9}.staff-report>label{display:block;font-size:13px;font-weight:550;margin-bottom:10px;color:#71868d}.staff-report textarea{width:100%;resize:vertical;min-height:100px;max-height:340px;border:1px solid #dae4e6;border-radius:8px;padding:11px 12px;background:#fff;color:#455f6c;font-size:14px;line-height:1.7;box-shadow:none}.staff-report textarea::placeholder{color:#a0afb5}.staff-report-actions{justify-content:flex-end;margin-top:11px}.staff-muted,.staff-done-note{color:#91a0a6;font-size:12px;line-height:1.7;margin:12px 0 0}.staff-done-note{padding:14px;background:#edf4ef;border-radius:9px;color:#789180}
.staff-history{margin-top:27px;padding-top:22px;border-top:1px solid #e7ecee}.staff-history ol{list-style:none;margin:0;padding:0}.staff-history li{padding:14px 0;border-bottom:1px solid #edf1f3}.staff-history li:last-child{border-bottom:0}.staff-history-caption{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.staff-history-caption strong{font-size:13px;font-weight:550;color:#68808a}.staff-history-caption span,.staff-history-caption time{font-size:11px;color:#99a8af}.staff-history-caption time{margin-left:auto}.staff-history li>p{font-size:14px;line-height:1.8;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#536b77}.staff-history details{margin-top:9px}.staff-history dl{margin:13px 0 0;padding:13px;border-radius:8px;background:#f5f7f8}.staff-history dl>div+div{margin-top:14px;padding-top:14px;border-top:1px solid #e4e9ec}.staff-history dt{font-size:12px;font-weight:550;color:#6a808a}.staff-history dd{margin:8px 0 0}.staff-history dd>span{font-size:10px;color:#a2b0b7}.staff-history dd p{margin:2px 0 8px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#7d9099}
.staff-empty{padding:55px 22px;text-align:center;color:#99aab3}.staff-empty>.staff-icon{width:27px;height:27px;margin-bottom:15px;color:#a5b8be}.staff-empty h2{font-size:17px;font-weight:500;line-height:1.6;color:#7b919b;margin:0 0 7px}.staff-empty p{font-size:13px;line-height:1.8;margin:0 auto;max-width:310px}.staff-empty>.staff-button,.staff-empty>.staff-text-button{margin-top:19px}.staff-detail.is-empty{display:flex;min-height:340px;align-items:center;justify-content:center;background:#f8fafb80}.staff-more{width:100%;padding:14px;background:#f8fafb;border:0;border-top:1px solid #e7edef;color:#6a8490;font-size:13px;cursor:pointer}.staff-detail-back{display:none}
.staff-error{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px;padding:13px 16px;border:1px solid #e4d3bc;border-radius:11px;background:#fbf7ef;color:#9d805f}.staff-error p{margin:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
dialog:has(.staff-dialog){width:min(610px,calc(100vw - 30px));max-width:calc(100vw - 30px);max-height:calc(100dvh - 36px);padding:0;overflow:auto;border:1px solid #d8e2e6;border-radius:18px;background:#fafcfc;box-shadow:0 20px 70px #20344224}
.staff-dialog{padding:25px 27px}.staff-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.staff-dialog h2{margin:0;font-size:23px;line-height:1.4;font-weight:600;letter-spacing:-.03em}.staff-dialog .staff-icon-button{flex:none;padding:6px}.staff-form-fields{display:grid;gap:18px}.staff-form-fields label{display:block;font-size:13px;line-height:1.5;font-weight:550;color:#657d88}.staff-form-fields label>span,.staff-form-optional summary>span{font-size:11px;font-weight:400;margin-left:5px;color:#a3b0b7}.staff-form-fields :is(input,textarea,select){display:block;width:100%;max-width:100%;min-width:0;border:1px solid #d9e3e7;border-radius:8px;padding:10px 11px;margin-top:7px;min-height:42px;font-size:15px;line-height:1.5;color:#486170;background:#fff;box-shadow:none}.staff-form-fields textarea{resize:vertical;min-height:95px;max-height:360px}.staff-form-fields label>small{display:block;font-size:11px;font-weight:400;line-height:1.7;color:#9aa9b0;margin-top:7px}.staff-form-fields input::placeholder,.staff-form-fields textarea::placeholder{color:#aab7be;font-size:13px}.staff-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.staff-form-optional summary{color:#8499a1;font-size:12px;cursor:pointer}.staff-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:25px;padding-top:18px;border-top:1px solid #e4ebee}.staff-form-error{font-size:13px;color:#a7715d;line-height:1.7;padding:11px 13px;border-radius:8px;background:#fbf0e9;margin:16px 0 0}.staff-form-error[hidden]{display:none}
.staff-message-dialog>header{margin-bottom:20px}.staff-message-dialog .staff-form-fields{gap:16px}.staff-recipient{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e0e9e8;border-radius:11px;background:#f0f5f3;color:#7c918c;font-size:13px;line-height:1.6}.staff-recipient .staff-avatar{width:29px;height:29px;border-radius:9px;font-size:13px}.staff-recipient strong{color:#57766e;font-weight:600}.staff-message-dialog #staff-message{min-height:170px;padding:15px 16px;font-size:16px;line-height:1.85;border-radius:12px;background:rgba(255,255,255,.94)}.staff-message-dialog #staff-message::placeholder{font-size:15px;line-height:1.85;color:#a3b2b9}.staff-message-help{font-size:12px;line-height:1.8;color:#84989f;margin:-5px 2px 0;max-width:440px}.staff-assignee-recovery{padding:12px 14px;background:#f7f2e9;border:1px solid #e9deca;border-radius:11px}.staff-dialog .staff-assignee-recovery select{background:#fffdf8}.staff-working-spinner{width:14px;height:14px;flex:none;border:1.7px solid currentColor;border-right-color:transparent;border-radius:50%;animation:staff-working-turn .8s linear infinite}.staff-message-dialog [aria-busy="true"] [type="submit"]{opacity:.85}.staff-intake-notes{margin:14px 0 0;padding-left:17px;color:#87999f;font-size:12px;line-height:1.8}.staff-intake-notes li{margin:3px 0;overflow-wrap:anywhere}@keyframes staff-working-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.staff-working-spinner{animation:none}}
@media(min-width:760px){body.staff-app #main{padding-top:15px}}
@media(max-width:1050px){.staff-workspace{grid-template-columns:minmax(225px,.8fr) minmax(0,1.2fr);gap:12px}.staff-detail{padding:20px}.staff-assignment{padding:17px}.staff-heading{gap:14px}.staff-profile{max-width:290px;padding:10px 12px}}
@media(max-width:850px){.staff-workspace{display:block}.staff-detail.is-empty{display:none}.staff-workspace:not(.has-detail) .staff-detail{display:none}.staff-workspace.has-detail .staff-list-panel{display:none}.staff-detail-back{display:inline-flex}.staff-heading{align-items:flex-start}.staff-heading-actions{justify-content:flex-end}.staff-person{margin-bottom:17px}}
@media(max-width:559px){.staff-heading{display:block;margin-bottom:20px}.staff-heading h1{font-size:26px}.staff-heading p{font-size:13px}.staff-heading-actions{justify-content:flex-start;margin-top:16px}.staff-profile{flex:1 1 145px;max-width:none;min-height:66px;gap:8px}.staff-avatar{width:31px;height:31px}.staff-profile strong{font-size:14px}.staff-profile small{font-size:11px}.staff-profiles{gap:7px;padding-bottom:17px;margin-bottom:17px}.staff-filters{width:100%;gap:2px}.staff-filter{flex:1 1 auto;padding:7px 9px;font-size:12px}.staff-detail{padding:18px}.staff-detail-heading h2{font-size:21px}.staff-detail-meta{gap:6px 12px}.staff-instruction>p{font-size:15px}.staff-report{padding:13px;margin:22px 0}.staff-history-caption time{width:100%;margin-left:0}.staff-dialog{padding:20px}.staff-dialog h2{font-size:21px}.staff-form-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.staff-person{gap:10px}.staff-person h2{font-size:19px}.staff-person>.staff-text-button{flex:none;font-size:12px}.staff-error{align-items:flex-start;flex-direction:column;gap:6px}.staff-report-actions>.staff-button{padding:8px 11px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.staff-profile{transition:none}}