UI: общий верхний и нижний тулбар

shine-UI/styles/components.css

@@ -13,6 +13,37 @@
   padding-top: max(0px, env(safe-area-inset-top));
 }
 
+.topbar-slot .page-header,
+.topbar-slot .dm-head,
+.topbar-slot .channels-top-bar {
+  margin-bottom: 0;
+  border-radius: 18px;
+  background: rgba(14, 21, 35, 0.92);
+  border: 1px solid rgba(212, 175, 55, 0.18);
+  box-shadow: 0 10px 26px rgba(4, 8, 16, 0.28);
+  backdrop-filter: blur(14px);
+}
+
+.topbar-slot .page-header {
+  padding: calc(10px + env(safe-area-inset-top)) 12px 10px;
+}
+
+.topbar-slot .dm-head,
+.topbar-slot .channels-top-bar {
+  padding-top: calc(10px + env(safe-area-inset-top));
+  padding-bottom: 10px;
+}
+
+.app-topbar-shell .page-title {
+  flex: 1 1 auto;
+  text-align: center;
+}
+
+.app-topbar-shell .header-left,
+.app-topbar-shell .header-actions {
+  min-width: 92px;
+}
+
 .page-title {
   font-size: 22px;
   font-weight: 700;
@@ -1561,7 +1592,7 @@
 }
 
 .toolbar-btn-profile .toolbar-label-wrap {
-  padding-bottom: 6px;
+  padding-bottom: 0;
 }
 
 .toolbar-btn-profile .toolbar-connection-indicator {