

/*_____DOCTORPORTAL_____Боковое меню_____*/
/*
   Все размеры выверены на живой странице академии.

   Важно при правках:
   • Родная ширина панели 70px, субменю висит на left:70px.
     Отступ сделан ПРОЗРАЧНОЙ РАМКОЙ (box-sizing:border-box),
     поэтому внешние габариты не меняются.
   • left у субменю считается от ВНУТРЕННЕГО края панели:
     при ширине 92 и рамке 8 это 84, а не 92.
   • Пункт поиска — menu-item-search (НЕ menu-item-main).
*/

/*——— ПАНЕЛЬ ———*/
.gc-account-leftbar,
.gc-account-leftbar.expanded {
  background: #152751 !important;
  width: 92px !important;
  box-sizing: border-box !important;
  border: 8px solid transparent !important;
  border-radius: 20px !important;
  background-clip: padding-box !important;
}
.gc-account-leftbar .gc-account-user-submenu-bar {
  background: #4C84F7 !important;
  left: 84px !important;
  box-sizing: border-box !important;
  border: 8px solid transparent !important;
  border-width: 0 8px !important;
  border-radius: 20px !important;
  background-clip: padding-box !important;
}
.gc-main-content.with-left-menu { margin-left: 92px !important; }

/*——— КНОПКИ ———*/
.gc-account-leftbar .gc-account-user-menu > li {
  border-bottom: none !important;
  margin: 4px 0 !important;
  text-align: center !important;
}
.gc-account-leftbar .gc-account-user-menu { padding-top: 6px !important; }
.gc-account-leftbar .gc-account-user-menu > li.menu-item-profile { margin-bottom: 12px !important; }
.gc-account-leftbar .gc-account-user-menu > li > a {
  display: inline-block !important;
  float: none !important;
  position: relative !important;
  width: 52px !important;
  height: 52px !important;
  line-height: 52px !important;
  padding: 0 !important;
  border-radius: 12px;
  background: transparent !important;
  transition: background .15s ease-in-out;
  text-align: center;
}
.menu-item-profile img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px;
  border: 2px solid #FFF;
  object-fit: cover;
}
.menu-item-profile img:hover { border-color: #4C84F7; }

/*——— СОСТОЯНИЯ ———*/
.gc-account-leftbar .gc-account-user-menu li a:hover { background: rgba(255,255,255,.10) !important; }
.gc-account-leftbar .gc-account-user-menu li a:focus,
.gc-account-leftbar .gc-account-user-menu li a:active,
.gc-account-leftbar .gc-account-user-menu li a:visited {
  background: transparent !important;
  outline: none !important;
}
.gc-account-leftbar .gc-account-user-menu li.active > a,
.gc-account-leftbar .gc-account-user-menu li.selected > a,
.gc-account-leftbar .gc-account-user-menu li.active > a:hover,
.gc-account-leftbar .gc-account-user-menu li.selected > a:hover,
.gc-account-leftbar .gc-account-user-menu li.active > a:focus,
.gc-account-leftbar .gc-account-user-menu li.selected > a:focus {
  background: #4C84F7 !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 a:focus {
  background: transparent !important;
}

/*——— ИКОНКИ ———*/
.gc-account-user-menu > li.menu-item-search img.menu-item-icon,
.gc-account-user-menu > li.menu-item-notifications_button_small img.menu-item-icon,
.gc-account-user-menu > li.menu-item-cms img.menu-item-icon,
.gc-account-user-menu > li.menu-item-teach img.menu-item-icon,
.gc-account-user-menu > li.menu-item-user img.menu-item-icon,
.gc-account-user-menu > li.menu-item-tasks img.menu-item-icon,
.gc-account-user-menu > li.menu-item-notifications img.menu-item-icon,
.gc-account-user-menu > li.menu-item-sales img.menu-item-icon,
.gc-account-user-menu > li.new-chatium-icon img.menu-item-icon,
.gc-account-user-menu > li.menu-item-chatium img.menu-item-icon {
  display: none !important;
}
.gc-account-user-submenu li a:after,
.gc-account-user-submenu li a:before { content: none !important; }
.gc-account-user-menu > li.menu-item-search > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'11'%20cy%3D'11'%20r%3D'7.5'%2F%3E%3Cpath%20d%3D'M21%2021l-4.3-4.3'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li.menu-item-notifications_button_small > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M18%208.5a6%206%200%2010-12%200c0%206-2.5%208-2.5%208h17S18%2014.5%2018%208.5'%2F%3E%3Cpath%20d%3D'M13.8%2021a2.1%202.1%200%2001-3.6%200'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li.menu-item-cms > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9.5'%2F%3E%3Cpath%20d%3D'M2.5%2012h19'%2F%3E%3Cpath%20d%3D'M12%202.5c2.4%202.6%203.8%206%203.8%209.5s-1.4%206.9-3.8%209.5c-2.4-2.6-3.8-6-3.8-9.5S9.6%205.1%2012%202.5z'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li.menu-item-teach > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2'%20y%3D'7'%20width%3D'20'%20height%3D'13.5'%20rx%3D'2.5'%2F%3E%3Cpath%20d%3D'M8%207V5.2A2.2%202.2%200%200110.2%203h3.6A2.2%202.2%200%200116%205.2V7'%2F%3E%3Cpath%20d%3D'M12%2011.5v3.5'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li.menu-item-user > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9'%20cy%3D'7.5'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M2%2021v-1.5A5.5%205.5%200%20017.5%2014h3A5.5%205.5%200%200116%2019.5V21'%2F%3E%3Cpath%20d%3D'M17%204a4%204%200%20010%207.5'%2F%3E%3Cpath%20d%3D'M19%2014.2a5.5%205.5%200%20013%204.9V21'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li.menu-item-tasks > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M21%2011.5V19a2.5%202.5%200%2001-2.5%202.5h-13A2.5%202.5%200%20013%2019V6a2.5%202.5%200%20012.5-2.5H15'%2F%3E%3Cpath%20d%3D'M8.5%2011.5l3.2%203.2L22%204.5'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li.menu-item-notifications > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%205.8A1.8%201.8%200%20014.8%204h8.4A1.8%201.8%200%200115%205.8v4.9a1.8%201.8%200%2001-1.8%201.8H7.2L3%2015.6z'%2F%3E%3Cpath%20d%3D'M18%208.2h1.2A1.8%201.8%200%200121%2010v4.9a1.8%201.8%200%2001-1.8%201.8H18V20l-3.4-3.3'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li.menu-item-sales > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9.5'%20cy%3D'20'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'18.5'%20cy%3D'20'%20r%3D'1.4'%2F%3E%3Cpath%20d%3D'M2%203h3l2.6%2012.2a1.7%201.7%200%20001.7%201.3h8.5a1.7%201.7%200%20001.7-1.3L22%207H6'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li.new-chatium-icon > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'5.5'%20y%3D'2'%20width%3D'13'%20height%3D'20'%20rx%3D'2.5'%2F%3E%3Cpath%20d%3D'M12%2018.2h.01'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li.menu-item-chatium > a:after { content:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFFFFF'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'7.5'%20height%3D'7.5'%20rx%3D'1.8'%2F%3E%3Crect%20x%3D'13.5'%20y%3D'3'%20width%3D'7.5'%20height%3D'7.5'%20rx%3D'1.8'%2F%3E%3Crect%20x%3D'3'%20y%3D'13.5'%20width%3D'7.5'%20height%3D'7.5'%20rx%3D'1.8'%2F%3E%3Crect%20x%3D'13.5'%20y%3D'13.5'%20width%3D'7.5'%20height%3D'7.5'%20rx%3D'1.8'%2F%3E%3C%2Fsvg%3E") !important; }
.gc-account-user-menu > li > a:after {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}

/* «Mobile» (/chatium) — кастовый пункт из чужого примера, в GetCourse его нет */
.gc-account-leftbar .gc-account-user-menu > li.new-chatium-icon {
  display: none !important;
}

/*——— СЧЁТЧИКИ: в родной вёрстке у каждого своё положение ———*/
.gc-account-leftbar .gc-account-user-menu > li .notify-count {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  bottom: auto !important;
  left: auto !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  line-height: 18px !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
  background: #4C84F7 !important;
  color: #FFF !important;
  z-index: 2;
}
.gc-account-leftbar .notify-count:empty { display: none !important; }

/*——— СУБМЕНЮ ———*/
.gc-account-user-submenu-bar h3 {
  color: #FFF !important;
  text-transform: none !important;
  margin: 22px 0 14px !important;
  padding-left: 18px !important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
  font-weight: 400 !important;
  color: #FFF !important;
  text-transform: none !important;
  padding: 10px 14px 10px 18px !important;
  margin: 2px 6px !important;
  border-radius: 8px;
  transition: background .15s;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background: #152751 !important;
  color: #FFF !important;
}
.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: #152751 !important;
}
.gc-account-user-submenu-bar li[class*="gus"],
.gc-account-user-submenu-bar [class*="rate-block"],
.gc-account-user-submenu-bar [class*="feedback-block"] { display: none !important; }

/*——— ЛОГОТИП ВНИЗУ ———*/
.gc-account-leftbar:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  width: 36px;
  height: 32px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MTAgODcwJyBmaWxsPSdub25lJz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9J2cnIHgxPScwJyB5MT0nLjEnIHgyPScxJyB5Mj0nLjknPjxzdG9wIG9mZnNldD0nMCcgc3RvcC1jb2xvcj0nIzZERUFGMCcvPjxzdG9wIG9mZnNldD0nLjQ1JyBzdG9wLWNvbG9yPScjNDlBMkYyJy8+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjMkQ2OUY2Jy8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0nTTE2OCAwaDMwMGE0MzUgNDM1IDAgMCAxIDAgODcwSDE2OGE0NSA0NSAwIDAgMS00NS00NVY0NUE0NSA0NSAwIDAgMSAxNjggMHonIGZpbGw9JyNGMkYyRjInIHN0cm9rZT0nbm9uZScvPjxwYXRoIGQ9J001MCAxMDUgTDQ4OSAxNTkgUTUzOSAxNjYgNTM5IDIxNiBMNTM5IDY1OSBRNTM5IDcwOSA0ODkgNzE2IEw1MCA3NjkgUTAgNzc2IDAgNzI2IEwwIDE0OCBRMCA5OCA1MCAxMDUgWicgZmlsbD0ndXJsKCNnKScgc3Ryb2tlPSdub25lJy8+PC9zdmc+") center / contain no-repeat;
  pointer-events: none;
}

.gc-fade {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

/*——— МОБИЛЬНАЯ ———*/
@media (max-width: 768px) {
  .gc-account-leftbar,
  .gc-account-leftbar.expanded {
    width: 70px !important;
    border-width: 0 !important;
    border-radius: 0 !important;
  }
  .gc-account-leftbar .gc-account-user-submenu-bar {
    left: 70px !important;
    border-width: 0 !important;
    border-radius: 0 !important;
  }
  .gc-account-leftbar .gc-account-user-menu > li > a { width: 46px !important; height: 46px !important; }
  .menu-item-profile img { width: 46px !important; height: 46px !important; }
  .gc-main-content.with-left-menu { margin-left: 0 !important; }
}


/*_____DOCTORPORTAL_____dp-fix-block: страница «Обучение»_____*/
/* Действует только там, где скрипт поставил на body класс dp-page. */
.dp-page .gc-account-logo { display: none !important; }
.dp-page .dp-logo { max-width: none !important; margin: 24px 0 56px -15px !important; }
.dp-page .xdget-col.dp-wide,
.dp-page .xdget-col:has(.xdget-trainingList) { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
.dp-page .gc-main-content { padding: 0 56px !important; }
.dp-page .gc-main-content .container { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.dp-page .gc-main-content .col-md-12 { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 768px) { .dp-page .gc-main-content { padding: 0 16px !important; } .dp-page .dp-logo { margin: 10px 0 22px -15px !important; } }

/* dp-grid-2col: две карточки в строке, справа место под виджеты */
.cards .stream-table tbody { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 66% !important; }
@media (max-width: 1200px) { .cards .stream-table tbody { max-width: 100% !important; } }
@media (max-width: 768px) { .cards .stream-table tbody { grid-template-columns: 1fr !important; max-width: 100% !important; } }

/* dp-avatar-fix: аватар в меню — ровно одна рамка и надёжный клик.
   Гасим рамки/тени/обводки на всём, что лежит внутри пункта профиля,
   и возвращаем одну рамку только самой картинке. */
.gc-account-leftbar .gc-account-user-menu > li.menu-item-profile,
.gc-account-leftbar .gc-account-user-menu > li.menu-item-profile * {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background-image: none !important;
}
.gc-account-leftbar .gc-account-user-menu > li.menu-item-profile > a {
  position: relative;
  z-index: 2;
}
.gc-account-leftbar .gc-account-user-menu > li.menu-item-profile > a > img {
  box-sizing: border-box !important;
  width: 52px !important;
  height: 52px !important;
  border: 2px solid #FFF !important;
  border-radius: 10px !important;
  object-fit: cover;
  pointer-events: none;
}
.gc-account-leftbar .gc-account-user-menu > li .notify-count { pointer-events: none; }

/* dp-unfix-header: возвращаем служебную панель на место, плавающее окно внизу убрано */
.dp-page .page-header {
  position: static !important;
  width: auto !important;
  left: auto !important;
  bottom: auto !important;
  background: none !important;
  padding: 0 !important;
  z-index: auto !important;
}

/* dp-align-main: отступ от меню на главной такой же, как на тренингах и уроках (56px) */
body.dp-page .gc-main-content .row { margin-left: 0 !important; margin-right: 0 !important; }
body.dp-page .gc-main-content .xdget-col { padding-left: 0 !important; padding-right: 0 !important; }
body.dp-page .dp-logo { margin: 24px 0 56px 0 !important; }
@media (max-width: 768px) {
  body.dp-page .dp-logo { margin: 10px 0 22px 0 !important; }
}

