/* RES role permissions accordion; additive visual change, RTL-first. */
/* Column-width responds to the available panel width and browser zoom, not
   a fixed desktop breakpoint. Multiple permission clusters stack vertically
   within each column, without stretching to match neighbouring card heights. */
.md-right-groups{display:block;width:100%;max-width:100%;box-sizing:border-box;column-width:20rem;column-gap:clamp(12px,1.6vw,22px);column-fill:balance;margin-block:1rem 1.5rem}
.md-right-cluster{display:inline-block;vertical-align:top;width:100%;min-width:0;box-sizing:border-box;break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 1rem;padding:12px;border:1px solid #d9e7e1;border-radius:15px;background:#fbfdfc}
.md-cluster-title{color:#174d48;font-size:1rem;font-weight:800;margin:.1rem .3rem .8rem}
.md-right-group{min-inline-size:0;margin:0 0 8px!important;padding:0!important;border:1px solid #d7e7df!important;border-radius:11px!important;background:#fff!important;overflow:hidden}
.md-right-group:last-child{margin-bottom:0!important}
.md-right-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:12px 14px;font-weight:750;user-select:none}
.md-right-summary::-webkit-details-marker{display:none}
.md-right-summary:before{content:'⌄';flex:none;display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e9f3ef;color:#176b61;transition:transform .16s ease}
.md-right-group[open]>.md-right-summary:before{transform:rotate(180deg)}
.md-right-summary:hover,.md-right-summary:focus-visible{background:#f1f9f5}
.md-right-summary:focus-visible{outline:2px solid #236f66;outline-offset:-2px}
.md-right-title{flex:1;min-width:0;color:#153e39}
.md-right-count{display:inline-block;margin:0!important;white-space:nowrap;color:#4d6a62;font-size:.8rem;font-weight:600}
.md-axis-body{border-top:1px solid #e2eee7;padding:12px 14px 14px}
.md-axis-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.md-axis-right{display:flex;align-items:center;gap:10px;cursor:pointer;padding:9px 11px!important;margin:3px 0!important;border-radius:8px;min-height:39px}
.md-axis-right:hover{background:#f1f8f4}
.md-axis-right:has(input:checked){background:#e7f4ec}
.md-axis-right input{width:18px!important;height:18px!important;flex:none;accent-color:#176e61}
.md-axis-policy{margin:0;line-height:1.9;font-size:.88rem;color:#586b64;background:#f7faf8;border-inline-start:3px solid #c0d8cb;padding:10px 12px;border-radius:6px}
.md-right-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}
.md-right-toolbar label{flex:1;min-width:min(100%,240px)}
.md-right-toolbar input{width:100%}
.md-right-group[hidden],.md-right-cluster[hidden]{display:none!important}
@media(min-width:960px){.md-right-cluster{padding:15px}.md-right-summary{padding:14px 17px}}
@media(max-width:620px){.md-right-groups{column-count:1;column-width:auto}.md-right-summary{padding:11px}.md-right-count{font-size:.73rem}.md-right-cluster{padding:9px}.md-right-toolbar .btn{flex:1}}