/* public/assets/login.css */

/* --- 1. Скрываем все иллюстрации внутри левого блока --- */
/* Левый блок определяется по классу kcESSu (он динамический, но он также находится внутри 
   Box с определенным стилем, который легко найти). 
   Проще всего скрыть все SVG, находящиеся внутри этого левого блока.
   Мы ищем *первый* <section> внутри общего контейнера, который содержит иллюстрации. 
*/

/* Селектор, нацеленный на *все* SVG внутри левого блока */
:root:has(form[action='/admin/login']) {
  .kcESSu svg {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* --- 2. Устанавливаем логотип как фон на левый блок --- */
  /* Нацеливаемся на сам контейнер .kcESSu */
  .hZzKCo {
    background-color: #ffffff !important;
    /* Ставим логотип */
    background-image: url('/assets/logo.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    /* Фон левой панели (по умолчанию он серый, делаем его белым для лого) */
    background-color: #ffffff !important;
  }

  /* --- (Опционально) Дополнительная чистка --- */
  .adminjs_Header {
    display: none !important;
  }
  .adminjs_Text:not(:has(button)):not(.adminjs_MessageBox *) {
    /* Скрываем весь контейнер */
    display: none !important;
  }

  .kwuISG {
    display: none !important;
  }

  .lgeiUU {
    display: none !important;
  }
}