UI: новый общий стиль, тёмная/светлая тема, настраиваемая палитра

- styles/main.css: роли цветов (по умолчанию «Индиго»), шкала отступов/скруглений/шрифтов,
  цвета отношений для обеих тем; жёсткие цвета в стилях заменены на роли.
- Палитра: пресеты и личные правки, «Оформление» Авто/День/Ночь, долгое нажатие —
  редактор цветов с экспортом/импортом.
- Каналы: пузыри постов автора, плашки дней, строка «Написать в канал…», «О канале»,
  создание канала с адресом из названия; лента открывается на свежих постах.
- Чаты: плоский список, чипы-фильтры, пузыри, плашки дней; нижняя панель скрыта в переписке.
- Корневые разделы — единая шапка; профиль и чужой профиль — общая карточка;
  настройки, кошелёк, сеансы — меню-списки.
- Нижняя панель: иконки без подписей, бейджи на иконках.
- confirmDialog вместо window.confirm/alert; на телефоне диалоги — шторки снизу.
- docs/UI-Design/ISSUES-for-dev.md — найденные ошибки сервера/UI.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

shine-UI/js/components/toolbar.js

@@ -1,18 +1,28 @@
 import { resolveToolbarActive } from '../router.js';
 import { state, authService } from '../state.js';
 import { openAuthRequiredModal } from '../services/auth-required-modal.js';
-import { iconHtml as lineIcon } from './ui-icon.js';
+import { SHINE_CONNECTIONS_LOGO_SRC } from './shine-logo.js';
+
+const TOOLBAR_ICONS = {
+  'messages-list': '<g transform="translate(12 12) scale(.88) translate(-11.5 -13)"><path d="M21 11.5a8.5 8.5 0 0 1-8.5 8.5H4l-2 2v-9.5A8.5 8.5 0 0 1 10.5 4H13a8 8 0 0 1 8 7.5Z"/><circle cx="8" cy="12" r="1.05" class="toolbar-svg-dot"/><circle cx="11.7" cy="12" r="1.05" class="toolbar-svg-dot"/><circle cx="15.4" cy="12" r="1.05" class="toolbar-svg-dot"/></g>',
+  'channels-list': '<rect x="4" y="3" width="16" height="18" rx="3"/><path d="M8 8h8M8 12h8M8 16h5"/>',
+  'notifications-view': '<path d="M6.2 16.8V11a5.8 5.8 0 0 1 11.6 0v5.8l1.7 1.7h-15Z"/><path d="M10.2 21a2 2 0 0 0 3.6 0"/>',
+  'profile-view': '<circle cx="12" cy="6.8" r="3.6"/><path d="M4.4 21v-2.1a5.6 5.6 0 0 1 5.6-5.6h4a5.6 5.6 0 0 1 5.6 5.6V21Z"/>',
+};
+
 const ITEMS = [
   { pageId: 'messages-list', label: 'Личные' },
   { pageId: 'channels-list', label: 'Каналы' },
-  { pageId: 'network-view', label: 'Связи' },
+  { pageId: 'network-view', label: 'Связи', mandala: true },
   { pageId: 'notifications-view', label: 'Уведомления' },
   { pageId: 'profile-view', label: 'Профиль' },
 ];
 
-function iconHtml(item) {
-  const names = { 'messages-list': 'message', 'channels-list': 'channels', 'network-view': 'network', 'notifications-view': 'bell', 'profile-view': 'profile' };
-  return lineIcon(names[item.pageId]);
+function iconHtml(item, extra = '') {
+  const glyph = item.mandala
+    ? `<img class="toolbar-mandala" src="${SHINE_CONNECTIONS_LOGO_SRC}" alt="" aria-hidden="true" />`
+    : `<svg class="toolbar-svg" viewBox="0 0 24 24" aria-hidden="true">${TOOLBAR_ICONS[item.pageId]}</svg>`;
+  return `<span class="toolbar-icon${item.mandala ? ' toolbar-icon--mandala' : ''}">${glyph}${extra}</span>`;
 }
 
 function normalizeCounters(payload = {}) {
@@ -44,7 +54,7 @@ function renderBadge(btn, count, ariaLabel, extraClass = '') {
   if (!badge) {
     badge = document.createElement('span');
     badge.className = `toolbar-unread-badge${extraClass ? ` ${extraClass}` : ''}`;
-    btn.append(badge);
+    (btn.querySelector('.toolbar-icon') || btn).append(badge);
   }
   badge.textContent = count > 99 ? '99+' : String(count);
   badge.setAttribute('aria-label', `${ariaLabel}: ${count}`);
@@ -127,21 +137,17 @@ export function renderToolbar(currentPageId, navigate) {
     btn.className = `toolbar-btn${item.pageId === active ? ' active' : ''}${isProfile ? ' toolbar-btn-profile' : ''}${isMessages ? ' toolbar-btn-messages' : ''}${isNetwork ? ' toolbar-btn-network' : ''}${item.hero ? ' toolbar-btn-hero' : ''}`;
     if (isProfile) {
       btn.innerHTML = `
-        ${iconHtml(item)}
-        <span class="toolbar-label-wrap">
-          <span>${item.label}</span>
-          <span id="toolbar-connection-indicator" class="toolbar-connection-indicator is-unknown">
+        ${iconHtml(item, `<span id="toolbar-connection-indicator" class="toolbar-connection-indicator is-unknown">
             <span class="toolbar-connection-dot" aria-hidden="true"></span>
-          </span>
-        </span>
+          </span>`)}
+        <span class="sr-only">${item.label}</span>
       `;
     } else if (isNetwork) {
-      btn.innerHTML = `${iconHtml(item)}<span>${item.label}</span>`;
-      btn.setAttribute('aria-label', item.label);
-      btn.title = item.label;
+      btn.innerHTML = `${iconHtml(item)}<span class="sr-only">${item.label}</span>`;
     } else {
-      btn.innerHTML = `${iconHtml(item)}<span>${item.label}</span>`;
+      btn.innerHTML = `${iconHtml(item)}<span class="sr-only">${item.label}</span>`;
     }
+    btn.title = item.label;
     if (isMessages) renderBadge(btn, counters.dmUnreadCount, 'Непрочитанных личных сообщений');
     if (item.pageId === 'channels-list') renderBadge(btn, counters.channelsUnreadCount, 'Непрочитанных сообщений в каналах');
     if (isNotifications) renderBadge(btn, counters.notificationsUnreadCount, 'Новых уведомлений', 'notification-toolbar-badge');