/* ============================================================
   AVE CALLS & WELCOME — Фаза 5 (финальная). Экран звонка/офиса + welcome-экран.
   Оба ЦЕЛИКОМ на токенах и рендерятся в #messages / #welcome внутри .main, который под
   .ave-root (Фаза 2) → их ЦВЕТА уже флипнуты в AVE без единой строки. Более того:
     • голос/офис уже спроектирован в AVE-духе — var(--mono) для аватаров/статусов/подписей,
       сигнальный акцент, тёмные карточки; кнопки звонка — .icon-btn (перекрашены в Фазе 1);
     • welcome бренд-кап «AVE Chat» уже на Futura (var(--font-display)) с капсом и разрядкой.
   Остаётся одно: текст на var(--sans) (и var(--mono) → проектный моно, не JetBrains). Делаем
   ре-скоуп шрифта на JetBrains Mono на корнях этих экранов. Приветствие «С возвращением»
   (кириллица) намеренно НЕ форсим в Futura (нет кириллицы) — JetBrains Mono с кириллицей.
   Хардкод-фоны видео/камеры (#0a0c10/#000/#06080b) и фоновые радиал-градиенты — как есть.
   Без JS: контейнеры под .main.ave-root (Фаза 2) / body.ave-root (Фаза 3b).
   См. РЕДИЗАЙН-AVE.md, Фаза 5.
   ============================================================ */

.ave-root .voice-stage,
.ave-root .screen-stage,
.ave-root .mobile-voice-bar,
.ave-root .welcome {
  --sans: var(--font-mono);
  --mono: var(--font-mono);
}

/* ============================================================
   P4 (2026-07-02): WELCOME — пиксель-парити с прототипом v22.
   Функционал (аватары в рядах, «+N», live-кольцо) в app.js УЖЕ был;
   здесь — точные значения из исходника AVE Chat.dc.html (welcome-блок,
   стр. ~355–405): ряды/плитки padding 11–13 / radius 13 / фон var(--panel-2),
   иконка ряда 34×34 r9, аватары 26px с бордером panel-2 (обвод ряда).
   Богатства Эфира НЕ трогаем: цвета/эмодзи каналов, 6 плиток ролей,
   палитра чипа роли, hover-подсветки. Всё под .ave-root (?ave=0 нетронут).
   ============================================================ */

/* контейнер: вертикальный паддинг прототипа (34px, было 30/40). ФОН-GLOW УБРАН: в старом дизайне у
   .welcome два radial-gradient, но .welcome сидит внутри .chat-frame (852px) → glow ограничен коробкой
   и читался как полупрозрачное «окно» вокруг меню (фидбек владельца). В AVE фон общий — живое dot-поле,
   локальный glow не нужен и мешает. background:none. ?ave=0 — glow остаётся как был (правило под .ave-root). */
.ave-root .welcome { padding: 34px 24px; background: none; }

/* ряды аудиоканалов: плоский panel-2 + radius 13 (был тонированный 6% + r11) */
.ave-root .welcome-ach { padding: 11px 13px; border-radius: 13px; background: var(--panel-2); }

/* иконка канала в ряду: 34×34 r9 (глобальный .ch-tile — 22×22 r6, здесь крупнее) */
.ave-root .welcome-ach .ch-tile { width: 34px; height: 34px; border-radius: 9px; font-size: 15px; }
.ave-root .welcome-ach .ch-tile svg { width: 16px; height: 16px; }

/* аватары присутствия: 26px, бордер цвета ряда (panel-2), инициалы 11px */
.ave-root .welcome-ach .wc-av { width: 26px; height: 26px; border-color: var(--panel-2); font-size: 11px; }

/* «войти →» рядом с аватарами (JS добавляет под ave-root) — лёгкий отступ от кластера */
.ave-root .welcome-ach-avs + .welcome-ach-go { flex: none; }

/* плитки «Чем займёмся»: padding 13 / radius 13 / panel-2 (был white-3% + r11) + зазор от заголовка */
.ave-root .welcome-funcs { margin-top: 8px; }
.ave-root .welcome-fcard { padding: 13px; border-radius: 13px; background: var(--panel-2); }