/* V13 roles module, visually scoped to existing settings window. */
.v13-role-layout{display:grid;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr);gap:14px;min-width:0}
.v13-role-list{display:flex;flex-direction:column;gap:7px;min-width:0}
.nc-shell .v13-role-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:10px 12px!important}
.nc-shell .v13-role-item.selected{border-color:#5acbb9!important;background:#20544f!important}
.v13-role-item b{font-size:13px}.v13-role-item small{font-size:11px;color:#a9c0d0}
.v13-role-edit{min-width:0}.v13-role-head{display:flex;justify-content:space-between;align-items:start;gap:15px}
.v13-role-perms{max-height:330px;overflow-y:auto;border:1px solid #3b5266;border-radius:8px;padding:9px}
.v13-permission-group h4{margin:8px 0!important;padding:4px 0;border-bottom:1px solid #3b5266}
.v13-permission-group label{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,220px);gap:9px;align-items:center;padding:5px 0;font-size:12px}
.v13-permission-group label select{padding:6px!important}
.v13-assigned{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.v13-assigned>div{padding:6px 9px;background:#1b3944;border-radius:6px;font-size:12px}
@media(max-width:760px){.v13-role-layout{grid-template-columns:1fr}.v13-role-list{display:flex;flex-direction:row;overflow-x:auto}.v13-permission-group label{grid-template-columns:1fr}}