.permission-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;margin-bottom:18px}.access-users{min-height:560px}.access-user-list{padding:7px}.access-user{display:flex;align-items:center;gap:9px;width:100%;border:1px solid transparent;background:#fff;padding:10px;text-align:left;border-radius:4px;color:var(--ink)}.access-user:hover{background:#f7faf9}.access-user.active{border-color:#9ccfc9;background:#eef8f6}.access-user>span,.access-profile>span{width:30px;height:30px;display:grid;place-items:center;background:#dcecf0;color:#285266;border-radius:50%;font-size:13px;font-weight:700}.access-user div{min-width:0;display:grid;gap:2px;flex:1}.access-user b{font-size:13px}.access-user small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-user i{width:7px;height:7px;background:#d3dde1;border-radius:50%}.access-user i.online{background:#45a28d}.access-editor{min-height:560px}.access-form{padding:18px}.access-profile{display:flex;align-items:center;gap:10px;padding:0 0 16px;border-bottom:1px solid var(--line);margin-bottom:17px}.access-profile>span{width:42px;height:42px;font-size:16px}.access-profile div{display:grid;gap:2px}.access-profile b{font-size:15px}.access-profile small,.field-help{font-size:11px;color:var(--muted)}.permission-tags{display:flex;gap:6px;flex-wrap:wrap}.permission-tags span{font-size:12px;background:#edf5f5;color:#176f69;border:1px solid #cae3df;padding:4px 7px;border-radius:3px}.access-foot{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.access-foot .btn{margin-left:auto}.role-matrix{overflow:auto}@media(max-width:1060px){.permission-layout{grid-template-columns:1fr}.access-users{min-height:auto}.access-user-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.permission-layout{min-width:720px}.access-user-list{grid-template-columns:repeat(2,minmax(0,1fr))}}