dialog.school-grade-personnel{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line,#e8e8ef);border-radius:18px;background:#fff;color:var(--ink,#20212b);box-shadow:0 24px 80px #20213a33;overflow:auto}
dialog.school-grade-personnel::backdrop{background:#17192b66}
.sgp-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line,#e8e8ef);background:#fff}
.sgp-heading h3{font-size:18px;margin:0}.sgp-heading button{min-height:44px}
.sgp-body{padding:18px 22px}.sgp-body .so-panel{border:0;padding:0;box-shadow:none}.sgp-body .so-section-heading>h2{display:none}.sgp-body .so-section-heading{justify-content:flex-end}
@media(max-width:600px){dialog.school-grade-personnel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.sgp-heading,.sgp-body{padding:14px}.sgp-heading h3{font-size:16px}}

.sgp-body [hidden]{display:none!important}