fix(room): топбар и тулбар комнаты вылезали за экран на мобильном

room-toolbar с 8 кнопками (520px) не помещался в мобильную ширину (375px) —
крайние кнопки обрезались без возможности до них доскроллить. На мобильном
убираем демонстрацию экрана/полноэкранный режим/мини-окно (редко нужны с
телефона) и уплотняем оставшиеся 5 кнопок. В топбаре убираем инвайт-чип
(номер + копирование ссылки) — сверху остаются только название конференции
и статус.

frontend/src/styles/room.css

@@ -115,6 +115,26 @@ video[data-lk-source='screen_share'] { object-fit: contain; background: #000; }
 @media (max-width: 600px) {
   .stage-tiles.lk-focus-layout { grid-template-columns: 1fr; }
   .stage { padding: var(--space-3) var(--space-4); gap: var(--space-3); }
+
+  /* Топбар: инвайт-чип (номер + копирование ссылки) убираем — на узком
+     экране это не помещалось рядом с названием (см. аудит мобильной версии),
+     сверху остаётся только название конференции и статус «активна». */
+  .room-topbar { padding: var(--space-3) var(--space-4); }
+  .room-invite-chip { display: none; }
+
+  /* Тулбар: демонстрация/полноэкранный режим/мини-окно скрыты на мобильном
+     (редко нужны с телефона, а тулбар со всеми 8 кнопками физически не
+     помещается в ширину экрана) — из оставшихся 5 кнопок собираем более
+     компактный вариант, чтобы они уместились без переноса и горизонтального
+     скролла. */
+  .tb-btn--screenshare,
+  .tb-btn--fullscreen,
+  .tb-btn--pip {
+    display: none;
+  }
+  .room-toolbar { padding: var(--space-3) var(--space-2); gap: 2px; }
+  .tb-btn { min-width: 0; padding: 6px 8px; }
+  .tb-btn .icon-shell { width: 40px; height: 40px; }
 }
 
 /*