/* Скин кабинета. ДУБЛЬ правил из платформа/кабинет-шапка.html.
   Шапка ЛК рендерится не на всех страницах кабинета, а пользовательский
   CSS проекта до страниц курса доходит. Держим обе копии синхронными:
   ПРАВИШЬ ОДНО — ПРАВЬ И ВТОРОЕ. Правил самой шапки (#nkh) тут нет. */

/* ПОЛОТНО КАБИНЕТА */
#app,
#app .tlk-lectures,
#app .tlk-resources,
#app .tlk-lecture{background-color:#FAF6F1 !important;color:#2E2A26}
#app{font-family:'Evolventa','PT Sans',system-ui,sans-serif !important}

/* СОДЕРЖАНИЕ КУРСА: обложка у Тильды круг 180x180, растягиваем в баннер */
#app .tlk-lectures__header{display:block !important;margin-bottom:40px !important;
 padding-bottom:40px !important}
#app .tlk-lectures__header::after{background-color:#E7DCD2 !important}
#app .tlk-lectures__header-logo{margin:0 0 28px !important}
#app .tlk-lectures__header-logo-wrap{width:100% !important;height:auto !important;
 aspect-ratio:1200/630;border-radius:16px !important}
#app .tlk-lectures__header-logo-wrap img{position:static !important;width:100% !important;
 height:100% !important;object-fit:cover}
#app .tlk-lectures__header-title{font-weight:700;letter-spacing:-.01em;color:#2E2A26}
#app .tlk-lectures__header-description{color:#6B615A;line-height:1.5}
/* Блок: заголовок на кремовой подложке, иначе сливается с уроками */
#app .tlk-lectures__partition-item + .tlk-lectures__partition-item{margin-top:44px !important}
#app .tlk-lectures__partition-title{color:#2E2A26;font-weight:700;
 background-color:#F2EAE2;border-radius:16px;padding:18px 22px;
 margin-bottom:16px !important;line-height:1.2;letter-spacing:-.01em}

/* Урок: белая плитка вместо строки с линией */
#app .tlk-lectures__course-card{border-top:none !important;background-color:#fff;
 border:1px solid #E7DCD2;border-radius:14px;margin-top:10px;
 transition:border-color .15s ease}
#app .tlk-lectures__course-card:hover{border-color:#C16585}
#app .tlk-lectures__course-card_disabled:hover{border-color:#E7DCD2}
#app .tlk-lectures__course-card-link{color:#2E2A26 !important;
 padding:16px 44px 16px 18px !important;position:relative}
#app .tlk-lectures__course-card-link:hover{color:#A34E6C !important}
/* шеврон справа, чтобы плитка читалась как кнопка */
#app .tlk-lectures__course-card-link::after{content:'';position:absolute;
 right:18px;top:50%;width:9px;height:9px;margin-top:-5px;
 border-right:2px solid #C9BDB3;border-bottom:2px solid #C9BDB3;
 transform:rotate(-45deg);transition:border-color .15s ease}
#app .tlk-lectures__course-card:hover .tlk-lectures__course-card-link::after{border-color:#C16585}
#app .tlk-lectures__course-card_disabled .tlk-lectures__course-card-link::after{display:none}
#app .tlk-lectures__course-card-content{padding-left:52px !important}
/* номер урока розовым бейджем */
#app .tlk-lectures__course-card-number{color:#A34E6C !important;
 background-color:#F3DEE6;border-radius:8px;padding:3px 7px;
 font-size:13px;font-weight:700;line-height:1;display:inline-block;
 position:absolute;left:0;top:24px;padding-right:7px !important}
#app .tlk-lectures__course-card-img{top:0 !important;left:0;height:26px}
#app .tlk-lectures__tick-wrap{background-color:#4C7A5C !important;top:0}
#app .tlk-lectures__course-card-name{font-weight:600}
#app .tlk-lectures__course-card-descr{color:#6B615A;font-size:14px}
@media screen and (max-width:1023px){
 #app .tlk-lectures__partition-title{padding:14px 16px;border-radius:14px}
 #app .tlk-lectures__course-card-link{padding:14px 38px 14px 14px !important}
 #app .tlk-lectures__course-card-content{padding-left:46px !important}
 #app .tlk-lectures__course-card-number{top:22px}
}
#app .tlk-lectures__course-card-notification,
#app .tlk-lectures__taskcheck-notification,
#app .tlk-menu__notification{background-color:#C16585 !important}

/* СЛУЖЕБНЫЙ СПИСОК РЕСУРСОВ */
#app .tlk-resources__wrap{background-color:#fff !important;border:1px solid #E7DCD2 !important;
 border-radius:16px !important;box-shadow:none !important}
#app .tlk-resources__groups-title-link:hover,
#app .tlk-resources__groups-pages-item-link:hover{color:#A34E6C !important}
html.vm-hide-resources #app .tlk-resources{visibility:hidden}

/* СТРАНИЦА УРОКА */
#app .tlk-lecture__title{font-weight:700;letter-spacing:-.01em;color:#2E2A26}
#app .tlk-lecture__text{color:#2E2A26}
#app .tlk-lecture__video-wrap{border-radius:16px;overflow:hidden}

/* БОКОВОЕ МЕНЮ КУРСА */
#app .tlk-menu__panel,
#app .tlk-menu__container{background-color:#2E2A26 !important}
#app .tlk-menu__tick{border-color:#C16585 !important}

/* ПЕРЕХОД МЕЖДУ УРОКАМИ */
#app .tlk-switcher{background-color:#FAF6F1 !important;border-top-color:#E7DCD2 !important}
#app .tlk-switcher__title{color:#2E2A26 !important}

/* КНОПКИ И ФОРМЫ */
#app .tlk-btn_accent{background-color:#C16585 !important}
#app .tlk-btn_accent:hover{background-color:#A34E6C !important}
#app .tlk-btn_gray,#app .tlk-btn_gray:hover,#app .tlk-btn_black{background-color:#2E2A26 !important}
#app .tlk-btn_black:hover{background-color:#443E38 !important}
#app .tlk-checkbox__text::after{border-color:#C16585 !important}
#app .tlk-radio__text::after{background-color:#C16585 !important}
#app .tlk-radio:hover .tlk-radio__text::before,
#app .tlk-checkbox:hover .tlk-checkbox__text::before,
#app .tlk-checkbox input[type='checkbox']:checked ~ span::before,
#app .tlk-radio input[type='radio']:checked ~ span::before{border-color:#C16585 !important}