/* ==========================================================================
   Цветовая схема для страниц:
   - Лента ответов (/teach/control/answers/my)
   - Мои покупки   (/sales/control/userProduct/my)
   - Расписание    (/pl/teach/control/schedule)

   Палитра:
     Основной текст       #404858
     Второстепенный текст #8E929B
     Ссылки               #439DFD
     Зелёные плашки       #3EBB9A  (завершён / задание проверено)
     Серые плашки         #303948  (завершена)
   ========================================================================== */

:root {
    --clr-text-main: #404858;
    --clr-text-muted: #8E929B;
    --clr-link: #439DFD;
    --clr-badge-green: #3EBB9A;
    --clr-badge-gray: #303948;
}

/* ==========================================================================
   1. ЛЕНТА ОТВЕТОВ
   ========================================================================== */

.answers-list,
.answers-list p,
.answers-list .answer-content,
.answer_wrapper,
.answer_wrapper .answer-text,
.answer_wrapper .show-lesson-link,
.answer_wrapper .user-profile-link .text {
    color: var(--clr-text-main);
}

.answers-list .text-muted,
.answer_wrapper .text-muted,
.answer_wrapper .answer-date,
.answer_wrapper small {
    color: var(--clr-text-muted) !important;
}

.answers-list a,
.answer_wrapper a,
.answer_wrapper .show-lesson-link,
.answer_wrapper .user-profile-link {
    color: var(--clr-link) !important;
}

/* Ссылки ленты ответов вне карточек (фильтры, список тренингов) */
.answers-page-filter a,
.filter-block .filter-list a {
    color: var(--clr-link) !important;
}

.answers-page-filter a:hover,
.filter-block .filter-list a:hover {
    color: var(--clr-link) !important;
    opacity: .85;
}

.answers-list a:hover,
.answer_wrapper a:hover {
    color: var(--clr-link) !important;
    opacity: .85;
}

/* Зелёная плашка «Задание принято / проверено» */
.answer_wrapper.status-accepted .answer-status-label {
    background-color: var(--clr-badge-green) !important;
    color: #fff !important;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
}

/* ==========================================================================
   2. МОИ ПОКУПКИ  (/sales/control/userProduct/my)
   ========================================================================== */

.main-page-block h3,
.main-page-block .page-header h1,
.main-page-block .table,
.main-page-block .table td,
.main-page-block .table th,
.main-page-block .table b,
.main-page-block p {
    color: var(--clr-text-main);
}

.main-page-block .text-muted,
.main-page-block .table small {
    color: var(--clr-text-muted) !important;
}

.main-page-block .table a,
.main-page-block a.big {
    color: var(--clr-link) !important;
}

.main-page-block .table a:hover,
.main-page-block a.big:hover {
    color: var(--clr-link) !important;
    opacity: .85;
}

/* Зелёная плашка «Активна» */
.label.label-success {
    background-color: var(--clr-badge-green) !important;
    color: #fff !important;
}

/* Серая плашка «Завершена» (подписка) */
.label.label-default {
    background-color: var(--clr-badge-gray) !important;
    color: #fff !important;
}

/* Зелёная плашка статуса заказа «Завершён / Оплачен» */
.deal-status.status-payed,
.deal-status.status-completed {
    background-color: var(--clr-badge-green) !important;
    color: #fff !important;
}

/* ==========================================================================
   3. РАСПИСАНИЕ
   ========================================================================== */

.standard-page-content h1,
.standard-page-content .page-header h1,
.standard-page-content p,
.standard-page-content table.table,
.standard-page-content table.table td,
.standard-page-content table.table th,
.standard-page-content .lesson-state {
    color: var(--clr-text-main) !important;
}

.standard-page-content a:not(.btn) {
    color: var(--clr-link);
}

.standard-page-content a:not(.btn):hover {
    color: var(--clr-link);
    opacity: .85;
}

.standard-page-content table.table td i[style*="color"],
.standard-page-content .lesson-state br + * {
    color: var(--clr-text-muted) !important;
}

.standard-page-content table.table a {
    color: var(--clr-link);
}

.standard-page-content table.table a:hover {
    color: var(--clr-link);
    opacity: .85;
}

/* Имя урока (курсив после названия тренинга) — второстепенный */
.standard-page-content table.table td a i {
    color: var(--clr-text-muted) !important;
}

/* Серая строка «завершённого» урока */
.standard-page-content table.table tr.state-finished,
.standard-page-content table.table tr.state-finished td,
.standard-page-content table.table tr.state-finished .lesson-state {
    background-color: var(--clr-badge-gray);
    color: #fff;
}

.standard-page-content table.table tr.state-finished a,
.standard-page-content table.table tr.state-finished a i {
    color: #fff !important;
    opacity: .9;
}

/* ==========================================================================
   4. ТЕСТИРОВАНИЯ  (/user/control/user/questionary)
   ========================================================================== */

.main-page-block .page-header h1,
.questionaryTable,
.questionaryTable .questionaryMenuRow,
.questionaryTable .questionaryDetails,
.questionaryTable .questionaryDetails p,
.questionaryTable .questionaryTitle,
.questionaryTable .questionaryDetailsLeft,
.questionaryTable .questionTitle,
.questionaryTable .attemptsNumber {
    color: var(--clr-text-main);
}

.questionaryTable .text-muted,
.questionaryTable .questionaryMenuAttemptsNumber,
.questionaryTable small {
    color: var(--clr-text-muted) !important;
}

.questionaryTable a,
.questionaryTable .questionaryMenuRow a {
    color: var(--clr-link);
}

.questionaryTable a:hover {
    color: var(--clr-link);
    opacity: .85;
}

/* Выбранный пункт меню тестирований — серая плашка вместо фиолетовой */
.questionaryTable .selectedQuestionaryId,
.mobile-questionary-menu-all.selectedQuestionaryId {
    background-color: var(--clr-badge-gray) !important;
    border-color: var(--clr-badge-gray) !important;
}

.questionaryTable .selectedQuestionaryId,
.questionaryTable .selectedQuestionaryId a,
.mobile-questionary-menu-all.selectedQuestionaryId {
    color: #fff !important;
}