/* INGSTELIN V31.3 - Organización visual de roles y permisos. No modifica campos globales. */
.rc-permissions-top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.rc-permissions-top > strong { color: var(--rc-text); font-size: 13px; }
.rc-permissions-top > span { color: var(--rc-muted); font-size: 11px; font-weight: 550; }
.role-card-grid { align-items: stretch; }
.role-card { min-width: 0; }
.role-card > div:first-child { min-width: 0; }
.role-card small { overflow-wrap: anywhere; }
.dialog-form .permission-grid { gap: 8px; }
.dialog-form .permission-module { margin-block: 10px 14px; }
.dialog-form .permission-check { min-width: 0; }
.dialog-form .permission-check strong { overflow-wrap: anywhere; }
@media (max-width: 720px) {
    .rc-permissions-top { gap: 5px; }
    .dialog-form .permission-grid { grid-template-columns: 1fr; }
}