@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

/* =========================================================
   ПАЛИТРА
   Тёмно-синий (кнопки, иконки, текст)  #112250
   Фон кабинета                         #F5F4F0
   Меню                                 #E6E3D9
   Активный пункт меню                  #D3D0C1
   Наведение на пункт меню              #DCD9CD (промежуточный)
   ========================================================= */


/* =========================================================
   ВНУТРИ КАБИНЕТА — фон
   ========================================================= */
body,
.gc-main-content {
  background: #F5F4F0;
}


/* =========================================================
   БОКОВАЯ ПАНЕЛЬ
   ========================================================= */

/* Фон панели */
.gc-account-leftbar,
.gc-account-leftbar.expanded,
.gc-account-leftbar .toggle-link,
.gc-account-leftbar .gc-account-user-menu,
.gc-page-nav-items-menu a.toggler-item {
  background: #E6E3D9;
}

.gc-account-leftbar {
  width: 80px;
}

/* Пункты меню */
.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: none;
  margin-left: 5px;
}

.gc-account-leftbar .gc-account-user-menu li a {
  position: relative;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 7px;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a {
  width: 70px;
  height: 70px;
}

/* Наведение */
.gc-account-leftbar .gc-account-user-menu li a:hover {
  background: #DCD9CD;
}

/* Активный пункт */
.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a {
  background: #D3D0C1;
}

/* Скрыть марафоны */
.gc-account-leftbar .gc-account-user-menu li.menu-item-marathon {
  display: none;
}


/* ---------- Фото профиля ---------- */
.gc-account-leftbar .gc-account-user-menu li:first-child {
  margin: 10px 0 10px 12px;
}

.gc-account-leftbar .gc-account-user-menu li:first-child a {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px solid #112250;
  overflow: hidden;
}


/* ---------- Иконки (псевдоэлемент) ---------- */
.gc-account-leftbar li:not(:first-child) a img,
.gc-account-leftbar .menu-item-label {
  display: none;
}

.gc-account-leftbar li:not(:first-child) a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Уведомления (колокольчик) — новой иконки нет:
   старая иконка перекрашена в тёмный и посажена в белый круг, как остальные */
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:before {
  width: 33px;
  height: 33px;
  z-index: 1;
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/680020/sc/485/h/6888aa4ea3582849e8b95d5725061342.svg);
  -webkit-filter: brightness(0);
          filter: brightness(0);
  opacity: .85;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  z-index: 2;
}

/* Поиск (если иконка не появилась — проверьте класс пункта в DevTools) */
.gc-account-leftbar .gc-account-user-menu li.menu-item-search a:before {
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/680020/sc/231/h/96bdd341f7329db8a332cc1b2bf14d62.svg);
}

/* Сайт */
.gc-account-leftbar .gc-account-user-menu li.menu-item-cms a:before {
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/680020/sc/93/h/72dc3b3a595a082c7a0c63b46663d556.svg);
}

/* Обучение */
.gc-account-leftbar .gc-account-user-menu li.menu-item-teach a:before {
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/680020/sc/172/h/37646c89f00c7958eb93a9be6fd27b63.svg);
}

/* Ученики (пользователи) */
.gc-account-leftbar .gc-account-user-menu li.menu-item-user a:before {
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/680020/sc/211/h/b9f6689ba9dc729b421ffea614195b54.svg);
}

/* CRM (задачи) */
.gc-account-leftbar .gc-account-user-menu li.menu-item-tasks a:before {
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/680020/sc/229/h/73e5a9e6874e8c23edcff955f3086c78.svg);
}

/* Сообщения */
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications a:before {
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/680020/sc/196/h/31a31e8c6a88d5746db743c71f8b6aa3.svg);
}

/* Покупки (продажи) */
.gc-account-leftbar .gc-account-user-menu li.menu-item-sales a:before {
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/680020/sc/150/h/34b9217513a995b97adeb4ca512f7d28.svg);
}

/* Приложение (Chatium / мобильное) */
.gc-account-leftbar .gc-account-user-menu li.menu-item-chatium a:before {
  background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/680020/sc/188/h/833b78506ba749ca71ebb9b0058fc0c2.svg);
}


/* ---------- Счётчик уведомлений ---------- */
.gc-account-leftbar .notify-count,
.gc-account-leftbar .notify-count.with-label,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 9px;
  line-height: 1;
  width: auto !important;
  min-width: 18px;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap;
  padding: 4px 5px;
  border-radius: 9px;
  text-align: center;
  color: #E5E3D9;
  background-color: #112250 !important;
  top: 4px;
  right: 0;
  left: auto;
  bottom: auto;
}

/* Чтобы ячейка пункта не обрезала счётчик */
.gc-account-leftbar .gc-account-user-menu li:not(:first-child) a {
  overflow: visible;
}

/* Ссылка «Помогите нам стать лучше…» в подменю */
.gc-account-user-submenu-bar a {
  color: #969281;
}

/* Счётчик внутри подменю */
.gc-account-leftbar a.subitem-link .notify-count {
  right: 10px !important;
  bottom: auto !important;
  top: auto;
  left: auto;
}


/* =========================================================
   ПОДМЕНЮ
   ========================================================= */
.gc-account-leftbar .gc-account-user-submenu-bar {
  background: #E6E3D9;
  margin-left: 10px;
  border-left: 1px solid #D3D0C1;
  -webkit-box-shadow: 6px 0 20px rgba(17, 34, 80, .08);
          box-shadow: 6px 0 20px rgba(17, 34, 80, .08);
}

/* Заголовок */
.gc-account-user-submenu-bar h3 {
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  color: #112250;
}

/* Подпункты */
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
  font-family: 'Manrope', sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  color: #112250;
  padding: 6px 10px 12px 20px;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li:hover a,
.gc-account-user-submenu-bar .gc-account-user-submenu li.active a {
  background: #D3D0C1;
  color: #112250;
}

/* Внутренние уведомления */
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #112250;
}


/* =========================================================
   БУРГЕР (мобильная версия)
   ========================================================= */
.gc-account-leftbar .toggle-link img {
  display: none;
}

.gc-account-leftbar a.toggle-link.without-icon:after {
  content: url("https://fs.getcourse.ru/fileservice/file/download/a/43714/sc/224/h/1dd07b7af60c847b1896b20aacc040a9.svg") !important;
  padding-left: 10px;
  -webkit-filter: brightness(0);
          filter: brightness(0);
  opacity: .85;
}


/* =========================================================
   СТРАНИЦА ВХОДА
   ========================================================= */

/* Фон страницы */
body:has(.xdget-loginUserForm),
body:has(.xdget-loginUserForm) .gc-main-content,
body:has(.xdget-loginUserForm) .lt-block {
  background: #112250;
}

/* Форма */
.xdget-loginUserForm {
  background: #E5E3D9;
  border-radius: 16px;
  padding: 32px;
  font-family: 'Manrope', sans-serif;
  color: #112250;
}

/* Поля */
.xdget-loginUserForm input.form-control,
.xdget-loginUserForm input[type="text"],
.xdget-loginUserForm input[type="email"],
.xdget-loginUserForm input[type="password"] {
  height: 48px;
  padding: 0 16px;
  font-family: 'Manrope', sans-serif;
  font-size: 15px;
  background: #FFFFFF;
  border: 1px solid #DFDDD4;
  border-radius: 10px;
  color: #969281;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.xdget-loginUserForm input::-webkit-input-placeholder { color: #969281; }
.xdget-loginUserForm input::-moz-placeholder          { color: #969281; }
.xdget-loginUserForm input::placeholder               { color: #969281; }

.xdget-loginUserForm input:focus {
  border-color: #112250;
  outline: none;
}

/* Кнопка */
.xdget-loginUserForm .btn,
.xdget-loginUserForm button[type="submit"] {
  height: 48px;
  padding: 0 24px;
  font-family: 'Manrope', sans-serif;
  font-weight: 600;
  font-size: 15px;
  background: #112250;
  border: none;
  border-radius: 10px;
  color: #E5E3D9;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.xdget-loginUserForm .btn:hover,
.xdget-loginUserForm .btn:focus,
.xdget-loginUserForm button[type="submit"]:hover {
  background: #112250;
  color: #E5E3D9;
  opacity: .9;
}

/* Ссылки «Забыли пароль», «Регистрация» */
.xdget-loginUserForm a {
  color: #112250;
}