The panel with the LOWEST z-index appears on top, but the panel with the HIGHEST z-index gets all the inputs.

[badandbest]

Describe the bug

When you have two panels with pointer-events: all, the panel with the LOWEST z-index gets rendered on top, but the panel with the HIGHEST z-index gets all the inputs.

This makes things like pop-up panels really hard because it forces you to remove the pointer-events of all other panels and re-add them when the pop-up is gone.

To Reproduce

1. Create two screens with razor elements that have pointer-events: all on it.
2. The panel with thet lowest z-index appears on top.
3. The panel with the highest z-index gets all the inputs.

Expected behavior

The panel on the top-most layer should be the panel that gets inputs.

Media/Files

https://github.com/Facepunch/sbox-issues/assets/91832803/d0a4eeeb-a764-4ef5-9071-84834cccbbad

project.zip

Additional context

No response