#personnel-bar{display:flex!important;justify-content:flex-end;align-items:center;gap:12px;padding:8px 20px;background:#f1f2f3;color:#111;font:13px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;border-bottom:1px solid #ddd}
#personnel-bar button,#personnel-dialog button,#personnel-gate button{padding:7px 12px;border:1px solid #d7dade;background:white;color:#111;border-radius:7px;cursor:pointer;font:inherit}
#personnel-dialog,#personnel-gate{color:#111;font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
#personnel-dialog{width:min(940px,94vw);max-height:86vh;border:1px solid #d7dade;border-radius:14px;padding:24px;background:#fff;overflow:auto}
#personnel-dialog::backdrop{background:#0005}
#personnel-dialog h2,#personnel-gate h1{color:#111;margin:0 0 16px;font-size:24px}
#personnel-dialog .personnel-heading{display:flex;align-items:center;justify-content:space-between}
#personnel-dialog p,#personnel-gate p{color:#505965}
#personnel-dialog label,#personnel-gate label{display:grid;gap:6px;margin:12px 0}
#personnel-dialog input:not([type=checkbox]),#personnel-dialog select,#personnel-gate input{width:100%;box-sizing:border-box;min-height:40px;border:1px solid #cfd4da;border-radius:7px;padding:9px;color:#111;background:white;font:inherit}
#personnel-dialog .primary,#personnel-gate .primary{background:#008b8e;color:white;border-color:#008b8e}
#personnel-dialog .personnel-error,#personnel-gate .personnel-error{color:#bd2323;min-height:20px}
#personnel-dialog .personnel-users form{display:grid;grid-template-columns:1fr 120px 70px 200px auto;gap:14px;align-items:center;border-bottom:1px solid #e3e5e7;padding:12px 0}
#personnel-dialog .personnel-users small{display:block;color:#505965}
#personnel-dialog .personnel-users .personnel-error{grid-column:1/-1;margin:0;min-height:0}
#personnel-dialog .personnel-enabled{display:flex;align-items:center}
#personnel-dialog .personnel-create{background:#f5f5f6;border-radius:8px;padding:16px;margin-top:20px}
#personnel-dialog .personnel-create summary{cursor:pointer;font-weight:600}
#personnel-dialog .personnel-create form{max-width:420px}
body.personnel-locked{background:#f4f5f6}
body.personnel-locked> :not(#personnel-gate):not(#personnel-dialog){display:none!important}
#personnel-gate{max-width:420px;margin:10vh auto;padding:32px;background:#fff;border:1px solid #ddd;border-radius:14px}
#personnel-gate button{width:100%}
@media(max-width:760px){#personnel-dialog .personnel-users form{grid-template-columns:1fr 1fr}#personnel-bar{flex-wrap:wrap}}

#personnel-dialog .personnel-users form{gap:8px 14px;padding:8px 0}
#personnel-dialog .personnel-users label{margin:4px 0}