.school-staff-panel{margin-top:24px;overflow:hidden}.school-staff-panel>[data-school-staff]{padding:0 20px}.school-staff-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--app-border)}.school-staff-row:last-child{border-bottom:0}.school-staff-row p{margin:4px 0;overflow-wrap:anywhere}.school-staff-row small,.school-staff-dialog .muted{color:var(--app-muted)}.school-staff-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.school-staff-dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--app-border);border-radius:16px;background:#fff;color:var(--app-text);font:inherit}.school-staff-dialog::backdrop{background:rgba(28,28,36,.5)}.school-staff-dialog h2{margin-top:0}.school-staff-dialog label{display:grid;gap:8px;margin:16px 0;font-weight:600}.school-staff-dialog input,.school-staff-dialog select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid var(--app-border);border-radius:8px;background:#fff;color:var(--app-text)}.school-staff-dialog [data-error]{color:var(--app-error)}@media(max-width:600px){.school-staff-row{align-items:stretch;flex-direction:column}.school-staff-actions{justify-content:flex-start}.school-staff-panel .surface-head{flex-wrap:wrap;gap:12px}}