/* ============================================================
   Боковое меню GetCourse — палитра «Система роста» (Figma)
   ============================================================ */

/* ---------- Цвета (меняйте здесь) ---------- */
body {
  --sb-bg: #292929;          /* фон панели (тёмный из макета) */
  --sb-hover: #454E33;       /* пункт при наведении (тёмно-зелёный) */
  --sb-active: #5A722B;      /* активный пункт (светлый зелёный) */
  --sb-text: #F5F5F5;        /* иконки и подписи */
  --sb-line: rgba(245, 245, 245, 0.08); /* тонкие разделители */
  --sb-accent: #5A722B;      /* счётчик уведомлений */
  --icon-color: #F5F5F5;     /* иконка в обычном состоянии */
  --icon-active: #FFFFFF;    /* иконка при наведении и у активного пункта */
  --icon-size: 24px;         /* размер иконки */
}

/* ---------- Фон панели (десктоп и мобильная версия) ---------- */
.gc-account-leftbar,
.gc-account-leftbar .gc-account-user-menu,
.gc-account-leftbar .toggle-link,
.gc-account-leftbar.expanded .toggle-link,
.toggle-link.without-icon {
  background: var(--sb-bg) !important;
}
.gc-account-leftbar {
  border-right: none !important;
}

/* ---------- Пункты меню ---------- */
.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: 1px solid var(--sb-line) !important;
}
.gc-account-leftbar .gc-account-user-menu li a {
  background: transparent !important;
  color: var(--sb-text) !important;
  transition: background-color .25s ease;
}

/* Скрываем стандартные иконки GetCourse (кроме аватарки профиля) */
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) img.menu-item-icon {
  display: none !important;
}

/* Подписи под иконками */
.gc-account-leftbar .gc-account-user-menu .menu-item-label {
  color: var(--sb-text) !important;
}

/* ---------- Наведение ---------- */
.gc-account-leftbar .gc-account-user-menu li a:hover {
  background: var(--sb-hover) !important;
}

/* ---------- Активный пункт (зелёный светлее) ---------- */
.gc-account-leftbar .gc-account-user-menu li.active > a,
.gc-account-leftbar .gc-account-user-menu li.selected > a {
  background: var(--sb-active) !important;
}

/* ---------- Счётчик уведомлений ---------- */
.gc-account-leftbar .notify-count {
  background: var(--sb-accent) !important;
  color: #fff !important;
  z-index: 1 !important;
}

/* ---------- Выпадающее подменю (открывается справа от панели) ---------- */
.gc-account-user-submenu-bar {
  background: var(--sb-bg) !important;
  border-left: 1px solid var(--sb-line) !important;
}
.gc-account-user-submenu-bar h3 {
  color: var(--sb-text) !important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
  color: var(--sb-text) !important;
  opacity: .85;
  transition: background-color .25s ease, opacity .25s ease;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background: var(--sb-hover) !important;
  opacity: 1;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li.active a,
.gc-account-user-submenu-bar .gc-account-user-submenu li.selected a {
  background: var(--sb-active) !important;
  opacity: 1;
}

/* ============================================================
   Иконки из макета (встроены в код, загружать не нужно)
   ============================================================ */
body {
  --i-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 49'%3E%3Cpath d='M37.7892 9.67324L26.3946 1.29624C23.3986 -0.440164 19.6758 -0.443965 16.59 1.35684L5.375 9.61284C2.0586 11.5386 0 15.1108 0 18.937V40.3218C0 44.7828 3.6308 48.4136 8.0918 48.4136H13.8144C14.3672 48.4136 14.8144 47.9664 14.8144 47.4136V31.0542H28.2598V47.4136C28.2598 47.9664 28.707 48.4136 29.2598 48.4136H34.9824C39.4434 48.4136 43.0742 44.7828 43.0742 40.3218V18.937C43.0744 15.1108 41.0158 11.5386 37.7892 9.67324Z'/%3E%3C/svg%3E");
  --i-teach: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 45'%3E%3Cpath d='M46.7501 25.7908V36.5626C46.7459 37.1508 46.564 37.7233 46.2292 38.2016C45.8944 38.6799 45.4232 39.0407 44.8801 39.2344L28.3804 44.8594C27.808 45.0469 27.1927 45.0469 26.6204 44.8594L10.1206 39.2344C9.57757 39.0407 9.10637 38.6799 8.7716 38.2016C8.43684 37.7233 8.25488 37.1508 8.25067 36.5626V25.7908L24.0904 32.9907C25.1514 33.4864 26.3035 33.7453 27.4699 33.7501C28.6364 33.7549 29.7904 33.5057 30.8553 33.0188L46.7501 25.7908Z'/%3E%3Cpath d='M53.3665 11.4921L28.6169 0.24223C28.2654 0.08252 27.885 0 27.5004 0C27.1158 0 26.7354 0.08252 26.3839 0.24223L1.63426 11.4921C1.14787 11.713 0.734571 12.0734 0.444488 12.5296C0.154404 12.9859 0 13.5185 0 14.0627C0 14.607 0.154404 15.1396 0.444488 15.5958C0.734571 16.0521 1.14787 16.4125 1.63426 16.6333L26.3839 27.8833C26.7354 28.043 27.1158 28.1255 27.5004 28.1255C27.885 28.1255 28.2654 28.043 28.6169 27.8833L49.5001 18.3911V30.9376C49.5001 31.6835 49.7898 32.3989 50.3055 32.9263C50.8212 33.4538 51.5207 33.7501 52.25 33.7501C52.9794 33.7501 53.6788 33.4538 54.1946 32.9263C54.7103 32.3989 55 31.6835 55 30.9376V14.0627C55.0001 13.5186 54.8458 12.9861 54.5558 12.5298C54.2659 12.0735 53.8528 11.7131 53.3665 11.4921Z'/%3E%3C/svg%3E");
  --i-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 52'%3E%3Cpath d='M36.0483 4.97656V0H5.95172V4.97656H0V9.75C0 14.6706 3.16562 18.8643 7.56487 20.3989C8.91972 22.0982 11.0042 23.1901 13.3399 23.1901H16.2319V32.0598H12.9855V37.4766H8.65697V52H33.3429V37.4766H29.0145V32.0599H25.7681V23.1902H28.66C30.9957 23.1902 33.0802 22.0983 34.435 20.399C38.8344 18.8643 42 14.6706 42 9.75V4.97656H36.0483ZM3.04348 9.75V8.02344H5.95172V15.7937C5.95172 15.8725 5.95528 15.9506 5.95771 16.0289C4.17636 14.5187 3.04348 12.2644 3.04348 9.75ZM27.4928 43.2148V46.2617H14.5072V43.2148H27.4928ZM38.9565 9.75C38.9565 12.2643 37.8236 14.5187 36.0424 16.0288C36.0448 15.9505 36.0484 15.8724 36.0484 15.7936V8.02344H38.9565V9.75Z'/%3E%3C/svg%3E");
  --i-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 56'%3E%3Cpath d='M49.4247 4.18606C49.5175 3.52403 49.1061 2.85067 48.4724 2.63786L41.0415 0.0783298C40.2931 -0.179286 39.48 0.219395 39.2237 0.968372C38.967 1.71699 39.3644 2.53249 40.1118 2.7901L44.2767 4.22455L7.19744 22.3738C6.48776 22.7211 6.19336 23.5796 6.54019 24.2911C6.78817 24.8 7.29701 25.0958 7.82645 25.0958C8.03702 25.0958 8.25117 25.0489 8.45338 24.9499L45.5323 6.80078L44.1006 10.9752C43.8439 11.7238 44.2414 12.5393 44.9888 12.7969C45.1428 12.8497 45.2996 12.875 45.4536 12.875C46.0477 12.875 46.6026 12.5015 46.8066 11.9069L49.3607 4.45966C49.3834 4.36899 49.4135 4.27974 49.4247 4.18606Z'/%3E%3Cpath d='M18.5701 33.0767C18.5701 33.0552 18.5701 32.9764 18.4842 32.9262C18.4056 32.876 18.334 32.9047 18.3126 32.919L11.911 36.0514C11.8466 36.0801 11.8108 36.1446 11.8108 36.2163V50.2654H18.5701V33.0767Z'/%3E%3Cpath d='M33.3832 25.8299C33.3832 25.8084 33.3832 25.7296 33.2973 25.6794C33.2115 25.6221 33.1471 25.6579 33.1256 25.6651L26.7169 28.8046C26.6596 28.8333 26.6167 28.8978 26.6167 28.9623V50.2654H33.3831L33.3832 25.8299Z'/%3E%3Cpath d='M48.1892 18.5832C48.1892 18.5545 48.1892 18.4828 48.1033 18.4255C48.0246 18.3753 47.9531 18.4111 47.9317 18.4183L41.5301 21.5507C41.4657 21.5865 41.4299 21.651 41.4299 21.7155V50.2654H48.1892V18.5832Z'/%3E%3Cpath d='M58.6106 53.1326C40.2009 53.1327 19.7988 53.1325 1.38943 53.1326C-0.449301 53.1083 -0.476981 56.0292 1.38957 55.9998C13.67 55.9995 27.7318 56 39.9994 55.9998C44.6268 55.9987 53.9937 56.0006 58.6105 55.9998C60.4479 56.0289 60.4784 53.1081 58.6106 53.1326Z'/%3E%3C/svg%3E");
  --i-monitor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47 43'%3E%3Cpath d='M39.8478 0H7.15217C3.20887 0 0 3.25136 0 7.24687V29.4322C0 33.4277 3.20887 36.6791 7.15217 36.6791H39.8478C43.7911 36.6791 47 33.4277 47 29.4322V7.24687C47 3.25136 43.7911 0 39.8478 0Z'/%3E%3Cpath d='M33.2425 40.9295H13.7576C13.1927 40.9295 12.7358 41.3924 12.7358 41.9647C12.7358 42.537 13.1927 43 13.7576 43H33.2425C33.8073 43 34.2643 42.537 34.2643 41.9647C34.2643 41.3924 33.8071 40.9295 33.2425 40.9295Z'/%3E%3C/svg%3E");
  --i-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 47'%3E%3Cpath d='M51.705 11.0019C51.4313 10.6316 50.9975 10.42 50.5303 10.42H12.3832C12.2133 9.85181 11.7594 8.33538 11.5933 7.78946L10.2051 3.14752C9.64443 1.29604 7.89575 0 5.94017 0H1.33487C0.600691 0 0 0.588507 0 1.32249C0 2.04986 0.600691 2.64498 1.33487 2.64498H5.94017C6.72107 2.64498 7.42187 3.16075 7.64213 3.90134L9.02372 8.51683C9.80628 11.106 10.8652 14.6673 11.6451 17.2643L16.4978 33.4775C16.6847 34.0926 17.2587 34.5223 17.9061 34.5223H44.183C44.8304 34.5223 45.411 34.0925 45.5913 33.4775L51.9386 12.2847C52.072 11.8416 51.9853 11.3721 51.705 11.0019Z'/%3E%3Cpath d='M21.8774 40.6719C20.1153 40.6719 18.6803 42.0936 18.6803 43.8326C18.6803 45.5783 20.1153 47 21.8774 47C23.6327 47 25.0677 45.5783 25.0677 43.8326C25.0677 42.0936 23.6327 40.6719 21.8774 40.6719Z'/%3E%3Cpath d='M40.2184 40.6719C38.4564 40.6719 37.0214 42.0936 37.0214 43.8326C37.0214 45.5783 38.4564 47 40.2184 47C41.9805 47 43.4088 45.5783 43.4088 43.8326C43.4088 42.0936 41.9805 40.6719 40.2184 40.6719Z'/%3E%3C/svg%3E");
  --i-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 42'%3E%3Cpath fill-rule='evenodd' d='M11.8843 30.9441H32.4958C41.0586 30.9441 48.0001 24.017 48 15.472C48 6.92706 41.0585 0 32.4958 0H13.5646C6.07307 0 0 6.06045 0 13.5364V41.363C0 41.9294 0.686266 42.213 1.08759 41.8125L8.01637 32.8423C8.94099 31.6453 10.3698 30.9441 11.8843 30.9441ZM14.008 15.472C14.008 17.1054 12.6811 18.4296 11.0443 18.4296C9.40751 18.4296 8.08061 17.1054 8.08061 15.472C8.08061 13.8386 9.40751 12.5145 11.0443 12.5145C12.6811 12.5145 14.008 13.8386 14.008 15.472ZM24 18.4296C25.6368 18.4296 26.9637 17.1054 26.9637 15.472C26.9637 13.8386 25.6368 12.5145 24 12.5145C22.3632 12.5145 21.0363 13.8386 21.0363 15.472C21.0363 17.1054 22.3632 18.4296 24 18.4296ZM39.9194 15.472C39.9194 17.1054 38.5925 18.4296 36.9557 18.4296C35.3189 18.4296 33.992 17.1054 33.992 15.472C33.992 13.8386 35.3189 12.5145 36.9557 12.5145C38.5925 12.5145 39.9194 13.8386 39.9194 15.472Z'/%3E%3C/svg%3E");
  --i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M23 42C33.4934 42 42 33.4934 42 23C42 12.5066 33.4934 4 23 4C12.5066 4 4 12.5066 4 23C4 33.4934 12.5066 42 23 42Z'/%3E%3Cpath d='M42.6 43.9991C42.24 43.9991 41.88 43.8591 41.62 43.5991L37.9 39.8791C37.36 39.3391 37.36 38.4591 37.9 37.8991C38.44 37.3591 39.32 37.3591 39.88 37.8991L43.6 41.6191C44.14 42.1591 44.14 43.0391 43.6 43.5991C43.32 43.8591 42.96 43.9991 42.6 43.9991Z'/%3E%3C/svg%3E");
  --i-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M38.68 28.98L36.68 25.66C36.26 24.92 35.88 23.52 35.88 22.7V17.64C35.88 12.94 33.12 8.88 29.14 6.98C28.1 5.14 26.18 4 23.98 4C21.8 4 19.84 5.18 18.8 7.04C14.9 8.98 12.2 13 12.2 17.64V22.7C12.2 23.52 11.82 24.92 11.4 25.64L9.38001 28.98C8.58001 30.32 8.40001 31.8 8.90001 33.16C9.38001 34.5 10.52 35.54 12 36.04C15.88 37.36 19.96 38 24.04 38C28.12 38 32.2 37.36 36.08 36.06C37.48 35.6 38.56 34.54 39.08 33.16C39.6 31.78 39.46 30.26 38.68 28.98Z'/%3E%3Cpath d='M29.66 40.02C28.82 42.34 26.6 44 24 44C22.42 44 20.86 43.36 19.76 42.22C19.12 41.62 18.64 40.82 18.36 40C18.62 40.04 18.88 40.06 19.16 40.1C19.62 40.16 20.1 40.22 20.58 40.26C21.72 40.36 22.88 40.42 24.04 40.42C25.18 40.42 26.32 40.36 27.44 40.26C27.86 40.22 28.28 40.2 28.68 40.14C29 40.1 29.32 40.06 29.66 40.02Z'/%3E%3C/svg%3E");
}

/* Какая иконка у какого пункта.
   Доступно: home, teach, trophy, chart, monitor, cart, chat, search, bell */
.gc-account-leftbar li.menu-item-search                     { --menu-icon: var(--i-search); }  /* Поиск */
.gc-account-leftbar li.menu-item-notifications_button_small { --menu-icon: var(--i-bell); }    /* Уведомления */
.gc-account-leftbar li.menu-item-cms                        { --menu-icon: var(--i-home); }    /* Сайт */
.gc-account-leftbar li.menu-item-teach                      { --menu-icon: var(--i-teach); }   /* Обучение */
.gc-account-leftbar li.menu-item-user                       { --menu-icon: var(--i-trophy); }  /* Пользователи */
.gc-account-leftbar li.menu-item-tasks                      { --menu-icon: var(--i-chart); }   /* Задачи */
.gc-account-leftbar li.menu-item-notifications              { --menu-icon: var(--i-chat); }    /* Сообщения */
.gc-account-leftbar li.menu-item-sales                      { --menu-icon: var(--i-cart); }    /* Продажи */
.gc-account-leftbar li.menu-item-chatium                    { --menu-icon: var(--i-monitor); } /* Application */

/* Иконка над подписью */
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) > a {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) > a::after {
  content: "" !important;
  order: -1;
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: 0 auto 4px;
  padding: 0 !important;
  background-color: var(--icon-color);
  -webkit-mask: var(--menu-icon, linear-gradient(transparent, transparent)) center / contain no-repeat;
          mask: var(--menu-icon, linear-gradient(transparent, transparent)) center / contain no-repeat;
  filter: none !important;
  opacity: .85;
  transition: background-color .25s ease, opacity .25s ease;
}
.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) > a:hover::after,
.gc-account-leftbar .gc-account-user-menu li.active:not(.menu-item-profile) > a::after,
.gc-account-leftbar .gc-account-user-menu li.selected:not(.menu-item-profile) > a::after {
  background-color: var(--icon-active);
  opacity: 1;
}