nav: неоновые PNG-иконки вкладок бара + единый вид

- toolbar.js: data-driven иконки (iconImg/glow/hero); все 5 вкладок → <img> неон-PNG;
  «Связи» помечена hero.
- components.css: единый размер (--tab-icon-size 27px), «Связи» крупнее ВИЗУАЛЬНО через
  transform: scale (без сдвига раскладки — иконки на одной линии); active/tap-состояния;
  у «Связи» убран лишний drop-shadow-ореол (светится сама PNG); глобально
  -webkit-tap-highlight-color: transparent (нет синего tap-квадрата нигде).
- assets: icon_lichnye/kanaly/svyazi/uvedomleniya/profil.png. Иконка «Уведомления»
  приведена к прозрачному фону (была без альфы) и обрезана до ~92% заполнения, как у других.
Версия 1.2.166.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

shine-UI/styles/components.css

@@ -1,3 +1,9 @@
+/* Глобально отключаем синюю tap-подсветку мобильных браузеров/WebView на ВСЕХ элементах
+   (Android/Chromium): синего квадрата при нажатии нигде быть не должно. */
+* {
+  -webkit-tap-highlight-color: transparent;
+}
+
 .page-header {
   display: flex;
   align-items: center;
@@ -3928,6 +3934,39 @@ textarea.input {
   text-shadow: 0 0 10px rgba(212, 175, 55, 0.6);
 }
 
+/* Неоновые PNG-иконки вкладок (свечение запечено в PNG). Цвет доп.свечения — var --tab-glow (инлайн на img). */
+.toolbar-icon-img {
+  --tab-icon-size: 27px;                 /* крупнее (бар-иконки); герой ниже ещё больше */
+  width: var(--tab-icon-size);
+  height: var(--tab-icon-size);
+  object-fit: contain;
+  display: block;
+  transition: transform .12s ease, filter .15s ease;
+}
+/* Активная вкладка — лёгкое доп. свечение (подпись подсвечивается правилом .active span:last-child выше). */
+.toolbar-btn.active .toolbar-icon-img {
+  filter: drop-shadow(0 0 5px var(--tab-glow)) brightness(1.08);
+}
+/* Нажатие — вдавливание + краткая вспышка свечения; на отпускании возврат. */
+.toolbar-btn:active .toolbar-icon-img {
+  transform: scale(0.9);
+  filter: drop-shadow(0 0 9px var(--tab-glow)) brightness(1.2);
+}
+/* «Связи» — герой: крупнее и всегда чуть светится сильнее остальных; press-feedback ярче. */
+.toolbar-btn-hero .toolbar-icon-img {
+  /* Крупнее ВИЗУАЛЬНО через transform (origin center) — раскладочный размер как у остальных (27px),
+     поэтому иконка остаётся на одной линии с другими, а не задирается вверх. */
+  transform: scale(1.63);   /* ≈44px при базовых 27px */
+  filter: brightness(1.05); /* CSS-ореол убран — светится только сама PNG (логотип не тронут) */
+}
+.toolbar-btn-hero.active .toolbar-icon-img {
+  filter: brightness(1.12);
+}
+.toolbar-btn-hero:active .toolbar-icon-img {
+  transform: scale(1.47);   /* 1.63 × 0.9 (нажатие) */
+  filter: brightness(1.25); /* нажатие — только подсветление, без ореола */
+}
+
 .toolbar-channels-hold-overlay {
   position: fixed;
   z-index: 1200;
@@ -4344,10 +4383,17 @@ textarea.input {
 .toolbar-btn-network {
   position: relative;
   overflow: hidden;
+  -webkit-tap-highlight-color: transparent;   /* нет синей вспышки-квадрата при тапе (Android WebView/Chromium) */
+}
+/* нет рамки/подсветки фокуса ВОКРУГ кнопки — светится только сама иконка (её drop-shadow) */
+.toolbar-btn-network:focus,
+.toolbar-btn-network:focus-visible {
+  outline: none;
 }
 
 .toolbar-btn-network::before {
   content: "";
+  display: none;   /* подсветка-подложка вокруг иконки «Связи» убрана по запросу (иконка и её drop-shadow-ореол не тронуты) */
   position: absolute;
   inset: 6px;
   border-radius: 10px;