.permission-intro { margin-bottom:18px; }
.permission-toolbar { display:flex; gap:14px; align-items:center; justify-content:space-between; margin:0 0 18px; }
.permission-toolbar p { color:var(--muted, #426680); font-size:13px; line-height:1.7; margin:0; }
.permission-toolbar .el-input { max-width:360px; }
.permission-panel { padding:24px; }
.permission-role-name { font-weight:650; color:#1e3d57; }
.permission-scope { font-size:12px; color:#426680; }
.permission-editor-section { border-top:1px solid #e8ecef; padding-top:18px; margin-top:20px; }
.permission-editor-section h3 { margin:0 0 8px; font-size:15px; color:#1e3d57; }
.permission-editor-section p { color:#426680; font-size:12px; line-height:1.7; }
.permission-field-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:7px 18px; margin-top:14px; }
.permission-field-grid .el-checkbox { margin-right:0; }
.permission-config-dialog { max-width:calc(100vw - 28px); }
.permission-config-dialog .el-dialog__body { max-height:68vh; overflow:auto; padding-right:18px; }
.permission-config-dialog .el-select { width:100%; }
.permission-field-tools { display:flex; gap:14px; }
.permission-user-note { color:#60768a; font-size:12px; margin-top:3px; }
@media (max-width: 780px) {
  .permission-toolbar { align-items:stretch; flex-direction:column; }
  .permission-field-grid { grid-template-columns:repeat(2, 1fr); }
  .permission-panel { padding:14px; }
}