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

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

/* Переменные с иконками */
:root{
  --iSite: url("https://fs.getcourse.ru/fileservice/file/download/a/903971/sc/141/h/03efb86c04294967e55a0cf8b1f201f0.svg");
  --iStudy: url("https://fs.getcourse.ru/fileservice/file/download/a/903971/sc/199/h/76ff6df5acd8348134a070224c56e6ed.svg");
  --iUsers: url("https://fs.getcourse.ru/fileservice/file/download/a/903971/sc/219/h/2b01e78c40a0b3203b2cda98cc93ee61.svg");
  --iTasks: url("https://fs.getcourse.ru/fileservice/file/download/a/903971/sc/188/h/48456f17a30a7c0f2ad417d8e1473eea.svg");
  --iMessages: url("https://fs.getcourse.ru/fileservice/file/download/a/903971/sc/48/h/9c5be386070ac7e024166f5f6700174c.svg");
  --iSales: url("https://fs.getcourse.ru/fileservice/file/download/a/903971/sc/116/h/bf44412b640142c4a1431f8abd3c34d3.svg");
  --iChatium: url("https://fs.getcourse.ru/fileservice/file/download/a/903971/sc/55/h/77d1468594e7056f152ff0f80aa1d316.svg");
}

/* Общий фон левой панели */
.custom-menu .gc-account-leftbar{
    background: linear-gradient(128.49deg, #E1B793 27.85%, #C79984 107.7%) !important; 
    background-size:cover;
}

/* Прозрачные фоны у служебных элементов */
.custom-menu .gc-account-leftbar .gc-account-user-menu,
.custom-menu .gc-account-leftbar .toggle-link,
.custom-menu .gc-account-leftbar .gc-account-user-menu li a,
.custom-menu .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover{
  background-color:transparent !important;
}

.gc-account-leftbar .gc-account-user-menu li a {
    width: 72px;
    height: 62px;
}

.notification-group.notification-click-area.notification-status-viewed{ opacity:.5 !important; }

.menu-item-profile{ position:relative; }
.menu-item-profile .menu-item-icon{ position:relative; top:10px; width:50px; border:3px solid #fff; border-radius:100px; }

/* Строки меню */
.gc-account-leftbar .gc-account-user-menu li{ overflow:hidden; border-bottom:none; }
.gc-account-leftbar .gc-account-user-menu li a{
  position:relative;
  display:block;
  margin:2px 0;
  background:transparent;
  transition:all .15s !important;
}

/* Аватар/профиль */
.menu-item-profile.active a,
.menu-item-profile.selected a,
.menu-item-profile a:hover{ border-radius:100px !important; border:none !important; }

/* выключаем старую заливку/бордеры и смещения */
.gc-account-leftbar .gc-account-user-menu li a:hover,
.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a{
  background:transparent !important;
  border-left:none !important;
  margin:2px 0 !important;
  outline:none;
  box-sizing:border-box;
}

/* подложка-пузырёк */
.gc-account-leftbar .gc-account-user-menu li a::before{
  content:"";
  position:absolute;
  left:5px; top:5px;
  width:58px; height:58px;
  background:#BF9170;
  border-radius:10px;
  opacity:0;
  transition:opacity .18s ease;
  z-index:1;
}
.gc-account-leftbar .gc-account-user-menu li a:hover::before,
.gc-account-leftbar .gc-account-user-menu li.active a::before,
.gc-account-leftbar .gc-account-user-menu li.selected a::before{ opacity:1; }

/* иконка всегда поверх “bubble” */
.gc-account-leftbar .gc-account-user-menu li a::after{ position:relative; z-index:2; }

/* Подпанель */
.gc-account-leftbar .gc-account-user-submenu-bar{ background:#FFFFFF !important; box-shadow:10px 0 20px rgba(44,89,116,.2); }
.gc-account-user-submenu-bar h3{
  font-family:'Montserrat'; font-weight:700; font-size:22px; line-height:27px; color:#292929 !important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li{ position:realtive; list-style:none; margin:0; padding:0; }
.gc-account-user-submenu-bar .gc-account-user-submenu li::before{
  content:""; position:absolute; top:0; left:0; height:100%; width:0%;
  background:linear-gradient(128.49deg, #E1B793 27.85%, #C79984 107.7%); transition:all .3s;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li:hover::before{ width:100%; }
.gc-account-user-submenu-bar .gc-account-user-submenu li a{
  display:block; margin-left:20px; padding:8px 8px 8px 0; position:relative !important; z-index:9999;
  font-family:'Montserrat'; font-weight:400 !important; font-size:17px; line-height:22px; color:#000 !important;
  transition:all .3s; text-transform: math-auto;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover{
  z-index:1; padding-left:5px; font-weight:600 !important; color:#fff !important; background:transparent;
}
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-accountSettings a,
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a{ border:none; }

/* Кнопка сворачивания */
.gc-account-leftbar a.toggle-link::before{
  content:""; position:absolute !important; top:5px; left:5px; width:35px !important; height:35px !important;
  background-image:url('https://img.icons8.com/ios-filled/35/ffffff/xbox-menu.png') !important;
  background-size:cover !important;
}

/* Бейджи уведомлений */
.menu-item-notifications_button_small .notify-count{ bottom:12px !important; }
li.menu-item.menu-item-notifications_button_small a::after{ top:9px !important; }
.gc-account-user-submenu-bar .gc-account-user-submenu a .notify-count{ bottom:6px !important; right:5px !important; }
.gc-account-leftbar .notify-count{ z-index:9998; top:inherit !important; }

/* Прячем стандартные img-иконки — используем :after */
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-notifications img.menu-item-icon,
.menu-item-sales img.menu-item-icon,
.menu-item-chatium img.menu-item-icon{ display:none !important; }

/* Общие переходы для пунктов */
li.menu-item.menu-item-notifications_button_small a,
li.menu-item.menu-item-cms a,
li.menu-item.menu-item-teach a,
li.menu-item.menu-item-user a,
li.menu-item.menu-item-tasks a,
li.menu-item.menu-item-notifications a,
li.menu-item.menu-item-sales a,
li.menu-item.menu-item-chatium a{ transition:all .3s; }

/* Псевдо-иконки в :after (позиции/размер) */
li.menu-item.menu-item-notifications_button_small a:after,
li.menu-item.menu-item-cms a:after,
li.menu-item.menu-item-teach a:after,
li.menu-item.menu-item-user a:after,
li.menu-item.menu-item-tasks a:after,
li.menu-item.menu-item-notifications a:after,
li.menu-item.menu-item-sales a:after,
li.menu-item.menu-item-chatium a:after{
  position:relative; top:22px; left:-1px; height:45px; width:45px;
}

/* Базовая окраска иконок */
li.menu-item a:after{
  filter: invert(0%) sepia(44%) saturate(2%) hue-rotate(182deg) brightness(110%) contrast(100%);
}
li.menu-item.active a:after,
li.menu-item.selected a::after{
  filter: invert(0%) sepia(44%) saturate(2%) hue-rotate(182deg) brightness(110%) contrast(100%);
}

/* Конкретные иконки */
li.menu-item.menu-item-notifications_button_small a::after{
  content:url("https://fs.getcourse.ru/fileservice/file/download/a/904020/sc/462/h/e4b0032a11c7d2529e38609b31978635.svg") !important;
  top:6px !important; left:-2px; filter:none !important;
}
li.menu-item.menu-item-cms a::after{ content:var(--iSite) !important; }
li.menu-item.menu-item-teach a::after{ content:var(--iStudy) !important; }
li.menu-item.menu-item-user a::after{ content:var(--iUsers) !important; }
li.menu-item.menu-item-tasks a::after{ content:var(--iTasks) !important; }
li.menu-item.menu-item-notifications a::after{ content:var(--iMessages) !important; }
li.menu-item.menu-item-sales a::after{ content:var(--iSales) !important; }
li.menu-item.menu-item-chatium a::after{ content:var(--iChatium) !important; }

/* Виджет чатов */
.talks-widget-button{ background:#49B765; }
.talks-widget-button .fa-comments:before{ color:#fff; }
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn{
  background:#49B765 !important; border:none !important; border-radius:5px; transition:all .3s;
}
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn:hover{ background:#0f1122 !important; }

/* Мобильное поведение */
@media (max-width:768px){
  .gc-account-leftbar .gc-account-user-menu{
    background: linear-gradient(128.49deg, #E1B793 27.85%, #C79984 107.7%);
    background-size:cover;
}
  .gc-account-leftbar.expanded .toggle-link{
    background: linear-gradient(128.49deg, #E1B793 27.85%, #C79984 107.7%);
}
  .gc-account-leftbar .without-icon img{ display:none; }
  .gc-account-leftbar a.toggle-link{ position:relative; }
  .gc-account-leftbar a.toggle-link::before{ position:relative; left:10px; }
  a.toggler-item{ display:none !important; }
}

/* FIX: профиль в левом меню — без пузырька и без сдвигов */
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a::before {
  content: none !important;            /* не рисуем серый квадрат */
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a,
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a:hover,
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile.active a,
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile.selected a {
  background: transparent !important;
  border-left: 0 !important;
  margin: 2px 0 !important;
}

/* на всякий — аватар всегда поверх и без фильтров */
.menu-item-profile .menu-item-icon {
  position: relative;
  z-index: 2;
  border-radius: 100px;
  border: 3px solid #fff;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a:hover .menu-item-icon {
  box-shadow: 0 0 0 4px rgba(255,255,255,.15) inset;
}

/* FIX: пункт с колокольчиком — без серого пузырька и без сдвигов */
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a::before{
  content: none !important;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.active a,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a{
  background: transparent !important;
  border-left: 0 !important;
  margin: 2px 0 !important;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a::after{
  top: 6px !important;
  left: -2px !important;
  filter: none !important;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover::after,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.active a::after,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a::after{
  filter: none !important;
}

.menu-item-notifications_button_small .notify-count{
  bottom: 12px !important;
  right: auto;
  z-index: 3;
}


/*-- Конец панели --*/