/* =================================================================
   СТИЛИ ДЛЯ ОБРАЗОВАТЕЛЬНОЙ ПЛАТФОРМЫ
Прозрачный: #FFFFFF00
Фиолетовый: #7f7ddd
Темный для текста: #3d3d3d
Оранжевый: #ff8763
   ================================================================= */

/* =================================================================
   0. ТЕМНАЯ ТЕМА - ФОНЫ ОСНОВНЫХ РАЗДЕЛОВ
   ================================================================= */

/* Темный фон для всего header'а (шапки сайта) */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header {
  background-color: #FFFFFF00 !important;     /* Прозрачный фон */
  border-bottom: 1px solid rgba(229, 229, 229, 0.5) !important; /* Белая нижняя граница для всего header'а */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important; /* Мягкая тень */
}

/* Убираем белый фон, который мог быть задан через класс */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header.bg-white {
  background-color: #FFFFFF00 !important;     /* Переопределяем белый фон */
}

/* Темный фон для основного контента страницы */
.ant-layout._content_layout_6sxhr_1 .ant-layout-content {
  background-image: url('https://con.xl.ru/QiaQd2NcBk2KMSyPqNPT8Q/images/GJF-ItGu6EygzDkBnT0FzQ.svg') !important;     /* Фоновая картинка с клетками */
}

/* Темный фон для контейнера с материалами */
.ant-layout._content_layout_6sxhr_1 .material-page {
  background-color: #FFFFFF00 !important;     /* Прозрачный фон */
}

/* Переопределяем прозрачный фон, если он задан inline стилями */
.ant-layout._content_layout_6sxhr_1 .material-page[style*="background-color: transparent"] {
  background-color: #FFFFFF00 !important;      /* Принудительно прозрачный фон */
}

/* Темный фон для левой колонки с контентом */
.ant-layout._content_layout_6sxhr_1 .material-page-container-l-col {
  background-color: #FFFFFF00 !important;     /* Прозрачный фон */
}

/* Светлый текст для заголовков на темном фоне */
.ant-layout._content_layout_6sxhr_1 .mb-20.fw-500.fs-30 {
  color: #3d3d3d !important;                /* Темный цвет текста заголовков */
}

/* Темный фон для горизонтального меню */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal {
  background-color: #FFFFFF00 !important;     /* Прозрачный фон для меню */
  border-bottom: none !important;           /* Убираем границу у меню, так как она теперь у header'а */
}

/* Дополнительные стили для обеспечения отображения границы везде */
.ant-layout._content_layout_6sxhr_1 .ant-menu.ant-menu-horizontal {
  border-bottom: none !important;           /* Убираем у меню */
}

.ant-layout._content_layout_6sxhr_1 .ant-menu-overflow.ant-menu.ant-menu-root.ant-menu-horizontal {
  border-bottom: none !important;           /* Убираем у меню */
}

/* Убираем возможные конфликтующие стили */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal.ant-menu-light {
  border-bottom: none !important;           /* Убираем у меню */
}

/* Для родительского контейнера меню если нужно */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-menu-horizontal {
  border-bottom: none !important;           /* Убираем у меню */
}

/* Светлый текст для информации о пользователе в header */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .fw-500,
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-space-item {
  color: #ffffff !important;                /* Белый цвет текста */
}

/* Светлый текст для таймера сессии */
.ant-layout._content_layout_6sxhr_1 .ant-statistic-content-value {
  color: #ffffff !important;                /* Белый цвет для значений */
}

/* =================================================================
   1. СТИЛИЗАЦИЯ ИКОНОК В ШАПКЕ САЙТА
   ================================================================= */

/* Стилизация первой иконки в хедере (чат/сообщения) - делаем оранжевой */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .flex.align-center.h-100.c-pointer.no-select.p-10.hoverable:first-of-type .ant-btn-circle.bg-gray-3 {
  background-color: #fff !important; /* Белый фон */
  color: #7f7ddd !important;            /* Фиолетовый цвет иконки */
border: 2px solid #7f7ddd !important; /* Фиолетовая рамка 2px */ 

}

/* Стилизация второй иконки в хедере (уведомления) - делаем с коричневой рамкой */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .flex.align-center.h-100.c-pointer.no-select.p-10.hoverable:nth-of-type(2) .ant-btn-circle.bg-gray-3 {
  background-color: #fff !important;     /* Светлый фон*/
  border: 2px solid #7f7ddd !important; /* Фиолетовая рамка 2px */
  color: #7f7ddd !important;            /* Фиолетовый цвет иконки */
}

/* Стилизация аватара пользователя - светлый текст на темном фоне */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-dropdown-trigger .fs-12 {
  color: #3d3d3d !important;            /* Темный цвет имени пользователя */
}

/* Стрелка выпадающего меню пользователя */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-dropdown-trigger .anticon-down {
  color: #3d3d3d !important;            /* Темный цвет стрелки */
}

/* =================================================================
   2. СТИЛИЗАЦИЯ КНОПКИ С БАЛЛАМИ В ШАПКЕ
   ================================================================= */

/* Кнопка отображения баллов пользователя в хедере */
.ant-layout._content_layout_6sxhr_1 .ant-btn-primary.flex.flex-center.bg-blue-1.border-blue-2.h-fit.br-xxs.color-gray-8.p-8.flex.gap-5.fw-500 {
  background-color: #FFFFFF00 !important;    /* Фон кнопки прозрачный*/
  border: 2px solid #7f7ddd !important; /* Фиолетовая рамка */
  border-radius: 10px !important;       /* Округленные края */
  color: #3d3d3d !important;            /* Темный цвет текста */
}

/* =================================================================
   3. СТИЛИЗАЦИЯ КНОПОК "ПРОДОЛЖИТЬ" НА КАРТОЧКАХ КУРСОВ
   ================================================================= */

/* Скрываем стандартную стрелку справа в кнопках курсов */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn .anticon-caret-right {
  display: none !important;
}

/* Подготовка контейнера для кастомной иконки */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn span:first-of-type {
  position: relative;        /* Относительное позиционирование для псевдоэлемента */
  display: inline-flex;      /* Флекс для выравнивания */
  align-items: center;       /* Вертикальное выравнивание */
}

/* Добавляем кастомную SVG иконку стрелки вправо */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn span:first-of-type::after {
  content: '';               /* Пустой контент для псевдоэлемента */
  /* SVG иконка стрелки в круге - коричневая стрелка на белом фоне */
  background-image: url("https://con.xl.ru/lLDQDOKQ20C-M-7k4pEIvQ/images/w_qwD4uiRk6MEFfkkpcRfQ.svg");
  display: inline-block;     /* Блочное отображение */
  width: 20px; /* Ширина псевдоэлемента */
  height: 15px; /* Высота псевдоэлемента */
  background-size: 20px 15px; /* подберите нужный размер */
  background-repeat: no-repeat;
   background-position: center;
  margin-left: 12px;        /* Отступ слева от текста */
  vertical-align: middle;    /* Вертикальное выравнивание */
}

/* Основные стили для кнопок "Продолжить" на карточках курсов */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn {
  border-radius: 6px !important;       /* Сильно округленные края */
  height: 40px !important;              /* Увеличенная высота кнопки */
  background: linear-gradient(270deg, rgb(204, 203, 255), rgb(127, 125, 221)) !important;       /* Фиолетовый фон-градиент */
  border-color: #7f7ddd !important;     /* Фиолетовые границы */
  display: flex;                        /* Флекс-контейнер */
  align-items: center;                  /* Вертикальное выравнивание */
  justify-content: center;              /* Горизонтальное выравнивание */
  padding: 0 20px !important;          /* Внутренние отступы */
  margin-top: 20px;                     /* Отступ сверху */
  margin-bottom: 10px;                  /* Отступ снизу */
  transition: all 0.3s ease !important; /* Плавная анимация изменений */
}

/* Эффект при наведении на кнопку - меняем цвет на оранжевый */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn:hover {
  background: linear-gradient(270deg, rgb(255, 206, 191), rgb(255, 135, 99)) !important;       /* Оранжевый фон-градиент при наведении */
  border-color: #ff8763 !important;     /* Оранжевая рамка при наведении */
  /* color: #fff !important; */
}

/* Стили для неактивных/заблокированных кнопок */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn[disabled],
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn:disabled {
  color: #fff !important;               /* Белый цвет текста */
  opacity: 0.7 !important;              /* Полупрозрачность */
}

/* Скрываем иконку у неактивных кнопок */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn[disabled] span:first-of-type::after,
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-primary.material-card-main-btn:disabled span:first-of-type::after {
  display: none !important;
}

/* =================================================================
   4. СТИЛИЗАЦИЯ КНОПОК КАРТОЧЕК (АЛЬТЕРНАТИВНЫЙ СТИЛЬ)
   ================================================================= */

/* Стили для кнопок с классом material-card-main-green-btn */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-default.material-card-main-green-btn {
  border-radius: 6px !important;       /* Округленные края */
  height: 40px !important;              /* Высота кнопки */
  background: linear-gradient(270deg, rgb(255, 206, 191), rgb(255, 135, 99)) !important;       /* Оранжевый фон-градиент */
  border-color: #ff8763 !important;     /* Оранжевая рамка */
  color: #fff !important;               /* Белый цвет текста */
  display: flex;                        /* Флекс-контейнер */
  align-items: center;                  /* Вертикальное выравнивание */
  justify-content: center;              /* Горизонтальное выравнивание */
  padding: 0 20px !important;          /* Внутренние отступы */
  margin-top: 20px;                     /* Отступ сверху */
  margin-bottom: 15px;                  /* Отступ снизу */
  transition: all 0.3s ease !important; /* Плавная анимация */
}

/* Эффект наведения для коричневых кнопок */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-default.material-card-main-green-btn:hover {
  background: linear-gradient(270deg, rgb(204, 203, 255), rgb(127, 125, 221)) !important;       /* Фиолетовый градиент при наведении */
  border-color: 7f7ddd !important;     /* Фиолетовая рамка при наведении */
 /* color: #fff !important; */             /* Белый текст */
}

/* Неактивные кнопки */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-default.material-card-main-green-btn[disabled],
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-default.material-card-main-green-btn:disabled {
  color: #fff !important;               /* Белый текст */
  opacity: 0.7 !important;              /* Полупрозрачность */
}

/* Добавляем ту же иконку стрелки для кнопок */
.ant-layout._content_layout_6sxhr_1 .material-card-btns .ant-btn-default.material-card-main-green-btn span::after {
  content: '';
  background-image: url("https://con.xl.ru/lLDQDOKQ20C-M-7k4pEIvQ/images/w_qwD4uiRk6MEFfkkpcRfQ.svg");
  display: inline-block;
  width: 20px; /* Ширина псевдоэлемента */
  height: 15px; /* Высота псевдоэлемента */
  background-size: 20px 15px; /* подберите нужный размер */
  background-repeat: no-repeat;
   background-position: center;
  margin-left: 12px;
  vertical-align: middle;
}

/* =================================================================
   5. СТИЛИЗАЦИЯ КАРТОЧЕК КУРСОВ И БИБЛИОТЕК
   ================================================================= */

/* Основные стили для карточек курсов */
.ant-layout._content_layout_6sxhr_1 .shadow-sm.material-card {
  border-radius: 10px !important;                              /* Округленные углы */
  border: 1px solid rgba(0, 0, 0, 0.2) !important;        /* Рамка */                             
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important; /* Мягкая тень */
  overflow: hidden;                                             /* Скрываем выходящий контент */
}

/* Белый фон для контентной части карточки курса */
.ant-layout._content_layout_6sxhr_1 .shadow-sm.material-card .material-card-content {
  background-color: #FFFFFF !important;  /* Белый фон для контента */
  padding: 20px !important;              /* Внутренние отступы */
}

/* Убираем черную полосу и обеспечиваем правильное отображение карточек */
.ant-layout._content_layout_6sxhr_1 .shadow-sm.material-card {
  background-color: #FFFFFF !important;  /* Белый фон всей карточки */
  
}

/* Специальный стиль для карточек с градиентом-плейсхолдером */
.ant-layout._content_layout_6sxhr_1 .material-card .material-card-image ._gradient_placeholder_18l4s_1 {
  border-bottom: none !important;        /* Убираем нижнюю границу градиента */
}

/* Убираем возможные артефакты от плейсхолдера */
.ant-layout._content_layout_6sxhr_1 ._gradient_placeholder_18l4s_1.material-card-image-placeholder {
  border-radius: 0 !important;           /* Убираем радиус у плейсхолдера */
  margin-bottom: 0 !important;           /* Убираем отступы */
  border: none !important;               /* Убираем границы */
}

/* Изображения в карточках курсов */
.ant-layout._content_layout_6sxhr_1 .shadow-sm.material-card .material-card-image {
  border-top-left-radius: 20px !important;   /* Округление верхнего левого угла */
  border-top-right-radius: 20px !important;  /* Округление верхнего правого угла */
}

/* Стили для карточек папок курсов */
.ant-layout._content_layout_6sxhr_1 .material-card[data-testid="course-folder-card"] {
  border-radius: 10px !important;                              /* Округленные углы */
  box-shadow: 0 4px 20px 0 rgba(128, 128, 128, 0.15) !important; /* Тень */
  overflow: hidden;                                             /* Скрытие переполнения */
}

/* Белый фон для контентной части карточки папки курса */
.ant-layout._content_layout_6sxhr_1 .material-card[data-testid="course-folder-card"] .material-card-content {
  background-color: #FFFFFF !important;  /* Белый фон для контента */
  padding: 20px !important;              /* Внутренние отступы */
}

/* Изображения в карточках папок */
.ant-layout._content_layout_6sxhr_1 .material-card[data-testid="course-folder-card"] .material-card-image {
  border-top-left-radius: 20px !important;   /* Округление верхнего левого угла */
  border-top-right-radius: 20px !important;  /* Округление верхнего правого угла */
}

/* Белый фон для карточек библиотеки */
.ant-layout._content_layout_6sxhr_1 .material-card[data-testid="lib-card"] .material-card-content {
  background-color: #FFFFFF !important;  /* Белый фон для контента библиотеки */
  padding: 20px !important;              /* Внутренние отступы */
}

/* =================================================================
   6. СТИЛИЗАЦИЯ ПРОГРЕСС-БАРОВ И ТЕКСТА НА КАРТОЧКАХ
   ================================================================= */

/* Цвет заполнения прогресс-бара - фиолетовый */
.ant-layout._content_layout_6sxhr_1 .material-card-progress .ant-progress-bg, 
.ant-layout._content_layout_6sxhr_1 .material-card-progress .ant-progress-success-bg {
  background-color: #7f7ddd !important;
}

/* Название текущего урока - темный цвет */
.ant-layout._content_layout_6sxhr_1 .material-card-progress-current-name span {
  color: #3d3d3d !important;
}

/* Текст процентов прогресса - темный цвет */
.ant-layout._content_layout_6sxhr_1 .material-card-progress .ant-progress-text {
  color: #3d3d3d !important;
}

/* Заголовок "Описание" в карточках библиотеки - темный */
.ant-layout._content_layout_6sxhr_1 .material-card-content [data-testid="lib-desc"] .fw-600.secondary-text {
  color: #3d3d3d !important;
}

/* =================================================================
   7. СТИЛИЗАЦИЯ ХЛЕБНЫХ КРОШЕК
   ================================================================= */

/* Скрываем стандартную SVG иконку домика */
.ant-layout._content_layout_6sxhr_1 .ant-breadcrumb-link .anticon-home svg {
  display: none !important;
}

/* Заменяем иконку домика на кастомную стрелку назад */
.ant-layout._content_layout_6sxhr_1 .ant-breadcrumb-link .anticon-home {
  /* SVG иконка стрелки назад  */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.1601 11.9999C20.1601 16.5119 16.5121 20.1599 12.0001 20.1599C7.48809 20.1599 3.84009 16.5119 3.84009 11.9999C3.84009 7.48791 7.48809 3.83991 12.0001 3.83991C16.5121 3.83991 20.1601 7.48791 20.1601 11.9999ZM4.80009 11.9999C4.80009 15.9839 8.01609 19.1999 12.0001 19.1999C15.9841 19.1999 19.2001 15.9839 19.2001 11.9999C19.2001 8.01591 15.9841 4.79991 12.0001 4.79991C8.01609 4.79991 4.80009 8.01591 4.80009 11.9999Z' fill='%239A816B'/%3E%3Cpath d='M12.816 8.01601L8.83204 12L12.816 15.984L12.144 16.656L7.48804 12L12.144 7.344L12.816 8.01601Z' fill='%239A816B'/%3E%3Cpath d='M8.15991 12.48V11.52H16.3199V12.48H8.15991Z' fill='%239A816B'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;   /* Не повторять фон */
  background-position: center !important;    /* Центрирование */
  background-size: 34px 34px !important;     /* Размер иконки */
  display: inline-block !important;          /* Блочное отображение */
  width: 34px !important;                    /* Ширина */
  height: 34px !important;                   /* Высота */
  vertical-align: middle !important;         /* Вертикальное выравнивание */
}

/* =================================================================
   8. СТИЛИЗАЦИЯ ГОРИЗОНТАЛЬНОГО МЕНЮ 
   ================================================================= */

/* Базовые цвета для элементов меню */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item {
  background-color: #FFFFFF00 !important;     /* Прозрачный фон */
  color: #ff8763 !important;                /* Оранжевый цвет текста по умолчанию */
}

/* Светлый текст для элементов навигации */
.ant-layout._content_layout_6sxhr_1 .ant-menu-title-content {
  color: #ff8763 !important;                /* Оранжевый цвет для пунктов меню */
}

/* Выбранный/активный элемент меню */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item-selected {
  background-color: #ff8763 !important;     /* Оранжевый фон */
  color: #fff !important;                /* Темный цвет для активного пункта */
}

.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item-selected .ant-menu-title-content {
  color: #fff !important;                /* Темный цвет для активного заголовка */
}

/* Эффект наведения на пункты меню */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item:hover {
  background-color: linear-gradient(270deg, rgb(255, 206, 191), rgb(255, 135, 99)) !important; /* Оранжевый градиент при наведении */
  color: #3d3d3d !important;                /* Темный цвет текста при наведении */
}

.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item:hover .ant-menu-title-content {
  color: #3d3d3d !important;                /* Темный цвет заголовка при наведении */
}

/* Нижняя граница для активных элементов меню */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item-selected::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;                   /* высота */
  background-color: #7f7ddd !important;     /* Фиолетовая нижняя граница */
}

.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item:hover::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;                   /* 4px толщина */
  background-color: #7f7ddd !important;     /*  Фиолетовая нижняя граница */
}

/* Убираем стандартные стили */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover {
  color: #7f7ddd !important;               /* Фиолетовый цвет */
  border-bottom: none !important;          /* Убираем стандартную границу */
}

.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after {
  border-bottom: 4px solid #7f7ddd !important; /* Фиолетовая граница 4px */
}

/* =================================================================
   9. СТИЛИЗАЦИЯ ПОЛЯ ПОИСКА
   ================================================================= */

/* Основной контейнер поля поиска - убираем ВСЕ границы */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper {
  border-radius: 10px !important;
  height: 39px !important;
  background: #ffffff !important;            /* Единый белый фон */
  border: none !important;                   /* Полностью убираем внешнюю границу */
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Обертка для инпута */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-wrapper {
  height: 100% !important;
  background: transparent !important;        /* Прозрачный фон */
  border: none !important;
}

/* Контейнер с префиксом и суффиксом */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-affix-wrapper {
  height: 100% !important;
  background: transparent !important;        /* Прозрачный фон */
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Само поле ввода */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input {
  background: transparent !important;        /* Прозрачный фон */
  height: 100% !important;
  border: none !important;
  color: #3d3d3d !important;   /* Темный текст текст */
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Дополнительный элемент группы (dropdown) - БЕЗ разделителя */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-group-addon {
  height: 100% !important;
  background: transparent !important;        /* Прозрачный фон */
  border: none !important;                   /* Никаких границ */
  border-radius: 0 !important;
}

/* Выпадающий список */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select {
  height: 100% !important;
  background: transparent !important;        /* Прозрачный фон */
  border: none !important;
}

/* Селектор выпадающего списка */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-selector {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;        /* Прозрачный фон */
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Текст и элементы внутри селекта */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-selection-item,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-selection-search,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-arrow {
  color: #3d3d3d !important;   /* Темный цвет */
}

/* Иконки внутри поля поиска */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .anticon {
  color: #ff8763 !important;   /* Оранжевый цвет */
}

/* Префикс поля ввода */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-prefix {
  background: transparent !important;        /* Прозрачный фон */
}

/* Плейсхолдер поля ввода */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input::placeholder {
  color: rgba(39, 2, 54, 0.6) !important;   /* Полупрозрачный цвет плейсхолдера */
}

/* КРИТИЧЕСКИ ВАЖНО: Убираем ВСЕ границы у всех элементов */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper *,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper *::before,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper *::after {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Убираем фокусные эффекты */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-affix-wrapper:focus,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-affix-wrapper-focused,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input:focus,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-focused .ant-select-selector,
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-select-open .ant-select-selector {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Выбранный элемент в выпадающем списке */
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #7f7ddd !important; /* Фиолетовый оттенок как в основной теме */
}

/* Активный элемент в выпадающем списке (при наведении/навигации клавишами) */
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #ff8763 !important; /* Оранжевый */
}

/* Элемент при наведении мышью */
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option:hover:not(.ant-select-item-option-disabled) {
  background-color: rgba(154, 129, 107, 0.3) !important; /* Еще более светлый для hover */
}

/* Глобальный стиль для выпадающих списков (вне контекста страницы) */
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #ff8763 !important; /* Оранжевый */
}

/* Стили для самого выпадающего меню */
.ant-layout._content_layout_6sxhr_1 .ant-select-dropdown {
  border-radius: 8px !important;                         /* Округляем углы dropdown */
  border: 1px solid #ff8763 !important; /* Оранжевая рамка */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; /* Мягкая тень */
}

/* Стили для элементов списка */
.ant-layout._content_layout_6sxhr_1 .ant-select-item {
  color: #3d3d3d !important;                             /* Темный текст для читаемости */
  padding: 8px 12px !important;                          /* Увеличиваем отступы */
}

/* Текст выбранного элемента */
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option-selected .ant-select-item-option-content {
  color: #ffffff !important;                             /* Белый текст для выбранного */
  font-weight: 500 !important;                           /* Полужирный шрифт */
}

/* Текст активного элемента */
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option-active .ant-select-item-option-content {
  color: #ff8763 !important;                             /* Оранжевый текст для активного */
  font-weight: 500 !important;
}

/* Дополнительная защита от Ant Design стилей */
.ant-layout._content_layout_6sxhr_1 .ant-input-group {
  border: none !important;
}

.ant-layout._content_layout_6sxhr_1 .ant-input-group-addon {
  border: none !important;
  background: transparent !important;
}

/* Дополнительные стили для выпадающего списка поиска */
.ant-layout._content_layout_6sxhr_1 .ant-select-dropdown .ant-select-item-option-selected {
  background-color: rgba(154, 129, 107, 0.7) !important;
  color: #ffffff !important;
}

.ant-layout._content_layout_6sxhr_1 .ant-select-dropdown .ant-select-item-option-active {
  background-color: rgba(154, 129, 107, 0.5) !important;
  color: #9A816B !important;
}

.ant-layout._content_layout_6sxhr_1 .ant-select-dropdown .ant-select-item-option:hover {
  background-color: rgba(154, 129, 107, 0.3) !important;
  color: #9A816B !important;
}

/* Глобальный селектор */
.ant-select-dropdown[data-placement="bottomLeft"] .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
.ant-select-dropdown[data-placement="bottomRight"] .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: rgba(154, 129, 107, 0.7) !important;
  color: #ffffff !important;
}

.ant-select-dropdown[data-placement="bottomLeft"] .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.ant-select-dropdown[data-placement="bottomRight"] .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: rgba(154, 129, 107, 0.5) !important;
  color: #9A816B !important;
}

.ant-select-dropdown[data-placement="bottomLeft"] .ant-select-item-option:hover:not(.ant-select-item-option-disabled),
.ant-select-dropdown[data-placement="bottomRight"] .ant-select-item-option:hover:not(.ant-select-item-option-disabled) {
  background-color: rgba(154, 129, 107, 0.3) !important;
  color: #9A816B !important;
}

/* Если нужен едва заметный разделитель */

.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .ant-input-group-addon::before {
  content: '';
  position: absolute;
  left: 0;
  top: 25%;
  bottom: 25%;
  width: 1px;
  background: rgba(39, 2, 54, 0.1);
}