From 1d0e4a2f4eca91d63ad6353f2b1d6927a0a2357e Mon Sep 17 00:00:00 2001
From: DCCONSTRUCTIONS <dcconstructions@MacBook-Pro-DCCONSTRUCTIONS-2.local>
Date: Fri, 8 May 2026 20:07:49 +0300
Subject: [PATCH] =?UTF-8?q?UI=20-=20=D0=9B=D0=90=D0=A3=D0=9D=D0=A7=D0=95?=
 =?UTF-8?q?=D0=A0:=20=D0=95=D0=94=D0=98=D0=9D=D0=AB=D0=99=20SURFACE=20?=
 =?UTF-8?q?=D0=90=D0=94=D0=9C=D0=98=D0=9D-=D0=9C=D0=9E=D0=94=D0=90=D0=9B?=
 =?UTF-8?q?=D0=9E=D0=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/globals.css | 36 ++++++++++++++++++++++++++----------
 1 file changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index f4ed3dc..e6a9dfb 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1831,6 +1831,11 @@ code {
   overflow: visible;
 }
 
+.admin-panel-content:has(.service-content-modal-layer) > .admin-header {
+  opacity: 0;
+  pointer-events: none;
+}
+
 .admin-panel-content .admin-section-grid {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
@@ -2727,9 +2732,14 @@ code {
   display: grid;
   place-items: stretch;
   padding: 0;
-  background: rgba(0, 0, 0, 0.38);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
+  overflow: hidden;
+  border-radius: var(--launcher-radius-modal);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.018)),
+    rgba(10, 10, 13, 0.9);
+  box-shadow: 0 34px 120px rgba(0, 0, 0, 0.62);
+  backdrop-filter: blur(34px) saturate(1.12);
+  -webkit-backdrop-filter: blur(34px) saturate(1.12);
 }
 
 .nodedc-delete-modal-layer {
@@ -2860,20 +2870,21 @@ code {
 .service-content-modal {
   position: relative;
   display: grid;
+  min-width: 0;
+  min-height: 0;
   width: 100%;
   height: 100%;
   max-height: none;
   grid-template-rows: auto minmax(0, 1fr) auto;
   gap: 1rem;
+  box-sizing: border-box;
   overflow: hidden;
   padding: 1rem;
-  border-radius: var(--launcher-radius-modal);
-  background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.018)),
-    rgba(10, 10, 13, 0.9);
-  box-shadow: 0 34px 120px rgba(0, 0, 0, 0.62);
-  backdrop-filter: blur(34px) saturate(1.12);
-  -webkit-backdrop-filter: blur(34px) saturate(1.12);
+  border-radius: inherit;
+  background: transparent;
+  box-shadow: none;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
 }
 
 .client-editor-modal {
@@ -2887,6 +2898,9 @@ code {
   align-items: center;
   justify-content: space-between;
   gap: 1rem;
+  width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
 }
 
 .service-content-modal__foot-actions {
@@ -2908,6 +2922,8 @@ code {
 
 .service-content-modal__grid {
   display: grid;
+  width: 100%;
+  min-width: 0;
   min-height: 0;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 0.75rem;