.role-workspace{margin:0 clamp(18px,3vw,42px) 28px}.role-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.role-toolbar>.field{margin-bottom:14px;min-width:160px}.role-toolbar>button{margin-bottom:14px}.role-toolbar .grow{flex:1}.role-explainer{padding:16px;background:#232428;border-radius:5px;margin:16px 0 24px;font-size:13px;color:#b5bac1;line-height:1.7}.role-explainer strong{color:#dbdee1}.role-explainer p{margin:5px 0}.role-explainer summary{cursor:pointer;margin-top:12px}.permission-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.permission-group{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#b5bac1;margin:24px 0 12px}.permission-group:first-child{margin-top:0}.permission-row{padding:16px 0;border-bottom:1px solid #3b3d44;display:flex;align-items:center;justify-content:space-between;gap:12px}.permission-copy{min-width:0}.permission-copy strong{font-size:13px;font-weight:600}.permission-copy p{font-size:12px;color:#949ba4;line-height:1.6;margin:5px 0}.permission-actions{display:flex;flex:none;gap:3px;background:#1e1f22;padding:3px;border-radius:5px}.permission-actions button{padding:7px 8px;background:transparent;color:#b5bac1;font-size:11px;min-height:32px}.permission-actions .selected{background:#4e5058;color:#fff}.permission-actions .selected.grant{background:#235b40;color:#b6f2d0}.permission-actions .selected.remove{background:#6b3035;color:#ffd2d5}.permission-review{position:sticky;top:86px;background:#232428;padding:18px;border-radius:6px;min-width:0}.permission-review h3{font-size:14px;margin:0 0 16px}.permission-review>button{width:100%;margin:6px 0}.permission-review p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.delta-grant{color:#7ed9a5}.delta-remove{color:#ff9ea5}.permission-warning{display:block;background:#4b3826;border:1px solid #a67c47;border-radius:5px;padding:14px;font-size:12px;color:#ffe1b5;line-height:1.7;margin:16px 0}.permission-warning input{width:auto;margin-right:10px}.staged-role{padding:12px 0;border-bottom:1px solid #3b3d44}.staged-role strong{font-size:13px}body:not([data-view=roles]) #roleWorkspace,body:not(.has-server) #roleWorkspace{display:none!important}@media(max-width:1050px){.permission-layout{grid-template-columns:1fr}.permission-review{position:static;order:-1}.permission-review>button{width:auto;margin-right:6px}.permission-row{flex-wrap:wrap}.permission-actions{flex-wrap:wrap}}@media(max-width:800px){.role-workspace{margin:0 16px 20px}.permission-review{padding:16px}.permission-actions button{min-height:40px;padding:8px 12px}.role-toolbar>button{width:100%}.permission-row{align-items:start;flex-direction:column}.role-toolbar .field{width:100%}}@media(max-width:480px){.role-workspace{margin:0 12px 16px}.permission-actions{width:100%}.permission-actions button{flex:1}.permission-review>button{width:100%}}