.role-section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.role-section-head h2{margin:0 0 8px;padding:0;border:0}.role-section-head p{color:#64748B;font-size:12px;margin:0}.builtin-roles{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #F1F5F9;padding-bottom:18px;margin-bottom:18px}.builtin-roles>span{background:#F8FAFC;border:1px solid #F1F5F9;border-radius:4px;padding:9px 13px;font-size:12px;color:#475569;font-weight:600}.builtin-roles small{display:block;font-size:10px;color:#94A3B8;font-weight:400;margin-top:5px}.role-chips{display:flex;flex-wrap:wrap;gap:9px}.role-chip{display:flex;flex-direction:column;gap:5px;text-align:left;border-radius:4px;padding:11px 15px;background:#ffffff}.role-chip strong{font-size:12px;color:#475569;font-weight:600}.role-chip span{font-size:10px;color:#94A3B8}.role-chip:hover{background:#F8FAFC;border-color:#DBEAFE}.role-empty{border:1px dashed #E2E8F0;border-radius:4px;padding:20px;color:#94A3B8;font-size:12px;line-height:1.8}.role-users-title{margin-top:28px;font-size:13px;font-weight:600;color:#475569}.role-staff-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.role-staff-actions button{font-size:11px;border-radius:4px}.role-editor-top{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:20px}.role-editor-top label{margin-top:0}.permission-matrix th{font-size:10px;letter-spacing:0;text-transform:none;min-width:110px}.permission-matrix tbody th{background:#F8FAFC;font-weight:600;color:#64748B;padding:15px;border-top:1px solid #F1F5F9}.permission-matrix td{padding:12px 10px}.permission-matrix select{min-width:160px;font-size:11px;min-height:35px;padding:8px;border-radius:4px}.permission-check{display:flex;align-items:center;gap:8px;font-size:11px;color:#64748B;font-weight:400;line-height:1.6}.permission-check input{height:15px;width:15px;min-height:0;flex-shrink:0;accent-color:#60A5FA;padding:0;margin:0}.permission-matrix .permission-check{margin:0}.permission-unavailable{font-size:10px;color:#94A3B8}.role-settings{max-width:1200px}@media(max-width:600px){.role-section-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.role-section-head p{font-size:11px}.builtin-roles{gap:6px}.builtin-roles>span{font-size:11px;padding:8px 10px}.role-editor-top{grid-template-columns:1fr;gap:15px}.permission-check{font-size:10px}.role-settings .table-wrap{max-width:100%}}
[hidden]{display:none!important}