.role-editor,.role-assignment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.role-editor label,.role-assignment label,.role-card>label{display:grid;gap:6px}.role-editor fieldset{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.role-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.role-card{display:grid;gap:12px;padding:18px;border:1px solid color-mix(in srgb,var(--role-color) 55%,transparent);border-radius:18px;background:color-mix(in srgb,var(--role-color) 9%,#0f172a)}.role-card header{display:flex;align-items:center;gap:10px}.role-card header i{color:var(--role-color);font-size:1.4rem}.role-card input,.role-card select,.role-editor input,.role-editor select,.role-assignment select{width:100%}.role-card fieldset{display:grid;gap:7px}.role-card fieldset label,.role-editor fieldset label{display:flex;align-items:center;gap:7px}@media(max-width:700px){.role-editor,.role-assignment{grid-template-columns:1fr}.role-editor fieldset{grid-template-columns:1fr}.role-card-grid{grid-template-columns:1fr}}
