.permission-matrix{margin-top:18px;overflow:hidden}.permission-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:17px 19px;border-bottom:1px solid #e5edf1}.permission-head h3{margin:0;color:#264c5f;font-size:15px}.permission-head small{display:block;margin-top:5px;color:#7f929d}.permission-layout{display:grid;grid-template-columns:230px 1fr}.permission-roles{padding:13px;border-right:1px solid #e5edf1;background:#f8fbfc}.permission-role{display:block;width:100%;text-align:left;border:1px solid transparent;border-bottom-color:#e7eef1;border-radius:6px;background:transparent;padding:10px;cursor:pointer}.permission-role:hover,.permission-role.active{background:#fff;border-color:#cee1e8}.permission-role.active{box-shadow:inset 3px 0 #2e87a7}.permission-role b,.permission-role span{display:block}.permission-role b{color:#28576e;font-size:11px}.permission-role span{color:#8899a2;font-size:9px;margin-top:4px}.permission-main{padding:15px 17px;min-width:0}.permission-context{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.permission-context>div,.permission-boundaries>div{padding:10px 11px;border:1px solid #e0ebef;border-radius:7px;background:#fafcfd}.permission-context small,.permission-boundaries small{display:block;color:#82939e;font-size:9px}.permission-context b{display:block;color:#315667;font-size:11px;line-height:1.5;margin-top:4px}.permission-boundaries{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.permission-boundaries p{margin:5px 0 0;color:#506c79;font-size:10px;line-height:1.6}.permission-table{width:100%;min-width:850px;margin-top:11px;border-collapse:collapse}.permission-table th{background:#f6fafb;color:#81939e;font-size:10px;text-align:left;padding:9px;border-bottom:1px solid #e4edf1}.permission-table td{color:#526d79;font-size:10px;padding:9px;border-bottom:1px solid #edf2f4}.permission-review{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:9px;border:1px solid #e1ebef;border-radius:7px;padding:11px;margin-top:11px}.permission-review>label{display:flex;flex-direction:column;gap:5px;color:#687e89;font-size:10px}.permission-review input,.permission-review textarea{box-sizing:border-box;width:100%;border:1px solid #d3e1e7;border-radius:5px;padding:7px 8px;background:#fff;color:#3b5967;font:inherit;font-size:10px}.permission-review textarea{min-height:52px;resize:vertical}.permission-checks{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:4px 9px}.permission-checks label{display:flex;align-items:center;gap:6px;color:#58717e;font-size:10px}.permission-checks input{width:auto;accent-color:#287fa1}.permission-message{padding:9px 11px;margin-top:10px;border-left:3px solid #3e91ac;background:#f1f8fa;color:#456773;font-size:10px}.permission-matrix .priority-foot{margin-top:11px}@media(max-width:1050px){.permission-layout{grid-template-columns:1fr}.permission-roles{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e5edf1}.permission-role{min-width:180px}.permission-context{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.permission-head{flex-direction:column}.permission-context,.permission-boundaries,.permission-review,.permission-checks{grid-template-columns:1fr}.permission-matrix .priority-foot{align-items:stretch;flex-direction:column}.permission-matrix .priority-foot .btn{width:100%}}