

/* =========================================
   УРОКИ В РАЗРАБОТКЕ
   ========================================= */

/* Фон карточки. */
body .gc-main-content .lesson-list
> li.sf-lesson-in-development {
  background: #f6f8fb !important;
  border-color: #e2e8f0 !important;

  box-shadow: none !important;
}

/* Ссылка и её состояния. */
body .gc-main-content .lesson-list
> li.sf-lesson-in-development > a.item-a,

body .gc-main-content .lesson-list
> li.sf-lesson-in-development > a.item-a:hover,

body .gc-main-content .lesson-list
> li.sf-lesson-in-development > a.item-a:focus {
  background: transparent !important;

  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;

  cursor: not-allowed !important;
}

/* Внутренние оболочки. */
body .gc-main-content .lesson-list
> li.sf-lesson-in-development :is(
  .info,
  .item-main-td
) {
  background: transparent !important;
}

/* Название урока. */
body .gc-main-content .lesson-list
> li.sf-lesson-in-development .link.title {
  color: #7b8794 !important;
  cursor: not-allowed !important;
}

/* Описание и дополнительные подписи. */
body .gc-main-content .lesson-list
> li.sf-lesson-in-development :is(
  .description,
  .lesson-list__video-watched,
  .state-icon-block
) {
  color: #7b8794 !important;
}

/* Системная подпись внутри карточки. */
body .gc-main-content .lesson-list
> li.sf-lesson-in-development .user-state-label {
  background: #e8edf3 !important;
  color: #64748b !important;
}

/* Существующая плашка статуса. */
body .gc-main-content .lesson-list
> li.sf-lesson-in-development::before {
  background: #e2e8f0 !important;
  color: #64748b !important;
}

/* Существующий значок статуса. */
body .gc-main-content .lesson-list
> li.sf-lesson-in-development::after {
  background-color: #cbd5e1 !important;
  border-color: #cbd5e1 !important;
}

/* Стрелка карточки на телефоне. */
body .gc-main-content .lesson-list
> li.sf-lesson-in-development > a.item-a::after {
  color: #94a3b8 !important;
}
