From ac9832c5a1603393e6a4c7de9ad20cd754d0945b Mon Sep 17 00:00:00 2001
From: Max Ronzhin <m.ronzhin@ssphera.ru>
Date: Sun, 26 Jul 2026 04:20:01 +0300
Subject: [PATCH] =?UTF-8?q?fix(admin):=20=D0=B7=D0=B0=D0=B3=D0=BE=D0=BB?=
 =?UTF-8?q?=D0=BE=D0=B2=D0=BE=D0=BA,=20=D0=BF=D0=BE=D0=B4=D0=B7=D0=B0?=
 =?UTF-8?q?=D0=B3=D0=BE=D0=BB=D0=BE=D0=B2=D0=BE=D0=BA=20=D0=B8=20=D0=B2?=
 =?UTF-8?q?=D0=BA=D0=BB=D0=B0=D0=B4=D0=BA=D0=B8=20=D0=B2=D1=8B=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=B7=D0=B0=D0=BB=D0=B8=20=D0=B7=D0=B0=20=D1=8D=D0=BA=D1=80?=
 =?UTF-8?q?=D0=B0=D0=BD=20=D0=BD=D0=B0=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=BD=D0=BE=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.page-head h1 (общий заголовок оболочки) — тот же баг с фиксированным
кеглем 34px, что и в auth.css, чинится тем же способом (clamp), лечит заодно
любую другую длинную шапку на страницах оболочки. В админке дополнительно:
поясняющий текст под заголовком скрыт на мобильном (не несёт функции), 4
вкладки переносятся в 2 ряда вместо горизонтального оверфлоу всей страницы.
---
 frontend/src/styles/admin.css | 17 +++++++++++++++++
 frontend/src/styles/lobby.css |  2 ++
 2 files changed, 19 insertions(+)

diff --git a/frontend/src/styles/admin.css b/frontend/src/styles/admin.css
index fcc5884..b00a90a 100644
--- a/frontend/src/styles/admin.css
+++ b/frontend/src/styles/admin.css
@@ -14,6 +14,23 @@
  */
 
 .admin-page .section-tabs { display: flex; gap: var(--space-2); margin-bottom: var(--space-5); border-bottom: 1px solid var(--color-border); }
+
+/* Мобильная ширина: 4 вкладки не помещаются в один ряд (см. аудит) —
+   переносим в 2 ряда по 2, а необязательный поясняющий текст под заголовком
+   прячем, чтобы не съедал экран (сам заголовок тянет .page-head h1 из
+   lobby.css). */
+@media (max-width: 640px) {
+  .admin-page .page-head p { display: none; }
+  .admin-page .section-tabs { flex-wrap: wrap; }
+
+  /* Таблица «Пользователи» — на мобильном оставляем только колонку
+     «Пользователь»; роль/команда/блокировка редактируются через карточку
+     профиля (открывается кликом по имени, см. AdminUserProfileDialog). */
+  .admin-page .users-table th:not(:first-child),
+  .admin-page .users-table td:not(:first-child) {
+    display: none;
+  }
+}
 .admin-page .section-tab { padding: 10px 4px; margin-right: var(--space-6); background: none; border: none; border-bottom: 2px solid transparent; font: var(--text-body-lg); font-weight: 600; color: var(--color-ink-500); cursor: pointer; }
 .admin-page .section-tab:hover { color: var(--color-ink-900); }
 .admin-page .section-tab.is-active { color: var(--color-ink-700); border-color: var(--color-accent-active); }
diff --git a/frontend/src/styles/lobby.css b/frontend/src/styles/lobby.css
index 563d4db..55aaa75 100644
--- a/frontend/src/styles/lobby.css
+++ b/frontend/src/styles/lobby.css
@@ -23,6 +23,8 @@ main.page-main { padding: var(--space-8); max-width: 1440px; margin: 0 auto; }
 @media (max-width: 640px) {
   main.page-main { padding: var(--space-5) var(--space-4); }
   .page-head { flex-direction: column; align-items: flex-start; gap: var(--space-3); }
+  /* Длинные заголовки («Администрирование» и т.п.) иначе вылезают за край. */
+  .page-head h1 { font-size: clamp(22px, 6.5vw, 34px); }
 }
 
 /* ---------- Лобби-хаб (мозаика действий) ---------- */