/* =============================================================================
   Art Studio — правки внешнего вида админ-панели.

   Подключается после библиотечных стилей SQLAdmin: смягчает типовые проблемы
   при русских подписях (длинные слова в кнопках, переносы в карточках,
   горизонтальная прокрутка в длинных таблицах).
   ========================================================================== */

/* Длинные русские подписи на кнопках не должны вылезать за карточку. */
.btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.btn-group > .btn {
  margin-left: 0;
}

/* Кнопки форм ввода: чуть просторнее, чтобы текст не упирался в края. */
.card-body .btn-group > .btn,
.card-body > form > .row .btn {
  white-space: nowrap;
}

/* Панель фильтров и поиска ужимается аккуратнее. */
.card-body .row {
  row-gap: 10px;
}

.card-body .form-group {
  margin-bottom: 0.9rem;
}

/* Заголовок карточки не должен упираться в кнопки действий. */
.card-header {
  gap: 10px;
  flex-wrap: wrap;
}

.card-header .card-title {
  margin-bottom: 0;
}

/* Таблица: длинные значения переносим, а не растягиваем страницу вбок. */
.table-responsive {
  -webkit-overflow-scrolling: touch;
}

.table td,
.table th {
  vertical-align: middle;
}

/* Ячейки со значениями в карточке записи (details) читаются лучше с переносом. */
.table td:last-child {
  white-space: normal;
  word-break: break-word;
}

/* Подвал списка: на узких экранах элементы не слипаются. */
.card-footer {
  flex-wrap: wrap;
  row-gap: 8px;
}

.card-footer p {
  white-space: nowrap;
}

/* Мобильная версия: боковое меню не перекрывает контент. */
@media (max-width: 767.98px) {
  .navbar-vertical .container-fluid {
    flex-wrap: wrap;
    gap: 8px;
  }

  .btn-group > .btn {
    flex: 1 1 auto;
  }
}