.staff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:10px}
.staff-toolbar>div{display:grid;gap:4px}.staff-toolbar strong{font-size:16px;color:#292d2b}.staff-toolbar span{font-size:13px;color:#68746a}
.staff-card{width:min(1280px,96vw);max-height:min(920px,94vh);overflow:auto;padding:28px;background:#fff}
.staff-card .modal-close{top:18px;right:18px;z-index:2}.staff-card .modal-tabs{margin:20px 0;padding:6px;border:1px solid #d8d2c7;border-radius:10px;background:#f7f4ed;gap:4px}
.staff-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.staff-form>label{display:grid;gap:6px;color:#4e5a50;font-size:13px;font-weight:600}
.staff-form input:not([type=checkbox]),.staff-form select{width:100%;min-height:40px;border:1px solid #d7dfd7;border-radius:7px;background:#fff;color:#292d2b;padding:9px 11px;font:inherit}
.staff-form input:focus,.staff-form select:focus{outline:2px solid #6c8e71;outline-offset:1px}
.staff-wide{grid-column:1/-1}.staff-form fieldset{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.staff-form fieldset[hidden]{display:none}.staff-form legend{padding:0 5px;color:#506353;font-size:13px;font-weight:700}.staff-form fieldset label{display:flex;align-items:center;gap:7px;font-size:13px;color:#303a32}
.staff-form .form-actions{margin-top:4px}.staff-message{margin:14px 0 0;color:#456e4e;font-size:14px}.staff-message.error{color:#b12e27}
.staff-card .primary{color:#fff;background:#55765a;border-color:#55765a}.staff-card .primary:disabled{opacity:.55}
.staff-card .modal-tabs button{min-height:44px;border:0!important;border-radius:7px;color:#292b2a;background:transparent;font-weight:600}.staff-card .modal-tabs button[aria-selected=true]{color:#eeeae1!important;background:#292b2a!important;box-shadow:none}.staff-card .modal-tabs button:hover:not([aria-selected=true]){background:#eeeae1;color:#292b2a}
.employee-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-right:54px}.employee-card-heading h2{margin:3px 0 5px;font-size:28px}.employee-card-heading small{color:#68746a}.employee-card-heading>button.danger{min-height:42px;padding:10px 18px;border:1px solid #a33b34;background:#a33b34;color:#fff;font-weight:700}.employee-card-heading>button.danger:hover{background:#842e29;border-color:#842e29;color:#fff}
.staff-employments{display:flex;align-items:stretch;justify-content:space-between;gap:12px;margin:18px 0 0}.staff-employments>span{display:flex;gap:8px;overflow:auto}.staff-employments>span button{display:grid;gap:3px;min-width:190px;padding:10px 12px;text-align:left;border:1px solid #d8d2c7;border-radius:8px;background:#fffdf9;color:#292b2a}.staff-employments>span button[aria-pressed=true]{border-color:#292b2a;background:#292b2a;color:#eeeae1}.staff-employments button small{font-size:11px;color:inherit;opacity:.75}.staff-employments>.secondary{white-space:nowrap}
.team-person.dismissed{opacity:.7}.team-person.dismissed .person i{background:#ddd8cf;color:#735d59}
.staff-summary{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;margin:0 0 18px;border-radius:10px;background:#292b2a;color:#eeeae1}.staff-summary>div{padding:17px 20px;border-right:1px solid #4a4c49}.staff-summary>div:last-child{border:0}.staff-summary small,.staff-summary strong{display:block}.staff-summary small{color:#c9c8c1;margin-bottom:7px}.staff-summary strong{font-size:19px}
.staff-rule{margin:0;padding:13px 15px;border-left:4px solid #6e796c;background:#eeeae1;color:#505c4e;font-size:12px}.staff-panel{display:grid;gap:14px}.staff-panel h3{margin:0}.staff-audit-head{display:flex;align-items:center;justify-content:space-between}.staff-audit-head span{color:#68746a;font-size:12px}.staff-panel pre{max-width:460px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}
.staff-cell-note{display:block;margin-top:4px;color:#68746a;font-weight:400}.staff-payments-toggle{white-space:nowrap}.staff-payment-detail td{padding:0!important;background:#f0eee7}.staff-payment-detail>td>div{display:grid;gap:8px;padding:14px}.staff-payment-detail article{display:grid;grid-template-columns:minmax(220px,1fr) 160px 160px;align-items:center;gap:12px;padding:13px 15px;border:1px solid #d8d2c7;border-radius:8px;background:#fffdf9}.staff-payment-detail article small{display:block;margin-top:4px;color:#68746a}
.staff-confirm{position:fixed;z-index:8;inset:50%;width:min(760px,94vw);height:max-content;max-height:90vh;overflow:auto;transform:translate(-50%,-50%);padding:25px;border:1px solid #d8d2c7;border-radius:14px;background:#fffdf9;box-shadow:0 30px 90px #171a1870}.staff-confirm>div{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #d8d2c7}.staff-confirm h3{margin:0 0 18px;font-size:24px}.staff-confirm>div button{border:1px solid #d8d2c7;border-radius:8px;background:#fff;font-size:24px;width:42px;height:42px}.staff-confirm form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-top:18px}.staff-confirm form>label{display:grid;gap:6px}.staff-confirm input{min-height:42px;padding:9px;border:1px solid #d8d2c7;border-radius:7px}.staff-confirm form>div:not(.form-actions){padding:12px;border:1px solid #d8d2c7;border-radius:8px}.staff-confirm small,.staff-confirm strong{display:block}.staff-confirm small{color:#68746a;margin-bottom:5px}.staff-confirm section,.staff-confirm p,.staff-confirm .form-actions{grid-column:1/-1}.staff-confirm section{display:grid;gap:6px;padding:13px;border-left:4px solid #c99c35;background:#f6edd5}.staff-confirm section span{font-size:12px}.staff-confirm p{margin:0;color:#68746a;font-size:12px}.danger-button{min-height:42px;padding:10px 18px;border:1px solid #a33b34;border-radius:8px;background:#a33b34;color:#fff;font:inherit;font-weight:700}.danger-button:hover{background:#842e29;border-color:#842e29}
@media(max-width:700px){.staff-toolbar{align-items:stretch;flex-direction:column}.staff-form,.staff-form fieldset{grid-template-columns:1fr}.staff-card{padding:22px 16px}.team-person{grid-template-columns:1fr auto}.team-person>span:nth-child(2),.team-person>span:nth-child(3){grid-column:1}}
@media(max-width:800px){.staff-summary{grid-template-columns:1fr}.staff-summary>div{border-right:0;border-bottom:1px solid #4a4c49}.staff-payment-detail article{grid-template-columns:1fr}.staff-confirm form{grid-template-columns:1fr}.staff-confirm section,.staff-confirm p,.staff-confirm .form-actions{grid-column:1}}