/* Team, roles and server assignment (permission redesign, 2026-09-17). */
.grant-chip{display:inline-block;margin:0 6px 4px 0;padding:3px 9px;border:1px solid var(--line);border-radius:100px;font-size:12px;background:var(--panel2)}
.grant-chip small{color:var(--muted);font-size:11px}
.badge-mini.danger{border-color:#7a3b33;color:#f1b3aa}
.muted.block{display:block;color:var(--muted);font-size:12px;margin-top:2px}
dialog.role-dialog,.role-form{max-width:100%}
#role-dialog,#assign-dialog,#account-dialog{width:min(860px,calc(100% - 28px));max-height:88vh;overflow:auto}
#role-dialog h2,#assign-dialog h2,#account-dialog h2{margin:6px 0 12px}
.perm-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin:16px 0}
.perm-columns h3{margin:0 0 4px;font-size:16px}
.perm-group{margin-top:14px}
.perm-group h4{margin:0 0 6px;font-size:13px;color:var(--accent);letter-spacing:.04em}
.perm-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 9px;align-items:start;padding:7px 0;border-top:1px solid var(--line);cursor:pointer;font-size:14px}
.perm-row input{margin-top:3px}
.perm-label{overflow-wrap:anywhere}
.perm-impact{grid-column:2;color:var(--muted);font-size:12px;line-height:1.6}
.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
@media(max-width:640px){
  .perm-columns{grid-template-columns:1fr;gap:16px}
  .form-actions{flex-direction:column-reverse}
  .form-actions .button{width:100%}
}