Дизайн Артёма

shine-UI/styles/app-shell.css

@@ -3,7 +3,7 @@
  * Feature-specific стили находятся в styles/features/* и network-graph.css.
  */
 .app-shell {
-  width: min(var(--app-viewport-width, 100vw), 430px);
+  width: min(var(--app-viewport-width, 100vw), var(--shell-content-width, 430px));
   height: var(--app-viewport-height, 100vh);
   position: fixed;
   top: var(--app-viewport-offset-top, 0px);
@@ -21,7 +21,7 @@
   background: transparent;
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
-  box-shadow: var(--shadow);
+  box-shadow: none;
   overflow: hidden;
 }
 
@@ -33,9 +33,11 @@
   bottom: calc(var(--toolbar-height, 78px) + var(--composer-height, 0px));
   z-index: var(--z-shell-content);
   overflow-y: auto;
-  padding: 14px 14px 24px;
+  padding: 0 16px 24px;
 }
 
+.app-shell--wide { --shell-content-width: 640px; }
+
 .screen-content.no-app-chrome {
   top: var(--call-minimized-bar-height, 0px);
   bottom: 0;
@@ -74,9 +76,9 @@
 .composer-slot {
   position: absolute;
   left: 50%;
-  width: min(var(--app-viewport-width, 100vw), 430px);
+  width: 100%;
   transform: translateX(-50%);
-  bottom: calc(var(--toolbar-height, 78px) + env(safe-area-inset-bottom));
+  bottom: var(--toolbar-height, 78px);
   padding: 0 12px;
   pointer-events: none;
 }
@@ -90,8 +92,9 @@
   left: 0;
   right: 0;
   bottom: 0;
-  padding: 2px 10px calc(4px + env(safe-area-inset-bottom));
-  background: linear-gradient(180deg, rgba(7, 12, 23, 0) 0%, rgba(6, 11, 22, 0.96) 44%);
+  padding: 0 4px env(safe-area-inset-bottom);
+  background: var(--background);
+  border-top: 1px solid var(--border-subtle);
   transition: opacity 0.18s ease, transform 0.18s ease;
 }