.access-role-layout{display:grid;grid-template-columns:210px minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.access-role-list{padding:18px;background:var(--panel)}.access-role-list button{display:block;text-align:left;width:100%;margin:8px 0}.access-role-list button[aria-pressed=true]{background:#244b43;border-color:var(--mint)}.access-role-list small,.access-permission small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.access-role-editor{padding:24px;min-width:0}.access-role-editor input:not([type=checkbox]){width:100%;box-sizing:border-box}.access-role-editor h3{margin-top:24px}.access-permission{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.access-permission input{flex-shrink:0}.access-permission input.access-switch{appearance:none;width:40px;min-width:40px;max-width:40px;box-sizing:border-box;height:24px!important;min-height:24px!important;border:1px solid var(--line);border-radius:20px;background:#40555c;position:relative;padding:0!important;margin:0}.access-permission input.access-switch:checked{background:var(--mint)}.access-switch:before{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#10252a}.access-switch:checked:before{left:19px}.access-switch:disabled{opacity:.5}.access-member-results{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.access-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.access-context .badge{white-space:normal}.access-permission:focus-within{outline:2px solid var(--mint);outline-offset:3px}@media(max-width:760px){.access-role-layout{grid-template-columns:1fr}.access-role-list{display:flex;flex-wrap:wrap;gap:8px}.access-role-list h3{width:100%}.access-role-list button{width:auto;flex:1 1 130px}.access-role-editor{padding:16px}}