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

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

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

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

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

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

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

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

/* Темный фон для горизонтального меню */
.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal {
  background-color: #e3eded !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: #0d70ae !important;                /* Белый цвет текста */
}

/* Светлый текст для таймера сессии */
.ant-layout._content_layout_6sxhr_1 .ant-statistic-content-value {
  color: #0d70ae !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: #4ca5ce !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: #c5dbc7 !important;     /* Темный фон под цвет header'а */
  border: 2px solid #4ca5ce !important; /* Коричневая рамка 2px */
  color: #4ca5ce !important;            /* Коричневый цвет иконки */
}

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

/* Стрелка выпадающего меню пользователя */
.ant-layout._content_layout_6sxhr_1 .ant-layout-header .ant-dropdown-trigger .anticon-down {
  color: #4ca5ce !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: #e3eded !important;    /* Фон кнопки*/
  border: 2px solid #4ca5ce !important; /* Коричневая рамка */
  border-radius: 40px !important;       /* Округленные края */
  color: #4ca5ce !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/vHpoDZd9nkecUoyS4gkyFA/images/9fpgBQqb70uBjDlWvA3b4g.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: #0d70ae !important;       /* Коричневый фон */
  border-color: #0d70ae !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: #459866 !important;       /* Темно-коричневый фон при наведении */
  border-color: #459866 !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: #0d70ae !important;       /* Коричневый фон */
  border-color: #0d70ae !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: #459866 !important;       /* Темно-коричневый при наведении */
  border-color: #4598669 !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/vHpoDZd9nkecUoyS4gkyFA/images/9fpgBQqb70uBjDlWvA3b4g.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: #fefefe !important;  /* Белый фон для контента */
  padding: 20px !important;              /* Внутренние отступы */
}

/* Убираем черную полосу и обеспечиваем правильное отображение карточек */
.ant-layout._content_layout_6sxhr_1 .shadow-sm.material-card {
  background-color: #fefefe !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: #fefefe !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: #fefefe !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: #459866 !important;
}

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

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

/* Заголовок "Описание" в карточках библиотеки - коричневый */
.ant-layout._content_layout_6sxhr_1 .material-card-content [data-testid="lib-desc"] .fw-600.secondary-text {
  color: #459866 !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='%459866'/%3E%3Cpath d='M12.816 8.01601L8.83204 12L12.816 15.984L12.144 16.656L7.48804 12L12.144 7.344L12.816 8.01601Z' fill='%459866'/%3E%3Cpath d='M8.15991 12.48V11.52H16.3199V12.48H8.15991Z' fill='%459866'/%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: #e3eded !important;     /* Темный фон */
  color: #0d70ae !important;                /* Белый цвет текста по умолчанию */
}

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

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

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

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

.ant-layout._content_layout_6sxhr_1 .ant-menu-horizontal .ant-menu-item:hover .ant-menu-title-content {
  color: #fefefe !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: 2px !important;                   /* высота */
  background-color: #459866 !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;                   /* 2px толщина */
  background-color: #459866 !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: #459866 !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 #459866 !important; /* Коричневая граница 2px */
}

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

/* Основной контейнер поля поиска - убираем ВСЕ границы */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper {
  border-radius: 10px !important;
  height: 39px !important;
  background: #c5dbc7 !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: rgba(13, 112, 174, 0.8) !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: rgba(13, 112, 174, 0.8) !important;   /* Более контрастный цвет */
}

/* Иконки внутри поля поиска */
.ant-layout._content_layout_6sxhr_1 .ant-input-group-wrapper .anticon {
  color: rgba(13, 112, 174, 0.8) !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(197, 219, 199, 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: rgba(69, 152, 102, 0.7) !important; /* Коричневый оттенок как в основной теме */
}

/* Активный элемент в выпадающем списке (при наведении/навигации клавишами) */
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: rgba(139, 188, 151, 0.5) !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: rgba(69, 152, 102, 0.7) !important; /* Коричневый */
}

/* Стили для самого выпадающего меню */
.ant-layout._content_layout_6sxhr_1 .ant-select-dropdown {
  border-radius: 8px !important;                         /* Округляем углы dropdown */
  border: 1px solid rgba(154, 129, 107, 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: #333333 !important;                             /* Темный текст для читаемости */
  padding: 8px 12px !important;                          /* Увеличиваем отступы */
}

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

/* Текст активного элемента */
.ant-layout._content_layout_6sxhr_1 .ant-select-item-option-active .ant-select-item-option-content {
  color: #459866 !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: #459866 !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: #459866 !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: #459866 !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: #459866 !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);
}