.role-workspace{margin-top:18px;background:#fff;border:1px solid #e1e8ef;border-radius:14px;overflow:hidden}.role-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:linear-gradient(135deg,#102f4b,#1e5a87);color:#fff}.role-workspace-head small{color:#bdd2e2}.role-workspace-head h2{margin:4px 0;font-size:21px}.role-workspace-head p{margin:0;color:#d5e3ed;font-size:12px}.role-editor{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:560px}.role-selector{padding:22px;border-right:1px solid #e5eaf0;background:#f8fafc}.role-selector>label{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:#4b5f70}.role-selector select{width:100%;min-height:44px;padding:0 12px;border:1px solid #ccd8e3;border-radius:8px;background:#fff}.role-summary{display:grid;gap:7px;margin-top:18px;padding:16px;background:#fff;border:1px solid #e1e8ef;border-radius:10px}.role-summary b{font-size:15px}.role-summary span{color:#176da8;font-size:12px;font-weight:700}.role-summary p{margin:0;color:#718096;font-size:12px;line-height:1.55}.role-permission-form{min-width:0;padding:22px}.role-fields{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr);gap:16px}.role-fields label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#4b5f70}.role-fields input,.role-fields textarea{width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #ccd8e3;border-radius:8px;background:#fff;box-sizing:border-box}.role-fields textarea{min-height:78px;resize:vertical}.role-fields-readonly input,.role-fields-readonly textarea{background:#f5f7fa;color:#657789}.permission-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:24px 0 14px;padding-top:20px;border-top:1px solid #e7ecf1}.permission-heading h3{margin:0 0 4px;font-size:16px}.permission-heading p{margin:0;color:#718096;font-size:12px}.permission-heading strong{white-space:nowrap;color:#176da8;font-size:13px}.central-permission-list{display:grid;gap:12px}.central-permission-group{margin:0;padding:14px;border:1px solid #e1e8ef;border-radius:10px}.central-permission-group legend{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0 4px;font-size:13px;font-weight:700}.central-permission-group legend small{color:#718096;font-weight:500}.central-permission-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.central-permission-group label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:7px 10px;border:1px solid #e4eaf0;border-radius:8px;background:#f8fafc;box-sizing:border-box;cursor:pointer}.central-permission-group label:hover{border-color:#b8cbd9;background:#f3f8fb}.central-permission-group label:focus-within{outline:2px solid rgba(23,109,168,.28);outline-offset:1px}.central-permission-group input{order:2;flex:none;width:18px;height:18px;margin:0;accent-color:#176da8}.central-permission-group label>span{order:1;display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;flex:1}.central-permission-group b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.central-permission-group small{flex:none;color:#8493a0;font-size:10px;white-space:nowrap}.central-permission-group input:disabled{cursor:not-allowed}.central-permission-group label:has(input:disabled){cursor:not-allowed;opacity:.72}.role-save-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:20px -22px -22px;padding:15px 22px;border-top:1px solid #e1e8ef;background:#fff}.role-save-bar>span{margin-right:auto;color:#176da8;font-size:12px}.role-save-bar>small{color:#718096}.role-save-bar .btn{min-width:150px}.role-save-bar [role=status]:focus{outline:2px solid #75a4c5}@media(max-width:1050px){.central-permission-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.role-workspace-head{align-items:flex-start;flex-direction:column}.role-editor{grid-template-columns:1fr}.role-selector{border-right:0;border-bottom:1px solid #e5eaf0}.role-fields,.central-permission-group>div{grid-template-columns:1fr}.permission-heading,.role-save-bar{align-items:flex-start;flex-direction:column}.central-permission-group label>span{align-items:flex-start;flex-direction:column;gap:2px}.role-save-bar>span{margin:0}.role-save-bar .btn{width:100%}}