panels now have shadow-overlay so that it's possible to have inset shadow all

over the panel, without header overlapping it

src/App.scss

@@ -317,16 +317,33 @@ main-router {
 
 .panel {
   display: flex;
+  position: relative;
+
   flex-direction: column;
   margin: 0.5em;
 
   background-color: $fallback--bg;
   background-color: var(--bg, $fallback--bg);
 
+  &::after, & {
     border-radius: $fallback--panelRadius;
     border-radius: var(--panelRadius, $fallback--panelRadius);
+  }
+
+  &::after {
+    content: '';
+    position: absolute;
+
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+
+    pointer-events: none;
+
     box-shadow: 1px 1px 4px rgba(0,0,0,.6);
     box-shadow: var(--panelShadow);
+  }
 }
 
 .panel-body:empty::before {