Выровнять верхние панели UI

shine-UI/styles/features/notifications.css

@@ -186,14 +186,32 @@
 
 
 
-/* Уведомления: переключатели лент повторяют стеклянные чипы экрана «Связи». */
-.notifications-screen .notification-feed-tabs {
+/* Уведомления: переключатели лент занимают место заголовка в закреплённом
+ * TopBar и повторяют стеклянные чипы экрана «Связи». */
+.notifications-topbar {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+
+.notifications-topbar .topbar__left,
+.notifications-topbar .topbar__right {
+  display: none;
+}
+
+
+.notifications-topbar .topbar__center {
+  width: 100%;
+}
+
+
+.notifications-topbar .notification-feed-tabs {
+  width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   gap: 8px;
-  padding: 8px 12px 4px;
+  padding: 0;
   margin: 0;
   background: transparent;
   border: 0;
@@ -201,25 +219,22 @@
 }
 
 
-.notifications-screen .notification-feed-tabs .notification-tab-btn {
-  min-width: 92px;
+.notifications-topbar .notification-feed-tabs .notification-tab-btn {
+  flex: 1 1 0;
+  min-width: 0;
+  padding-inline: 8px;
   text-align: center;
 }
 
 
-/* На обычных экранах отступ создаёт стандартный padding screen-content (14px). */
-.notifications-screen .notification-feed-tabs.app-top-tabs {
+/* Высота панели остаётся стандартной: перенос фильтров не увеличивает TopBar. */
+.notifications-topbar .notification-feed-tabs.app-top-tabs {
   min-height: var(--app-primary-tab-min-height);
   padding: 0;
   margin: 0;
 }
 
 
-.notifications-screen .notification-feed-tabs .notification-tab-btn {
-  min-width: 92px;
-}
-
-
 /* Уведомления: информационные блоки без рамок. Hover/focus не возвращает
  * обводку — различение сохраняется фоном и лёгкой реакцией на нажатие. */
 .notifications-screen .notifications-list > .notification-card,

shine-UI/styles/features/profile.css

@@ -798,15 +798,37 @@
 }
 
 
-.user-profile-screen .user-profile-hero-avatar.avatar-glow::before {
-  inset: -12%;
+.user-profile-screen .user-profile-hero-avatar.avatar-glow {
+  box-shadow:
+    0 0 8.3px rgba(146, 243, 255, 0.57),
+    0 0 18.3px rgba(121, 235, 255, 0.39),
+    0 0 33px rgba(100, 220, 255, 0.24);
+}
+
+
+/* Повторяем стационарное сияние узлов экрана «Связи»: тот же градиент,
+ * интенсивность, масштаб и радиус размытия. CSS blur здесь эквивалентен
+ * SVG-фильтру fg-shine-glow со stdDeviation 3.4, который создаёт граф. */
+.user-profile-screen .user-profile-hero-avatar.avatar.avatar-image.avatar-framed.avatar-glow::before {
+  inset: -12px;
+  border: 0;
   background: radial-gradient(circle, rgba(140, 240, 255, 0.5) 0%, rgba(130, 235, 255, 0.18) 46%, rgba(130, 235, 255, 0) 72%);
+  box-shadow: none;
   filter: blur(3.4px);
   transform: scale(1.07);
   opacity: 0.91;
 }
 
 
+/* На крупном аватаре профиля официальный знак на 20% компактнее базового.
+ * Левый и нижний края остаются на месте, поэтому сокращение приходится на
+ * верхнюю и правую стороны знака. */
+.user-profile-screen .user-profile-hero-avatar.avatar-framed > .avatar-official-badge {
+  width: 25.6%;
+  height: 25.6%;
+}
+
+
 .user-profile-screen .user-profile-hero-avatar .avatar-fallback {
   font-size: clamp(34px, 9vw, 58px);
   font-weight: 800;