.panel-note{color:var(--muted);margin:-5px 0 14px}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.permission-role{border:1px solid var(--line);border-radius:6px;padding:13px}
.permission-role h3{font-size:15px;margin:0 0 3px}
.permission-role-head{display:flex;gap:12px;justify-content:space-between;align-items:start;margin-bottom:11px}
.permission-role-head label{display:grid;gap:4px;font-size:12px;color:var(--muted)}
.permission-role-head select{border:1px solid #bfcbd2;border-radius:5px;padding:6px;background:#fff;color:var(--ink)}
.permission-options{display:grid;gap:7px;max-height:285px;overflow:auto;padding:9px;background:#f7faf9;border:1px solid #e3ebea}
.permission-options label{display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:start;font-size:13px}
.permission-options small{grid-column:2;color:var(--muted);font-size:11px}
.permission-role .form-actions{margin-top:11px;text-align:right}
.form-grid .checkbox-field{display:flex;align-items:center;gap:8px;font-weight:500}
.checkbox-field input{width:16px;height:16px}
.table-wrap td small{display:block;color:var(--muted);margin-top:4px}
.customer-need{margin:14px 0 0;line-height:1.7;color:#43515e}
@media(max-width:900px){.permission-grid{grid-template-columns:1fr}}