Revert: App-Shell-CSS auf Original — height/overflow auf #app+body bricht iOS PWA

Behalte nur sichere Fixes:
- #page-content min-height:0 (iOS Flex-Bug)
- #bottom-nav transform:translateZ(0) (GPU-Layer)
- SW by-v526, APP_VER 503

backend/static/css/design-system.css

@@ -206,7 +206,7 @@ body {
   line-height:      var(--leading-normal);
   color:            var(--c-text);
   background-color: var(--c-bg);
-  height:           100%;
+  min-height:       100%;
   -webkit-font-smoothing:  antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

backend/static/css/layout.css

@@ -10,16 +10,13 @@
 #app {
   display:        flex;
   flex-direction: column;
-  /* height:100% kaskadiert von html→body→#app → exakter Scroll-Container */
-  height:         100%;
-  overflow:       hidden;
+  min-height:     100dvh;
 }
 
 /* Content-Bereich: füllt den Raum zwischen Header und Bottom-Nav */
 #page-content {
   flex:           1;
-  /* min-height:0 zwingt flex-child zum Schrumpfen → overflow-y greift auf iOS */
-  min-height:     0;
+  min-height:     0; /* iOS-Flex-Bug: ohne das scrollt body statt #page-content */
   overflow-y:     auto;
   overflow-x:     hidden;
   padding-bottom: calc(var(--nav-bottom-height) + var(--safe-bottom) + 16px);
@@ -30,9 +27,6 @@
 @media (min-width: 768px) {
   #app {
     flex-direction: row;
-    height:         auto;
-    min-height:     100dvh;
-    overflow:       visible;
   }
   #page-content {
     min-height:     unset;