I have created a ring with a center bevel, which are two rings with gradients. The weird thing is that this renders the way I want it in Inkscape, but in Chrome, Firefox, Edge, and Adobe Illustrator, the gradient is not there, or it's very faint.
What could cause this, and how can I make it so they are the same??

I can't attach images here, so this question is also posted on Stackoverflow, with examples of the issue.
https://stackoverflow.com/questions/72381165/why-is-the-browser-rendering-of-this-svg-gradient-different-in-inkscape-vs-brows

Looks fine in Safari:

The lower face is not shaded.

Should be darker than the lower/inner.

Seems the grouping don´t work in browsers:

More like the transform is interfering. Ungrouping and regrouping removes the transform, and the gradients are respected.

@inkblot9, cleaning the document removes thousands of unused defs.

The ring doesn't have groups, maybe by grouping you mean layers? When I remove all the layers, I still don't get the outer shade, did you change something else as well?
In the end I only have the "Outer" path left in the SVG, and still the path/shaded ring is different (much lighter) for me in browsers.

https://svgshare.com/s/hm9

Don´t get why my upload not appears above through the paperclip icon. Again:

Ah, yes, I get it now! I grouped the single path (I didn't know you could group a single object), then ungrouped it and saved it.

Now it's the same. Many many many thanks!

InkBlot9

The ring doesn't have groups, maybe by grouping you mean layers?

These are literally groups even when they are renamed to something:

 versus: 

Layers are actually groups... svg technically does not support layers, but Inkscape can replicate layer workflow and gui by xml wizardry. 

Using the Objects dialog, layers can be toggled to simple group status and ungrouped/regrouped etc.