.roles-dialog{width:min(1120px,94vw);height:min(820px,90vh);max-width:94vw;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);box-sizing:border-box}.new-role{margin:0 0 14px;padding:14px 16px;border:1px solid #cbdcf2;border-radius:14px;background:#f5f9ff}.new-role h3{margin:0 0 9px;font-size:16px}.new-role-fields{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(240px,1.35fr) auto;gap:10px;align-items:end}.new-role-fields label,.role-description{display:grid;gap:5px;font-weight:700;color:#183765}.roles-list{min-width:0;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;overflow:hidden}.roles-nav{min-width:0;overflow-y:auto;padding:2px 5px 2px 2px;display:flex;flex-direction:column;gap:8px}.role-tab{width:100%;display:grid;gap:3px;padding:12px;text-align:left;border:1px solid #d6e3f3;border-radius:12px;background:#f7faff;color:#183765}.role-tab span{font-weight:800}.role-tab small{color:#64748b}.role-tab.active{border-color:#102050;background:#102050;color:#fff}.role-tab.active small{color:#dce8ff}.role-detail{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 5px 10px 2px}.role-card{min-width:0;padding:18px;border:1px solid #cbdcf2;border-radius:16px;background:#fff;box-shadow:0 8px 26px #1020500b}.role-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.role-card-head>div{display:grid;gap:4px;min-width:0}.role-kind{font-size:10px;font-weight:850;letter-spacing:.1em;color:#31598d}.role-name{width:100%;padding:3px 0!important;border:0!important;background:transparent!important;color:#102050;font-size:19px;font-weight:850}.role-card-head small,.permission-item small{color:#64748b}.role-description{margin:11px 0}.role-description textarea{min-height:50px;resize:vertical}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-item{min-width:0;display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #dce7f5;border-radius:11px;background:#f9fbfe;cursor:pointer}.permission-item:has(input:checked){border-color:#8db5e8;background:#eef6ff}.permission-item input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:#102050}.permission-item span{min-width:0;display:grid;gap:2px}.permission-item b,.permission-item small{overflow-wrap:anywhere}.permission-item b{color:#102050}.permission-item small{line-height:1.3}.save-role{margin-top:12px}.role-locked{margin:12px 0 0;color:#31598d;font-weight:700}@media(max-width:760px){.roles-dialog{height:92vh}.new-role-fields{grid-template-columns:1fr}.roles-list{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.roles-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden}.role-tab{min-width:160px}.permission-grid{grid-template-columns:1fr}.role-card-head{align-items:stretch;flex-direction:column}.delete-role{align-self:flex-start}}
#rolesDialog{width:min(1160px,96vw);max-width:96vw;box-sizing:border-box;overflow:hidden}#rolesDialog .roles-dialog{width:100%;max-width:100%}