diff --git a/neode-ui/src/style.css b/neode-ui/src/style.css index 839f5e2f..d17b1302 100644 --- a/neode-ui/src/style.css +++ b/neode-ui/src/style.css @@ -1417,6 +1417,15 @@ html.kiosk-safe-area body { width: 100vw; height: 100vh; overflow: hidden; +} +/* Black fill on BODY only, never on the root element. With a background on + , body's background no longer propagates to the canvas and instead + paints as a normal block background — which by CSS paint order lands ON TOP + of negative-z-index descendants, i.e. over .bg-perspective-container + (z-index -10): every dashboard/login background image rendered as solid + black on kiosk displays. Body-only matches the non-kiosk pages, where the + art has always shown. */ +html.kiosk-safe-area body { background: #000; }