fix(admin): таблица конференций вылезала за экран на мобильном

На мобильном в таблице остаются только колонки «Конференция» и
«Владелец» — название конференции с номером стало кнопкой, открывающей
то же окно редактирования, что и карандаш в скрытой на мобильном колонке
действий. Туда же добавлена кнопка «Удалить» (с подтверждением) — раньше
удаление было доступно только из строки таблицы, которая на мобильном
теперь скрыта.

frontend/src/styles/shell.css

@@ -265,6 +265,23 @@
   cursor: not-allowed;
 }
 
+.btn-danger {
+  background: transparent;
+  color: var(--color-danger);
+  border: 1.5px solid var(--color-danger);
+  font: var(--text-body);
+  font-weight: 600;
+  padding: 9px 18px;
+  border-radius: var(--radius-full);
+}
+.btn-danger:hover:not(:disabled) {
+  background: var(--color-danger-bg);
+}
+.btn-danger:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 /* ---------- Бейджи статуса ---------- */
 .badge {
   display: inline-flex;
@@ -393,6 +410,23 @@
 .modal-actions { display: flex; gap: var(--space-3); margin-top: var(--space-5); }
 .modal-actions .btn { flex: 1; justify-content: center; }
 
+/* Опасное действие (удаление) — отдельно слева, Отмена/Сохранить — группой
+   справа, без растягивания на всю ширину (см. EditConferenceModal). */
+.modal-actions.modal-actions--split { justify-content: space-between; }
+.modal-actions--split > .btn-danger { flex: none; }
+.modal-actions--split .modal-actions-group { display: flex; gap: var(--space-3); }
+.modal-actions--split .row-actions { display: flex; align-items: center; gap: var(--space-3); }
+
+/* Узкий экран: «Удалить» + «Отмена» + «Сохранить» в один ряд не помещаются
+   (в сумме шире содержимого модалки на телефоне) — переносим «Удалить» на
+   свою строку сверху. */
+@media (max-width: 480px) {
+  .modal-actions--split { flex-wrap: wrap; }
+  .modal-actions--split > .btn-danger { flex: 1 1 100%; }
+  .modal-actions--split .modal-actions-group { flex: 1 1 100%; }
+  .modal-actions--split .row-actions { flex-wrap: wrap; }
+}
+
 /* ---------- Поля форм в модалках (общие для всех диалогов оболочки) ---------- */
 .field { margin-bottom: var(--space-5); }
 .field:last-child { margin-bottom: 0; }