.permission-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px auto auto;gap:14px;align-items:end;margin:20px 0}.permission-toolbar label{display:block;font-weight:700;margin-bottom:6px}.permission-toolbar input,.permission-toolbar select{width:100%;min-height:44px;border:1px solid #d7dde7;border-radius:12px;padding:10px 12px;background:#fff}.permission-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.permission-summary article{background:#fff;border:1px solid #e1e6ee;border-radius:16px;padding:16px}.permission-summary strong{display:block;font-size:1.8rem;color:#b91c1c}.permission-summary span{color:#5f6f86}.permission-table th,.permission-table td{white-space:nowrap}.permission-cell{text-align:center}.permission-state{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;font-weight:800}.permission-state.allowed{background:#dcfce7;color:#166534}.permission-state.denied{background:#eef2f7;color:#7b8798}.permission-note{margin-top:18px}.permission-note h2{margin-top:0}@media(max-width:900px){.permission-toolbar{grid-template-columns:1fr}.permission-summary{grid-template-columns:1fr}.table-wrap{overflow:auto}}