From a84e722a104623e7349b9eb3048952001098b415 Mon Sep 17 00:00:00 2001
From: Yaro-PY <yspersik@gmail.com>
Date: Mon, 11 May 2026 18:23:25 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D1=82=D0=B0=D0=B1=D1=96=D0=BB=D1=96?=
 =?UTF-8?q?=D0=B7=D1=83=D0=B2=D0=B0=D0=B2=20=D0=BF=D0=BE=D0=B7=D0=B8=D1=86?=
 =?UTF-8?q?=D1=96=D1=8E=20=D0=BE=D0=B1=D0=BE=D0=BB=D0=BE=D0=BD=D0=BA=D0=B8?=
 =?UTF-8?q?=20=D1=81=D0=B0=D0=B9=D1=82=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/frontend/src/styles.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/frontend/src/styles.css b/apps/frontend/src/styles.css
index 8bd0324..ef337cd 100644
--- a/apps/frontend/src/styles.css
+++ b/apps/frontend/src/styles.css
@@ -2,6 +2,7 @@
 
 :root {
   color-scheme: light;
+  --app-root-inset: 1px;
   --bg: #f8f5ff;
   --ink: #162032;
   --muted: #5a6675;
@@ -72,8 +73,11 @@ body,
 }
 
 body {
-  margin: 0;
-  min-height: 100vh;
+  width: auto;
+  inline-size: auto;
+  max-width: none;
+  margin: var(--app-root-inset);
+  min-height: calc(100vh - (var(--app-root-inset) * 2));
   position: relative;
   font-family: 'Manrope', sans-serif;
   color: var(--ink);
@@ -756,7 +760,7 @@ a {
 }
 
 .app-shell-surface {
-  min-height: calc(100vh - 20px);
+  min-height: calc(100vh - 20px - (var(--app-root-inset) * 2));
   width: 100%;
   max-width: 100%;
   min-width: 0;
@@ -12592,7 +12596,7 @@ body[data-theme='blue'] .app-page.admin-users-page .admin-user-action--save:disa
   .app-shell-surface {
     grid-template-columns: 1fr;
     grid-template-rows: auto minmax(0, 1fr);
-    min-height: calc(100vh - 12px);
+    min-height: calc(100vh - 12px - (var(--app-root-inset) * 2));
   }
 
   .app-sidebar {