/* Кастомизация админки unfold под привычный стиль django-jet.
   Подключается через UNFOLD["STYLES"] (см. config/settings.py).
   !important нигде не нужен: селекторы с id/предком перебивают Tailwind-классы
   unfold по специфичности (а его утилиты ещё и лежат в @layer). */

/* --- Сайдбар (тёмный) + контент (светлый) --------------------------------
   Светлый текст/иконки в тёмном сайдбаре включаются классом `dark` на
   #nav-sidebar (шаблон templates/admin/nav_sidebar.html): unfold компилирует
   dark:-варианты как :where(.dark, .dark *), поэтому они работают для поддерева.
   Здесь — только точные цвета фонов. */
#nav-sidebar {
  background-color: #364051;
}

#nav-sidebar-inner {
  background-color: transparent;
}

/* Светлый контент справа — только в светлой теме, чтобы не ломать тёмную */
html:not(.dark) #main {
  background-color: #ecf2f6;
}

/* --- Список (changelist). #result_list — id из разметки unfold, не kebab-case --- */
/* stylelint-disable selector-id-pattern */

/* Цвет кликабельных ссылок в строках (как в django-jet) */
#result_list tbody a {
  color: #47bac1;
}

#result_list tbody a:hover {
  color: #3a9aa0;
}

/* На мобильных — обычная таблица с горизонтальным скроллом вместо «карточек»
   unfold (lg = 1024px). */
@media (width < 1024px) {
  #result_list {
    display: table;
    width: auto;
    min-width: 60rem; /* шире экрана -> горизонтальная прокрутка */
  }

  #result_list thead {
    display: table-header-group;
  }

  #result_list tbody {
    display: table-row-group;
  }

  #result_list tr {
    display: table-row;
  }

  /* ячейки: из flex обратно в table-cell, прячем подписи-псевдоэлементы.
     th покрывает и заголовки колонок (на мобильных они были hidden). */
  #result_list td,
  #result_list th {
    display: table-cell;
  }

  #result_list td::before {
    display: none;
  }

  /* строки не должны выглядеть карточками */
  #result_list tr.data-row {
    margin: 0;
    border: 0;
    border-radius: 0;
  }
}
/* stylelint-enable selector-id-pattern */