/* Payroll staff add / edit drawer. */
.ps-modal form{margin-top:10px}
.ps-mode{display:flex;gap:16px;flex-wrap:wrap;margin:6px 0 10px;font-size:14px}
.ps-mode label{display:flex;align-items:center;gap:6px;cursor:pointer}
.ps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ps-wide{grid-column:1 / -1}
.ps-sec{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);margin:16px 0 6px;border-top:1px solid var(--line);padding-top:12px}
.ps-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
.ps-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;padding-top:12px;border-top:1px dashed var(--line)}
.ps-danger input[type=date]{padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}
.btn.danger{color:var(--bad, #c0392b);border-color:currentColor}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.ps-modal form:has(input[name=mode][value=existing]:checked) .ps-new,.ps-modal form:has(input[name=mode][value=new]:checked) .ps-existing{display:none}
.staff-left{opacity:.55}
@media (max-width:560px){.ps-grid{grid-template-columns:minmax(0,1fr)}}