/* =================================================================
   СТИЛИ ДЛЯ ОБРАЗОВАТЕЛЬНОЙ ПЛАТФОРМЫ  - страница Курсы и материалы
   Описание: Кастомизация интерфейса онлайн-обучения с брендинговыми цветами
   Основные цвета: #9A816B (коричневый), #826B59 (темно-коричневый hover), #FCA355 (оранжевый), #242220 (темный фон)
   
   ================================================================= */

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

/* Темный фон для всего header'а (шапки сайта) */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header {
  background-color: #7A9DDE !important;     /* светло-серый фон */
  border-bottom: 1px solid #E8EEF8 !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: ##7A9DDE !important;     /* Переопределяем белый фон */
}

/* Темный фон для основного контента страницы */
.ant-layout._content_layout_6sxhr_1 .ant-layout-content {
  background-color: #F8FAFC !important;     /* Темно-серый фон */
}

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

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

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

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

/* Темный фон для горизонтального меню */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal {
  background-color: #7A9DDE !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: #E5007E !important; /* Фуксия фон */
  color: #ffffff !important;            /* Белый цвет иконки */
 /* border: 2px solid #9A816B !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: #7A9DDE !important;     /* Голубой фон под цвет header'а */
  border: 2px solid #35558f !important; /* синяя рамка 2px */
  color: #35558f !important;            /* синий цвет иконки */
}

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

/* Стрелка выпадающего меню пользователя */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-dropdown-trigger .anticon-down {
  color: #ffffff !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: #F8FAFC !important;    /* Голубой Фон кнопки*/
  border: 2px solid #35558f !important; /* Синяя рамка */
  border-radius: 40px !important;       /* Округленные края */
  color: #35558f !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: 10px !important;       /* Сильно округленные края */
  height: 60px !important;              /* Увеличенная высота кнопки */
  background: #7A9DDE !important;       /* Голубой фон */
  border-color: #7A9DDE !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-primary.material-card-main-btn:hover {
  background: #5d85bd !important;       /* Темно-голубойфон при наведении */
  border-color: #5d85bd !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: 10px !important;       /* Округленные края */
  height: 60px !important;              /* Высота кнопки */
  background: #7A9DDE !important;       /* голубой фон */
  border-color: #7A9DDE !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: #5d85bd !important;       /* Темно-голубой при наведении */
  border-color: #5d85bd !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: 20px !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: 20px !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: #FFA500 !important;
}

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

/* Текст процентов прогресса - голубой цвет */
.ant-layout._content_layout_6sxhr_1 .material-card-progress .ant-progress-text {
  color: #7A9DDE !important;
}

/* Заголовок "Описание" в карточках библиотеки - голубой */
.ant-layout._content_layout_6sxhr_1 .material-card-content [data-testid="lib-desc"] .fw-600.secondary-text {
  color: #7A9DDE !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='%237A9DDE'/%3E%3Cpath d='M8.15991 12.48V11.52H16.3199V12.48H8.15991Z' fill='%237A9DDE'/%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: #7A9DDE !important;     /* Голубой фон */
  color: #ffffff !important;                /* Белый цвет текста по умолчанию */
}

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

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

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

/* Эффект наведения на пункты меню */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item:hover {
  background-color: rgba(154, 129, 107, 0.1) !important; /* Легкий коричневый оттенок при наведении */
  color: #35558f !important;                /* Синий цвет текста при наведении */
}

.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item:hover .ant-menu-title-content {
  color: #35558f !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: #FFA500 !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: 4px !important;                   /* 4px толщина */
  background-color: #FFA500 !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: #FFA500 !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: 2px solid #FFA500 !important; /* Оранжевая граница 2px */
}

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

/* Основной контейнер поля поиска - убираем ВСЕ границы */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper {
  border-radius: 10px !important;
  height: 39px !important;
  background: #E8EEF8 !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: #7A9DDE !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: #4A6C9B !important;   /* Голубой контрастный цвет */
}

/* Иконки внутри поля поиска */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .anticon {
  color: #5d85bd !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: #7A9DDE !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: rgba(255,165,0, 0.7) !important; /* Оранжевый оттенок как в основной теме */
}

/* Активный элемент в выпадающем списке (при наведении/навигации клавишами) */
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: rgba(255,165,0, 0.5) !important; /* Более светлый коричневый для активного */
}

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

/* Глобальный стиль для выпадающих списков (вне контекста страницы) */
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: rgba(122,157,222, 0.7) !important; /* Коричневый */
}

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

/* Стили для элементов списка */
.ant-layout._content_layout_6sxhr_1 .ant-select-item {
  color: #5d85bd !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: #4A6C9B !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(255,165,0, 0.7) !important;
  color: #ffffff !important;
}

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

.ant-layout._content_layout_6sxhr_1 .ant-select-dropdown .ant-select-item-option:hover {
  background-color: rgba(255,165,0, 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(122,157,222, 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(122,157,222, 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(122,157,222, 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(208,219,237, 0.1);
}