style(web): update app and policies styles

- app.css: update app-level styles
- policies-view.css: update policies view styles

web/src/assets/styles/app.css

@@ -18,7 +18,7 @@
   height: var(--desktop-stage-height, 100dvh);
   min-height: var(--desktop-stage-height, 100dvh);
   display: grid;
-  grid-template-rows: auto auto minmax(0, 1fr);
+  grid-template-columns: 220px minmax(0, 1fr);
   background: var(--bg);
 }
 
@@ -85,10 +85,12 @@
 
 .main { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); }
 .main.overview-main {
+  height: var(--desktop-stage-height, 100dvh);
   grid-template-rows: auto minmax(0, 1fr);
   overflow: hidden;
 }
 .main.workbench-main {
+  height: var(--desktop-stage-height, 100dvh);
   grid-template-rows: auto minmax(0, 1fr);
   overflow: hidden;
 }
@@ -98,6 +100,7 @@
 .main.audit-main,
 .main.employees-main,
 .main.settings-main {
+  height: var(--desktop-stage-height, 100dvh);
   grid-template-rows: auto minmax(0, 1fr);
   overflow: hidden;
 }
@@ -123,10 +126,10 @@
   background: #fff;
 }
 
+@media (max-width: 1180px) {
+  .app { grid-template-columns: 220px minmax(0, 1fr); }
+}
 @media (max-width: 760px) {
-  .app {
+  .app { display: block; }
-    height: auto;
-    min-height: 100dvh;
-  }
   .workarea { padding: 18px 16px 28px; }
 }

web/src/assets/styles/views/policies-view.css

@@ -176,6 +176,10 @@
   gap: 12px;
 }
 
+.document-area.read-only {
+  grid-template-rows: minmax(0, 1fr) auto;
+}
+
 .upload-input {
   display: none;
 }