/* Roles & Permissions (roles.php) + Employees glance. Grid itself is .ps-compare-table/.pg-table in style.css. */
.rp-table th .pg-label { width: 100%; font-weight: 600; }
.rp-table thead th .muted { display: block; font-weight: 400; font-size: .8em; }
.rp-fold { background: none; border: 0; padding: 0; font: inherit; font-weight: 700; color: inherit; cursor: pointer; }
.rp-fold::before { content: '▾ '; }
.rp-fold[aria-expanded="false"]::before { content: '▸ '; }
.rp-hide { display: none; }
.rp-tools { gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.rp-tools form { margin: 0; }
.rp-tpl { margin-top: 12px; }
.rp-bars { min-width: 220px; }
.rp-bars i { display: grid; grid-template-columns: minmax(70px, auto) 1fr 24px; gap: 6px; align-items: center; font-style: normal; font-size: .85em; }
.rp-bars em, .rp-bars b { font-style: normal; font-size: inherit; }
.rp-bar { display: block; height: 6px; border-radius: 3px; background: var(--line); text-decoration: none; overflow: hidden; }
.rp-bar u { display: block; height: 100%; background: var(--grass); text-decoration: none; }
.rp-w0 { width: 0; } .rp-w1 { width: 10%; } .rp-w2 { width: 20%; } .rp-w3 { width: 30%; } .rp-w4 { width: 40%; } .rp-w5 { width: 50%; }
.rp-w6 { width: 60%; } .rp-w7 { width: 70%; } .rp-w8 { width: 80%; } .rp-w9 { width: 90%; } .rp-w10 { width: 100%; }
.mg a.stat.on { outline: 2px solid var(--grass); }
.rp-table { table-layout: fixed; width: 100%; }
.rp-table th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* one line, … only when full; fixed layout keeps long names from widening the page */
.rp-table th[scope=row] { text-align: left; text-transform: none; letter-spacing: 0; font-size: inherit; }
.rp-table thead th:first-child { width: 11rem; }
.rp-table select, .rp-table .pg-label { width: 100%; min-width: 0; box-sizing: border-box; }
@media (max-width: 800px) { .rp-table { table-layout: fixed; } .rp-table thead th:first-child, .rp-table th[scope=row] { width: auto; } .rp-table [data-col] { width: 6rem; } }