Set box shadow to all sites, prevent scrolling

internal/webserver/web/static/css/cover.css

@@ -28,6 +28,20 @@ body {
     -webkit-box-pack: center;
     justify-content: center;
 }
+body::after {
+    content: "";
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    /* This creates the inset border effect */
+    box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5);
+    /* Essential: allows clicking buttons/inputs through the shadow */
+    pointer-events: none; 
+    /* Ensures it stays above the background but below modals if needed */
+    z-index: 10; 
+}
 
 td {
     vertical-align: middle;

internal/webserver/web/templates/html_header.tmpl

@@ -58,11 +58,6 @@
    {{ else }}
          <title>{{.PublicName}}</title>
    {{end }}
-	<style>
-	body {
-	  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
-	}
-	</style>
     {{ if .CustomContent.UseCustomCss }}
          <link  href="./custom/custom.v{{.CustomContent.Version}}.css" rel="stylesheet">
     {{ end }}

internal/webserver/web/templates/html_public_upload.tmpl

@@ -1,5 +1,6 @@
 {{define "publicUpload"}}{{template "header" .}}
 
+
 <main style="margin-top: 2rem">
   <div class="row justify-content-center">
     <div class="col-lg-8">