@charset "UTF-8";
/* ════════════════════════════════════════════════════════════════
Lesson page (GetCourse) — ОВЕРРАЙД штатных стилей урока
----------------------------------------------------------------
Перебивает bootstrap / teach.css / standard.css на реальном DOM
страницы урока. Всё заскоуплено под `.center-block`, !important
на свойствах, которые GetCourse задаёт глобально/инлайном.

Палитра (как в lesson-list.css / lesson-map.css):
navy  rgb(12,55,94)   gold rgb(199,164,106)
cream rgb(244,239,229) stroke rgb(214,213,210)
════════════════════════════════════════════════════════════════ */

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

/* Tokens ----------------------------------------------------------- */
.center-block,
.main-page-block,
.redesigned-notice-widget {
    --ink:        rgb(12,55,94);
    --ink-2:      rgb(14,63,107);
    --ink-soft:   rgb(155,155,155);
    --stroke:     rgb(214,213,210);

    --gold:       rgb(199,164,106);
    --gold-ink:   rgb(150,113,46);

    --cream:      rgb(244,239,229);
    --cream-soft: rgb(251,251,251);

    --blue-soft:  rgb(238,241,244);

    --paper:      #ffffff;

    --ok:         rgb(45,158,90);
    --ok-soft:    rgb(232,245,237);
}

/* ──────────────────────────────────────────────────────────────
Каркас .center-block
────────────────────────────────────────────────────────────── */

.body_user .gc-account-leftbar {
    display: none!important;
}

.body_user .o-lt-lesson-comment-block {
    display: none;
}

.center-block{
    max-width:100%!important;
    width: 100% !important;
    margin: 0 auto 60px !important;
    font-family: "Manrope", system-ui, sans-serif !important;
    color: var(--ink) !important;
}

/* Гасим bootstrap-обвязку ВНУТРИ урока (row / col / container) */
.center-block .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.center-block [class*="col-md-"],
.center-block [class*="col-sm-"],
.center-block [class*="col-xs-"]{
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}
.center-block .lite-block .container,
.center-block .lt-block .container{
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.center-block .lt-block-wrapper{
    padding: 0 !important;
}

/* Универсальная «золотая надпись-эйбрау» над секциями */
.center-block .o-lt-lesson-header .modal-block-content::before,
.center-block .o-lt-video .modal-block-content::before,
.center-block .o-lt-lesson-files .modal-block-content::before,
.center-block [class*="mission-deadline-removable-block"] > h3::before,
.center-block .simple-answer.user-answer::before{
    display: block;
    font: 600 12px/1 "Manrope", system-ui, sans-serif;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--ink-soft);
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(199,164,106,.55);
}

/* ──────────────────────────────────────────────────────────────
HERO — .lesson-header-block (тёмно-синяя карточка)
────────────────────────────────────────────────────────────── */
.center-block .lesson-header-block{
    background: var(--ink) !important;
    border: 0 !important;
    border-radius: 28px !important;
    padding: 40px !important;
    margin-bottom: 16px !important;
    color: #fff !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 18px 40px -22px rgba(12,55,94,.55);
}
.center-block .lesson-header-block .header-view .col-md-12{
    text-align: left !important;
    padding-top: 0 !important;
}
.center-block .lesson-title-value{
    display: block;
    font-family: "Oranienbaum", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 40px !important;
    line-height: 1.08 !important;
    color: #fff !important;
    margin: 0 0 14px !important;
    text-wrap: pretty;
}
.center-block .lesson-description-value{
    display: block;
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,.82) !important;
}

/* Навигация = «подвал» героя (мета + статус) */
.center-block .lesson-navigation{
    margin-top: 24px !important;
    padding: 20px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.14) !important;
    overflow: visible !important;
}
.center-block .lesson-navigation table{ width: 100% !important; }
.center-block .lesson-navigation td{
    vertical-align: middle !important;
    padding: 0 !important;
}
.center-block .lesson-navigation a{
    color: #fff !important;
    font-size: 13px !important;
    letter-spacing: .02em;
    text-decoration: none !important;
    transition: color .15s ease;
}
.center-block .lesson-navigation a:hover{ color: var(--gold) !important; }
.center-block .lesson-navigation .hidden-xs{
    color: rgba(255,255,255,.55) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin-top: 5px;
}
.center-block .lesson-navigation td.text-center > span{
    display: inline-block;
    color: rgba(255,255,255,.5) !important;
    font-size: 11px !important;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.center-block .lesson-navigation .fui-arrow-left,
.center-block .lesson-navigation .fui-arrow-right{ color: var(--gold) !important; }

/* Статус-бейдж «Необходимо выполнить задание» */
.center-block .user-state-need_accomplish{ margin-top: 10px; }
.center-block .user-state-need_accomplish .user-state-label{
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(199,164,106,.18) !important;
    color: var(--gold) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: .14em;
    text-transform: uppercase;
    line-height: 1.3 !important;
    white-space: normal !important;
}

/* ──────────────────────────────────────────────────────────────
КАРТОЧКИ (базовый вид всех видимых lite-блоков)
────────────────────────────────────────────────────────────── */
.center-block .lite-page .o-lt-lesson-header,
.center-block .lite-page .o-lt-video,
.center-block .lite-page .o-lt-lesson-text,
.center-block .lite-page .o-lt-lesson-files,
.center-block .lite-page .o-lt-lesson-mission-block,
.center-block .lite-page .o-lt-lesson-comment-block{
    background: var(--paper) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 28px !important;
    box-shadow: 0 0 14px rgba(214,213,210,.55) !important;
    padding: 28px !important;
    margin-bottom: 16px !important;
    overflow: hidden;
}

/* Прячем служебные/невидимые блоки */
.center-block .lite-page .o-lt-raw,
.center-block .lite-page .o-lt-lesson-feedback-block{ display: none !important; }

/* ── Заголовок-слоган (.o-lt-lesson-header) → кремовая карточка ──
(префикс .lite-page — чтобы перебить базовое правило карточки) */
.center-block .lite-page .o-lt-lesson-header{
    background: var(--cream) !important;
    border-color: transparent !important;
}
.center-block .o-lt-lesson-header .modal-block-content::before{ content: "\448 \430 \433 \20 \32 \20 \B7 \20 \440 \430 \431 \43E \447 \430 \44F \20 \443 \43F \430 \43A \43E \432 \43A \430 "; }
.center-block .o-lt-lesson-header .header.f-header p{
    font-family: "Oranienbaum", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 30px !important;
    line-height: 1.14 !important;
    color: var(--ink) !important;
    margin: 0 !important;
    text-wrap: pretty;
}

/* ── Видео (.o-lt-video) ───────────────────────────────────────── */
.center-block .o-lt-video .modal-block-content::before{ content: "\432 \438 \434 \435 \43E "; }
.center-block .o-lt-video .vhi-root{
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 40px -26px rgba(12,55,94,.5);
}
.center-block .o-lt-video .vhi-iframe{
    border-radius: 20px !important;
    display: block;
}
/* Кнопка «Скачать» — из оранжевой абсолютной в аккуратный пилл */
.center-block .o-lt-video .download-btn{
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 16px 0 0 !important;
    padding: 10px 20px !important;
    background: var(--ink) !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .04em;
    z-index: auto !important;
}
.center-block .o-lt-video .download-btn svg{
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 auto;
}
.center-block .o-lt-video .download-btn:hover{ background: var(--ink-2) !important; }

/* ── Текст под видео (.o-lesson_txt_pod_video) → подпись без рамки ─ */
.center-block .lite-page .o-lesson_txt_pod_video{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 12px !important;
    margin: -4px 0 20px !important;
}
.center-block .o-lesson_txt_pod_video .text{
    text-align: center !important;
    color: var(--ink-soft) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}
.center-block .o-lesson_txt_pod_video p{ margin: 0 !important; }

/* ── Ключевая мысль (.o-lesson_krt_konsp) → синяя плашка с чертой ── */
.center-block .lite-page .o-lesson_krt_konsp{
    background: var(--blue-soft) !important;
    border-color: transparent !important;
    box-shadow: 0 0 5px rgba(214,213,210,.5) !important;
}
.center-block .o-lesson_krt_konsp .modal-block-content{
    border-left: 3px solid var(--gold);
    padding-left: 18px !important;
}
.center-block .o-lesson_krt_konsp .text,
.center-block .o-lesson_krt_konsp p{
    font-size: 19px !important;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    margin: 0 !important;
    text-wrap: pretty;
}

/* ── Особые примечания (.o-osob_prim) → кремовая карточка-заметка ─ */
.center-block .lite-page .o-osob_prim{
    background: var(--cream) !important;
    border: 1px solid rgba(199,164,106,.4) !important;
    border-radius: 22px !important;
    box-shadow: none !important;
    padding: 24px 28px !important;
    margin-bottom: 16px !important;
}
.center-block .o-osob_prim .modal-block-content::before{
    content: "\25C6 \20 \20 \43E \441 \43E \431 \44B \435 \20 \43F \440 \438 \43C \435 \447 \430 \43D \438 \44F ";
    display: block;
    font: 600 12px/1 "Manrope", system-ui, sans-serif;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gold);
    margin: 0 0 14px;
}
.center-block .o-osob_prim .text,
.center-block .o-osob_prim p{
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    margin: 0 !important;
    text-wrap: pretty;
}

/* ── Материалы (.o-lt-lesson-files) → строки-файлы ─────────────── */
.center-block .o-lt-lesson-files .modal-block-content::before{ content: "\43C \430 \442 \435 \440 \438 \430 \43B \44B \20 \448 \430 \433 \430 "; }
.center-block .o-lt-lesson-files .files-row,
.center-block .o-lt-lesson-files .files-row > div{ padding: 0 !important; }
.center-block .files-table{ width: 100% !important; margin: 0 !important; }
.center-block .files-table tbody{
    display: flex !important;
    flex-direction: column;
    gap: 12px;
}
.center-block .files-table tr{
    display: flex !important;
    align-items: center;
    gap: 18px;
    position: relative;
    padding: 16px 150px 16px 18px !important;
    background: var(--cream) !important;
    border-radius: 18px !important;
}
.center-block .files-table td{
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    vertical-align: middle !important;
}
.center-block .files-table td:nth-child(1){ width: auto !important; flex: 0 0 auto; order: 1; }
.center-block .files-table td:nth-child(1) > div{
    width: 48px !important;
    height: 48px !important;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.center-block .files-table td:nth-child(1) img{ width: 26px !important; height: 26px !important; }
.center-block .files-table td:nth-child(3){ order: 2; flex: 1 1 auto; min-width: 0; }
.center-block .files-table td:nth-child(3) a{
    font-family: "Oranienbaum", Georgia, serif !important;
    font-size: 21px !important;
    line-height: 1.15 !important;
    color: var(--ink) !important;
    text-decoration: none !important;
}
.center-block .files-table td:nth-child(3) a:hover{ color: var(--gold) !important; }
/* Кнопка «Скачать» — вся строка-ссылка кликабельна, пилл прибит к правому краю */
.center-block .files-table td:nth-child(3) a::after{
    content: "\2193 \20 \20 \421 \43A \430 \447 \430 \442 \44C ";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    height: 38px;
    padding: 0 18px;
    border-radius: 999px;
    background: var(--ink) !important;
    color: #fff !important;
    font-family: "Manrope", system-ui, sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background .14s ease, transform .14s ease;
}
.center-block .files-table td:nth-child(3) a:hover::after{
    background: var(--gold) !important;
    transform: translateY(-50%) translateY(-1px);
}
.center-block .files-table td:nth-child(2){
    order: 3;
    flex: 0 0 auto;
    font-size: 11px !important;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-soft) !important;
}

/* ── Домашняя работа (.o-lt-lesson-mission-block) → navy форма ──── */
.center-block .lite-page .o-lt-lesson-mission-block{
    background: var(--ink) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 18px 40px -22px rgba(12,55,94,.55) !important;
}
.center-block [class*="mission-deadline-removable-block"] > h3{
    font-family: "Oranienbaum", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 30px !important;
    line-height: 1.1 !important;
    color: #fff !important;
    margin: 0 0 18px !important;
}
.center-block [class*="mission-deadline-removable-block"] > h3::before{
    content: "\434 \43E \43C \430 \448 \43D \44F \44F \20 \440 \430 \431 \43E \442 \430 ";
    color: rgba(255,255,255,.6) !important;
}
.center-block .lesson-mission-text{
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 16px !important;
    padding: 20px 22px !important;
    margin-bottom: 22px !important;
}
.center-block .lesson-mission-text p{
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}
.center-block .lesson-mission-text ol{
    margin: 14px 0 0 !important;
    padding-left: 1.3em !important;
}
.center-block .lesson-mission-text ol li{
    color: rgb(150,186,224) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}
.center-block .lesson-mission-text ol li::marker{ color: rgb(150,186,224) !important; }
/* —— Форма ответа: кремовая панель внутри navy-карточки —— */
.center-block .lesson-send-answer-block{
    background: var(--cream) !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    padding: 22px !important;
}
.center-block .answer-form,
.center-block .answer-form-inner,
.center-block .answer-textarea-container,
.center-block .field-lessonanswer-answer_text,
.center-block .emoji-container,
.center-block .answer-form .form-group{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* убираем дефолтный аватар в форме ответа */
.center-block .answer-form > div[style*="float: left"]{ display: none !important; }
.center-block .answer-form-inner{ margin-left: 0 !important; }
.center-block .answer-form-inner > div{ margin-left: 0 !important; }
/* текстовое поле ответа */
.center-block #LessonAnswer_answer_text,
.center-block .answer-form .emoji-textarea{
    width: 100% !important;
    background: #fff !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
    font-family: "Manrope", system-ui, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    resize: vertical !important;
}
.center-block .answer-form .emoji-button{ color: var(--ink-soft) !important; }
/* отступ сверху у блока загрузки файлов на кремовой панели */
/* блок загрузки файлов — отступ от текстарии */
.center-block .answer-form .field-lessonanswer-answer_text > div[style*="overflow"]{
    margin-top: 16px !important;
}
/* кнопка добавления файлов — мягкая ссылка на кремовой панели */
.center-block .uploadifive-button{
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    background: transparent !important;
    border: 0 !important;
    color: var(--ink-soft) !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto !important;
    min-width: 0;
    max-width: max-content;
    padding: 0 !important;
    cursor: pointer;
}
.center-block .uploadifive-button:hover{ color: var(--ink) !important; background: transparent !important; }
.center-block .answer-form .text-muted.small{
    display: inline-block;
    margin-left: 12px;
    color: var(--ink-soft) !important;
}
/* основные кнопки */
.center-block .btn-send-answer,  .o-lt-lesson-mission-block_self .btn{
    background: var(--gold) !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: .12em;
    text-transform: uppercase;
    height: 48px !important;
    padding: 0 28px !important;
    box-shadow: none !important;
    transition: transform .14s ease, filter .14s ease;
}

.center-block .btn-send-answer:hover, .center-block .btn-save-draft:hover{ transform: translateY(-1px); filter: brightness(1.04); }
.center-block .btn-save-draft{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--ink-soft) !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    background: #0C375E!important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: .12em;
    text-transform: uppercase;
    height: 48px !important;
    padding: 0 15px !important;
    box-shadow: none !important;
    transition: transform .14s ease, filter .14s ease;
}



/* ══════════════════════════════════════════════════════════════
ОТПРАВЛЕННЫЙ ОТВЕТ УЧЕНИКА + проверка куратора
(.self-answers внутри navy-карточки задания)
══════════════════════════════════════════════════════════════ */


.center-block .self-answers .answer_wrapper, .center-block .self-answers .answer-form-inner {
    position: relative;
    border: 0 !important;
    overflow: visible !important;
    background: var(--cream) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    margin-top: 4px !important;
}
/* лишний дублирующий аватар слева от карточки убираем */
.center-block .self-answers .answer_wrapper > .user-image{ display: none !important; }
.center-block .self-answers .answer-content{
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}


.center-block .self-answers .answer-content  { padding-bottom: 10px!important; }

/* —— Статус-бейдж (верхний правый угол) —— */
.center-block .self-answers .answer-status{
    top: 0;
    right: 0;
    text-align: right;
    margin: 0 !important;
    z-index: 2;
}
.center-block .self-answers .answer-status-label{
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    line-height: 1.2 !important;
    white-space: nowrap;
}
.center-block .self-answers .answer-status-label .glyphicon{ font-size: 11px; }
/* на проверке */
.center-block .answer_wrapper.status-new .answer-status-label,
.center-block .answer_wrapper.status-on_check .answer-status-label{
    background: rgba(199,164,106,.18) !important;
    color: rgb(150,113,46) !important;
}
.center-block .answer_wrapper.status-new .answer-status-label::before,
.center-block .answer_wrapper.status-on_check .answer-status-label::before{
    content: "";
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--gold);
}
/* принято */
.center-block .answer_wrapper.status-accepted .answer-status-label{
    background: var(--ok) !important;
    color: #fff !important;
}
/* отклонено */
.center-block .answer_wrapper.status-rejected .answer-status-label,
.center-block .answer_wrapper.status-declined .answer-status-label{
    background: rgba(201,74,74,.14) !important;
    color: rgb(178,52,52) !important;
}
/* ссылка «Редактировать ответ» под бейджем */
.center-block .self-answers .answer-edit-link{ margin-top: 8px !important; }
.center-block .self-answers .answer-edit-link a{
    color: var(--ink-soft) !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color .14s ease;
}
.center-block .self-answers .answer-edit-link a:hover{ color: var(--gold) !important; }

/* —— Шапка ответа: аватар + имя + дата —— */
.center-block .self-answers .answer-content > .title{
    display: flex !important;
    align-items: center;
    gap: 14px;
    margin: 0 0 14px !important;
    padding-right: 200px;
}
.center-block .self-answers .answer-content > .title .user-image{
    float: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
}
.center-block .self-answers .answer-content > .title .user-image img{
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
}
.center-block .self-answers .user-profile-link .text{
    color: var(--ink) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
}
.center-block .self-answers .answer-date,
.center-block .self-answers .answer-date a{
    color: var(--ink-soft) !important;
    font-size: 13px !important;
    text-decoration: none !important;
}
.center-block .self-answers .answer-date a:hover{ color: var(--gold) !important; }

/* —— Текст ответа ученика —— */
.center-block .self-answers .answer-main-content{ margin: 0 0 6px !important; }
.center-block .self-answers .answer-text{
    color: var(--ink) !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    padding-left: 60px;
}
/* «Нравится • Подписаться» под ответом */
.center-block .self-answers .b-like-and-subscribe-notifications{
    display: inline-block;
    padding-left: 60px;
    font-size: 13px !important;
}
.center-block .self-answers .b-like .html,
.center-block .self-answers .b-notifications-subscribe .button{
    color: var(--ink-soft) !important;
    cursor: pointer;
    transition: color .14s ease;
}
.center-block .self-answers .b-like .html:hover,
.center-block .self-answers .b-notifications-subscribe .button:hover{ color: var(--gold) !important; }
.center-block .self-answers .word-separator{ color: rgba(12,55,94,.25) !important; }

/* —— Тред комментариев (проверка куратора + ответы) —— */
.center-block .self-answers .comments{ margin-top: 18px !important; }
.center-block .self-answers .comment-list{ padding-left: 60px; }
.center-block .self-answers .gc-comment{
    margin: 0 0 12px !important;
}
.center-block .self-answers .comment-wrapper{
    background: #fff !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
}
.center-block .self-answers .comment{
    display: grid !important;
    grid-template-columns: 40px 1fr;
    gap: 14px;
    align-items: start;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.center-block .self-answers .comment .user-image-wrapper{
    grid-row: 1 / span 3;
    margin: 0 !important;
}
.center-block .self-answers .comment .user-image-wrapper img{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
}
.center-block .self-answers .comment > .title{
    margin: 0 0 4px !important;
    min-height: 0 !important;
}
.center-block .self-answers .comment > .title .user-profile-link .text{
    color: var(--ink) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
/* комментарий куратора — золотой акцент на имени + бейдж */
.center-block .self-answers .comment > .title .user-profile-link.worker .text{
    color: rgb(150,113,46) !important;
}
.center-block .self-answers .comment > .title .user-profile-link.worker::after{
    content: "куратор";
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(199,164,106,.18);
    color: rgb(150,113,46);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    vertical-align: middle;
}
.center-block .self-answers .comment .text .emoji-text,
.center-block .self-answers .comment .text-content{
    color: var(--ink) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}
.center-block .self-answers .comment .comment-time{
    margin-top: 6px !important;
    color: var(--ink-soft) !important;
}
.center-block .self-answers .comment .comment-time .value{
    color: var(--ink-soft) !important;
    font-size: 12px !important;
}
.center-block .self-answers .comment .b-like .html,
.center-block .self-answers .comment .b-notifications-subscribe .button{
    color: var(--ink-soft) !important;
    font-size: 12px !important;
    cursor: pointer;
}
.center-block .self-answers .comment .b-like .html:hover,
.center-block .self-answers .comment .b-notifications-subscribe .button:hover{ color: var(--gold) !important; }

/* —— Форма ответа на комментарий —— */
.center-block .self-answers .gc-comment-form{
    margin-top: 4px !important;
    padding-left: 0 !important;
}
.center-block .self-answers .gc-comment-form .new-comment{
    margin: 0 !important;
    background: transparent !important;
}
.center-block .self-answers .gc-comment-form form{
    display: flex !important;
    gap: 14px;
    align-items: center;
    width: 100%;
}
/* аватар автора комментария */
.center-block .self-answers .gc-comment-form .user-image-wrapper{ flex: 0 0 auto; margin: 0 !important; }
.center-block .self-answers .gc-comment-form .user-image-wrapper a{
    position: relative;
    display: block !important;
    width: 44px; height: 44px;
    text-decoration: none !important;
}
.center-block .self-answers .gc-comment-form .user-image-wrapper img{
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: block;
}
/* прячем подпись-оверлей «загрузить аватарку» */
.center-block .self-answers .gc-comment-form .user-image-wrapper a span span{ display: none !important; }

/* ряд ввода: пилюля-инпут + отдельная кнопка */
.center-block .self-answers .gc-comment-form .textarea-block{
    flex: 1 1 auto;
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: 12px;
    position: static !important;
    background: transparent !important;
    padding: 0 !important;
}
/* белая пилюля */
.center-block .self-answers .gc-comment-form .emoji-container{
    flex: 1 1 auto;
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: 8px;
    background: #fff !important;
    border: 1px solid var(--stroke);
    border-radius: 999px;
    padding: 6px 18px;
}
.center-block .self-answers .gc-comment-form .new-comment-textarea{
    flex: 1 1 auto;
    min-width: 0;
    height: 36px !important;
    min-height: 36px !important;
    background: transparent !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 7px 0 !important;
    line-height: 22px !important;
    font-family: "Manrope", system-ui, sans-serif !important;
    font-size: 15px !important;
    color: var(--ink) !important;
    resize: none !important;
    overflow: hidden !important;
}
.center-block .self-answers .gc-comment-form .new-comment-textarea:focus{
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}
.center-block .self-answers .gc-comment-form .new-comment-textarea::placeholder{ color: var(--ink-soft) !important; }
.center-block .self-answers .gc-comment-form .emoji-button{ flex: 0 0 auto; color: var(--ink-soft) !important; cursor: pointer; }
/* скрепка — отдельной мягкой иконкой перед кнопкой */
/* скрепка — рисуем свою иконку (не зависим от шрифта glyphicons), input остаётся кликабельным */
.center-block .self-answers .gc-comment-form .attach-file-button-container{
    position: relative;
    flex: 0 0 auto;
    order: 2;
    width: 42px;
    height: 42px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b9b9b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
    transition: background-color .14s ease;
}
.center-block .self-answers .gc-comment-form .attach-file-button-container:hover{ background-color: rgba(12,55,94,.06); }
.center-block .self-answers .gc-comment-form .uploadifive-button{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: transparent !important;
    overflow: hidden !important;
    cursor: pointer;
}
.center-block .self-answers .gc-comment-form .uploadifive-button .glyphicon{ display: none !important; }
.center-block .self-answers .gc-comment-form .uploadifive-button input[type="file"]{
    width: 100% !important;
    height: 100% !important;
    right: 0 !important;
    top: 0 !important;
    opacity: 0;
    cursor: pointer;
}
.center-block .self-answers .gc-comment-form .comment-attach-file-link,
.center-block .self-answers .gc-comment-form .file-uploader{ display: none !important; }
/* кнопка «Отправить» */
.center-block .self-answers .gc-comment-form .btn-send{
    flex: 0 0 auto;
    order: 3;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 26px !important;
    background: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: background .14s ease, transform .14s ease;
}
.center-block .self-answers .gc-comment-form .btn-send:hover{ background: var(--ink-2) !important; transform: translateY(-1px); }
.center-block .self-answers .gc-comment-form .btn-send .fa-send::before{ content: "\27A4"; font-size: 12px; }

/* ── Комментарии (.o-lt-lesson-comment-block) ──────────────────── */
.center-block .o-lt-lesson-comment-block .row-section,
.center-block .o-lt-lesson-comment-block .row-section > div{ padding: 0 !important; }
.center-block .simple-answer.user-answer::before{ content: "\43E \431 \441 \443 \436 \434 \435 \43D \438 \435 "; }
.center-block .new-comment.new-answer{
    display: flex !important;
    gap: 14px !important;
    align-items: flex-start;
}
.center-block .new-comment .user-image{ float: none !important; flex: 0 0 auto; }
.center-block .new-comment .user-image img{
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
}
.center-block .new-comment .answer-comment{ flex: 1 1 auto; min-width: 0; }
.center-block .new-comment-textarea{
    width: 100% !important;
    background: #fff !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 16px !important;
    padding: 14px 16px !important;
    font-family: "Manrope", system-ui, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: var(--ink) !important;
    resize: vertical !important;
}
.center-block .new-comment .btn-send{
    margin-top: 12px !important;
    background: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: .04em;
    padding: 10px 22px !important;
}
.center-block .new-comment .btn-send:hover{ background: var(--ink-2) !important; }

/* ── Следующий шаг (.o-next_lesson) → navy-карточка с CTA ──────── */
.center-block .lite-page .o-next_lesson{
    background: var(--ink) !important;
    border-color: transparent !important;
    box-shadow: 0 18px 40px -22px rgba(12,55,94,.55) !important;
    padding: 40px !important;
}
.center-block .o-next_lesson .modal-block-content::before{
    content: "\441 \43B \435 \434 \443 \44E \449 \438 \439 \20 \448 \430 \433 ";
    display: block;
    font: 600 12px/1 "Manrope", system-ui, sans-serif;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    padding-bottom: 18px;
    margin: 0 0 18px;
    background-image: linear-gradient(var(--gold), var(--gold));
    background-size: 46px 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.center-block .o-next_lesson .next-lesson-title{
    font-family: "Oranienbaum", Georgia, serif;
    font-size: 34px;
    line-height: 1.1;
    color: #fff;
    margin: 0 0 14px;
    text-wrap: pretty;
}
.center-block .o-next_lesson .text,
.center-block .o-next_lesson p{
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,.78) !important;
    margin: 0 !important;
    text-wrap: pretty;
}
.center-block .o-next_lesson .next-lesson-btn{
    display: inline-flex;
    align-items: center;
    margin-top: 24px;
    height: 50px;
    padding: 0 32px;
    border-radius: 999px;
    background: var(--gold);
    color: #fff !important;
    font: 700 13px/1 "Manrope", system-ui, sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none !important;
    transition: transform .14s ease, filter .14s ease;
}
.center-block .o-next_lesson .next-lesson-btn:hover{
    transform: translateY(-1px);
    filter: brightness(1.05);
}

/* ── Адаптив ───────────────────────────────────────────────────── */
@media (max-width: 640px){
    .center-block .lesson-header-block,
    .center-block .lite-page .o-lt-video,
    .center-block .lite-page .o-lt-lesson-files,
    .center-block .lite-page .o-lt-lesson-mission-block,
    .center-block .lite-page .o-lt-lesson-comment-block,
    .center-block .lite-page .o-next_lesson,
    .center-block .lite-page .o-lt-lesson-header{ padding: 22px !important; }
    .center-block .lesson-title-value{ font-size: 30px !important; }
    .center-block .o-next_lesson .next-lesson-title{ font-size: 27px; }
    /* файлы: «Скачать» уходит в поток, отступ справа не нужен */
    .center-block .files-table tr{ flex-wrap: wrap; padding: 16px 18px !important; }
    .center-block .files-table td:nth-child(3) a::after{
        position: static !important;
        transform: none !important;
        margin-top: 10px;
    }

    .center-block .files-table td:nth-child(3) a:after {
        position: absolute!important;
    }
    .center-block .files-table td:nth-child(3){ flex: 1 1 100% !important; }
}








/*Страница редактирования ответа*/

@charset "UTF-8";
/* ════════════════════════════════════════════════════════════════
Answer edit page (GetCourse) — ОВЕРРАЙД штатной страницы
/teach/control/answers/edit
----------------------------------------------------------------
Перебивает teach.css / answers.css / bootstrap на реальном DOM
страницы редактирования ответа. Заскоуплено под `.main-page-block`
и `.answers-list.edit-answer`, !important на свойствах, которые
GetCourse задаёт глобально / инлайном.

Палитра (как в lesson-page-gc.css / lesson-list.css):
navy  rgb(12,55,94)   gold  rgb(199,164,106)
cream rgb(244,239,229) stroke rgb(214,213,210)
════════════════════════════════════════════════════════════════ */




/* ──────────────────────────────────────────────────────────────
Каркас — узкая центрированная колонка
────────────────────────────────────────────────────────────── */
.main-page-block .main-page-container{
    max-width: 820px !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-family: "Manrope", system-ui, sans-serif !important;
    color: var(--ink) !important;
}

/* ── Логотип школы ─────────────────────────────────────────────── */
.main-page-block .gc-account-logo{
    margin: 0 0 28px !important;
}
.main-page-block .gc-account-logo .logo-link{ text-decoration: none !important; }
.main-page-block .gc-account-logo .logo-text{
    font-family: "Oranienbaum", Georgia, serif !important;
    font-size: 26px !important;
    letter-spacing: .02em;
    color: var(--ink) !important;
    text-transform: lowercase;
}

.edit-answer img {
    display: none;
} 

/* ──────────────────────────────────────────────────────────────
Уведомление об ошибке (notice top-panel) → аккуратная плашка
────────────────────────────────────────────────────────────── */
.gc-user-user .redesigned-notice-widget{
    max-width: 820px;
    margin: 0 auto 24px !important;
    display:none!important;
}
.redesigned-notice-widget .notice-top-panel{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: rgb(252,247,237) !important;
    border: 1px solid rgba(199,164,106,.5) !important;
    border-radius: 18px !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    color: var(--gold-ink) !important;
    font-family: "Manrope", system-ui, sans-serif !important;
}
.redesigned-notice-widget .redesigned-notice-content{
    display: flex !important;
    align-items: center;
    gap: 12px;
    min-width: 0;
}
.redesigned-notice-widget .rd-notice-icon{
    flex: 0 0 auto;
    display: inline-flex;
    color: var(--gold) !important;
}
.redesigned-notice-widget .redesigned-notice-text{
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: var(--ink) !important;
}
.redesigned-notice-widget .rd-btn-notice{
    flex: 0 0 auto;
    background: var(--ink) !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font: 700 12px/1 "Manrope", system-ui, sans-serif !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 10px 18px !important;
    transition: background .14s ease;
}
.redesigned-notice-widget .rd-btn-notice:hover{ background: var(--ink-2) !important; }
.redesigned-notice-widget .close-link{
    flex: 0 0 auto;
    color: var(--ink-soft) !important;
    display: inline-flex;
    transition: color .14s ease;
}
.redesigned-notice-widget .close-link:hover{ color: var(--ink) !important; }

/* ──────────────────────────────────────────────────────────────
Шапка страницы: «назад» + заголовок
────────────────────────────────────────────────────────────── */
.main-page-block .page-header{
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
}
.gc-user-user .main-page-block .page-header .page-actions{
    float: none !important;
    margin: 0 0 18px !important;
}
.gc-user-user .main-page-block .page-header .page-actions .btn{
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--ink-soft) !important;
    font: 600 12px/1 "Manrope", system-ui, sans-serif !important;
    letter-spacing: .12em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .14s ease;
}
.gc-user-user .main-page-block .page-header .page-actions .btn:hover{ color: var(--ink) !important; }
.gc-user-user .main-page-block .page-header .page-actions .glyphicon-arrow-left{ color: var(--gold) !important; }

.main-page-block .page-header h1{
    font-family: "Oranienbaum", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
    color: var(--ink) !important;
    margin: 0 !important;
    text-wrap: pretty;
}

/* ──────────────────────────────────────────────────────────────
Карточка формы ответа (navy, как блок задания на уроке)
────────────────────────────────────────────────────────────── */
.main-page-block .answers-list.edit-answer{
    position: relative;
    background: var(--ink) !important;
    border-radius: 28px !important;
    padding: 36px !important;
    margin: 0 0 60px !important;
    color: #fff !important;
    box-shadow: 0 18px 40px -22px rgba(12,55,94,.55);
    overflow: hidden;
}
/* золотая надпись-эйбрау */
.main-page-block .answers-list.edit-answer::before{
    content: "форма ответа";
    display: block;
    font: 600 12px/1 "Manrope", system-ui, sans-serif;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    padding-bottom: 18px;
    margin: 0 0 24px;
    background-image: linear-gradient(var(--gold), var(--gold));
    background-size: 46px 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

/* сбрасываем bootstrap-обвязку формы */
.main-page-block .answer-form,
.main-page-block .answer-form-inner,
.main-page-block .answer-form-inner > div,
.main-page-block .answer-textarea-container,
.main-page-block .field-lessonanswer-answer_text,
.main-page-block .emoji-container{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}
/* штатный аватар в форме не нужен */
.main-page-block .answer-form-avatar{ display: none !important; }

/* ── Статус задания ────────────────────────────────────────────── */
.main-page-block .answer-status-line{
    display: flex !important;
    align-items: center;
    gap: 12px;
    margin: 0 0 22px !important;
}
.main-page-block .answer-status-key{
    font: 600 11px/1 "Manrope", system-ui, sans-serif;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255,255,255,.5) !important;
}
.main-page-block .answer-status-pill, .alert .flashes {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    font: 700 12px/1.2 "Manrope", system-ui, sans-serif;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: rgba(199,164,106,.18) !important;
    color: var(--gold) !important;
    white-space: nowrap;
}
.main-page-block .answer-status-pill::before{
    content: "";
    width: 7px; height: 7px;
    border-radius: 50%;
    background: var(--gold);
}

/* ── Кремовая панель ввода ─────────────────────────────────────── */
.main-page-block .answer-textarea-container{
    background: var(--cream) !important;
    border-radius: 18px !important;
    padding: 22px !important;
    margin-bottom: 20px!important;
}
.main-page-block .emoji-container{ position: relative; }
.main-page-block #LessonAnswer_answer_text,
.main-page-block .answer-form .emoji-textarea{
    width: 100% !important;
    min-height: 150px !important;
    background: #fff !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
    font-family: "Manrope", system-ui, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: var(--ink) !important;
    resize: vertical !important;
    outline: none !important;
}
.main-page-block #LessonAnswer_answer_text:focus{
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 3px rgba(199,164,106,.18) !important;
}
.main-page-block .answer-form .emoji-button{
    position: absolute;
    right: 14px;
    bottom: 14px;
    color: var(--ink-soft) !important;
    cursor: pointer;
}

/* строка добавления файлов */
.main-page-block .answer-files-row{
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 16px !important;
}
.main-page-block .uploadifive-button{
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: max-content;
    color: var(--ink-soft) !important;
    font: 600 12px/1 "Manrope", system-ui, sans-serif !important;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .14s ease;
}
.main-page-block .uploadifive-button:hover{ color: var(--ink) !important; background: transparent !important; }
.main-page-block .uploadifive-button svg{ flex: 0 0 auto; }
.main-page-block .answer-files-row .text-muted.small{
    color: var(--ink-soft) !important;
    font-size: 12px !important;
}

/* ── Действия ──────────────────────────────────────────────────── */
.main-page-block .answer-actions{
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px !important;
}
.main-page-block .edit-answer .btn-lg{
    background: var(--gold) !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    font: 700 13px/1 "Manrope", system-ui, sans-serif !important;
    letter-spacing: .12em;
    text-transform: uppercase;
    height: 50px !important;
    padding: 0 30px !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    cursor: pointer;
    transition: transform .14s ease, filter .14s ease;
}
.main-page-block .edit-answer .btn-lg:hover{ transform: translateY(-1px); filter: brightness(1.05); }
.main-page-block .answer-actions-or{
    color: rgba(255,255,255,.5) !important;
    font-size: 13px !important;
}
.edit-answer .answer-form-inner a {
    color: rgba(255,255,255,.78) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,.28);
    padding-bottom: 1px;
    transition: color .14s ease, border-color .14s ease;
}
.main-page-block .answer-actions-back:hover{
    color: var(--gold) !important;
    border-color: var(--gold) !important;
}

/* ── Адаптив ───────────────────────────────────────────────────── */
@media (max-width: 640px){
    .center-block .lesson-header-block,
    .center-block .lite-page .o-lt-video,
    .center-block .lite-page .o-lt-lesson-files,
    .center-block .lite-page .o-lt-lesson-mission-block,
    .center-block .lite-page .o-lt-lesson-comment-block,
    .center-block .lite-page .o-next_lesson,
    .center-block .lite-page .o-lt-lesson-header{ padding: 22px !important; }
    .center-block .lesson-title-value{ font-size: 30px !important; }
    .center-block .o-next_lesson .next-lesson-title{ font-size: 27px; }
    /* файлы: «Скачать» уходит в поток, отступ справа не нужен */
    .center-block .files-table tr{ flex-wrap: wrap; padding: 16px 18px !important; }
    .center-block .files-table td:nth-child(3) a::after{
        position: static !important;
        transform: none !important;
        margin-top: 10px;
    }
    .center-block .files-table td:nth-child(3){ flex: 1 1 100% !important; }
}

/* ── Адаптив: карточка ответа + тред комментариев ──────────────── */
@media (max-width: 640px){
    /* Статус-бейдж: из абсолюта в правом углу → в поток над шапкой,
    чтобы не наезжал на имя пользователя */
    .center-block .self-answers .answer-status{
        position: static !important;
        text-align: left !important;
        margin: 0 0 16px !important;
    }
    .center-block .self-answers .answer-status-label{
        white-space: normal !important;
        line-height: 1.35 !important;
    }
    .center-block .self-answers .answer-edit-link{ margin-top: 10px !important; }

    /* Шапка ответа: убираем зарезервированное справа место, разрешаем перенос */
    .center-block .self-answers .answer-content > .title{
        padding-right: 0 !important;
        flex-wrap: wrap;
        gap: 10px 12px !important;
    }

    /* На узком экране 60px-отступ съедает ширину — выравниваем по краю */
    .center-block .self-answers .answer-text,
    .center-block .self-answers .b-like-and-subscribe-notifications,
    .center-block .self-answers .comment-list{ padding-left: 0 !important; }

    /* Форма ответа на комментарий: поле на всю ширину, кнопки в свой ряд */
    .center-block .self-answers .gc-comment-form form{ flex-wrap: wrap; gap: 12px; }
    .center-block .self-answers .gc-comment-form .user-image-wrapper{ display: none !important; }
    .center-block .self-answers .gc-comment-form .textarea-block{
        flex: 1 1 100%;
        flex-wrap: wrap;
        row-gap: 12px;
    }
    .center-block .self-answers .gc-comment-form .emoji-container{ flex: 1 1 100%; }
    .center-block .self-answers .gc-comment-form .btn-send{ margin-left: auto; }

    /* Нижний блок «добавить комментарий к уроку»: чуть компактнее аватар */
    .center-block .new-comment .user-image img{ width: 40px !important; height: 40px !important; }
}



/*Доп правки*/

.answer-form { padding: 0px!important;} 

.lesson-mission-wrapper {
    border:none!important;
}

.center-block .o-lt-video .download-btn, .b-like-and-subscribe-notifications {
    display: none!important;
}


.simple-answer {
    border-radius: 15px;
}

.center-block .other-answers .new-comment-textarea {
    padding-bottom: 40px!important;   
}

.center-block .self-answers .gc-comment-form .attach-file-button-container {
    position: relative!important;
    display: block!important;
    right:0!important;
    cursor: pointer!important;
}



.center-block .self-answers .gc-comment-form .uploadifive-button {
    display: block!important;
    position: relative!important;
    width: 100%!important;
    height: 100%!important;
    max-width: 70px!important;
    max-height: 70px!important;
    z-index: 312312312324353245!important;

}

.center-block .self-answers .gc-comment-form .attach-file-button-container:hover {
    cursor: pointer!important;
}

.emoji-button {
    top:10px;
    right: 10px;
}

.center-block .lesson-mission-wrapper .self-answers .gc-comment-form .btn-send {
    margin-top: 0!important;
}

.answer-status-label:after {
    content: "До 3-х рабочих дней";
    display: block!important;
    margin-top: 5px;

}

.center-block .self-answers .answer-status-label {
    display: flex!important;
    flex-direction: column;
    gap:0px!important;
    align-items: start;
    padding-left: 25px!important;
}


.center-block .answer_wrapper.status-new .answer-status-label::before, .center-block .answer_wrapper.status-on_check .answer-status-label::before{
    position: absolute;
    left: 12px;
    top:12px;
    display:none;
}

.o-lt-lesson-comment-block.lite-block-live-wrapper.o-lt-lesson .row-section {
    margin-bottom: 0!important;  
}

.answer-content .public-level-block {
    color:var(--ink-soft) !important;
}

/* —— Вложенный файл в комментарии (.docx и т.п.) → файл-чип —— */
.center-block .self-answers .comment .comment-files-widget{
    gap: 12px !important;
    margin: 10px 0 4px !important;
}
.center-block .self-answers .comment .answer-file-box{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 10px 16px 10px 12px !important;
    background: #fff !important;
    border: 1px solid var(--stroke, rgb(225,227,231)) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 20px -18px rgba(12,55,94,.55) !important;
    transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease !important;
}
.center-block .self-answers .comment .answer-file-box:hover{
    border-color: var(--gold, rgb(199,164,106)) !important;
    box-shadow: 0 12px 24px -16px rgba(12,55,94,.5) !important;
    transform: translateY(-1px);
}
/* иконка-документ */
.center-block .self-answers .comment .simple-filelist-fileicon{
    flex: 0 0 auto !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: rgba(199,164,106,.16) !important;
}
.center-block .self-answers .comment .simple-filelist-fileicon .glyphicon{
    margin: 0 !important;
    font-size: 18px !important;
    color: rgb(150,113,46) !important;
}
/* имя файла + размер */
.center-block .self-answers .comment .simple-filelist-filename{
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.center-block .self-answers .comment .simple-filelist-filename > a{
    color: var(--ink, rgb(12,55,94)) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: wrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}
.center-block .self-answers .comment .simple-filelist-filename > a:hover{
    color: var(--gold, rgb(199,164,106)) !important;
    text-decoration: none !important;
}
.center-block .self-answers .comment .simple-filelist-filesize{
    color: var(--ink-soft, rgb(120,132,148)) !important;
    font-size: 12px !important;
}

.self-answers .status-accepted .answer-status-label:after {
    display: none!important;
}

.center-block .self-answers .status-accepted .answer-status-label {
    display: inline-block!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    text-align: left;
}


.answer-form .addfield-type-checkbox {
    color:#000;
}

.lesson-mission-wrapper .addfield  {
    color:#000!important;
}

.lesson-mission-wrapper .addfield {
    background: transparent!important;
}

.lesson_css.body_user .standard-logo, .lesson_css.body_user .page-header, .lesson_css.body_user .breadcrumb, .lesson_css.body_user .gc-account-leftbar {
    display: none!important;
}

.user-answer .answer-content .answer-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

.body_user .main-page-block.medium-width .container {
    margin: 0 auto;
}

.body_user #gc-topnav-root {
    right: 50%!important;
    left: auto!important;
    transform: translateX(50%)!important;
    width: 100%;
    margin-right: 0!important;
    margin-left: 0!important;
}

.body_user .gc-main-content.with-left-menu {
    margin-left: 0;
}

.lesson_css .gc-main-content.with-left-menu .container  {
    margin: 0 auto!important;
}

.lesson_css .gc-topnav {
    margin: 0 auto!important;
}

.gc-topnav {
    height:90px!important;    
}

.answer-form .answer-textarea-container {
    width:100%!important;   
}

/* ── Форма ответа: доп. поля + загрузка файла ───────────────────── */

/* смайл-кнопка прижата к верхнему правому углу текстарии */
.center-block .answer-textarea-container .emoji-container{ position: relative !important; }
.center-block .answer-form .emoji-button{
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    color: var(--ink-soft) !important;
    cursor: pointer;
}

/* отступ блока загрузки от текстарии */
.center-block .answer-form .field-lessonanswer-answer_text > div[style*="overflow"]{
    margin-top: 16px !important;
}

/* доп. поля ответа (.addfield: ссылка, загрузка файла) */
.center-block .answer-form .addfield{
    margin-top: 18px !important;
}
.center-block .answer-form .addfield > label{
    display: block !important;
    margin: 0 0 8px !important;
    font: 600 13px/1.3 "Manrope", system-ui, sans-serif !important;
    letter-spacing: .01em;
    text-transform: none !important;
    color: var(--ink) !important;
}

/* поле «ссылка на внешний документ» — как текстария, во всю ширину */
.center-block .answer-form .addfield-type-string input.type-string,
.center-block .answer-form .addfield-type-string input[type="text"]{
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 48px !important;
    background: #fff !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 14px !important;

/* ------------- 
content start - dop_pravki
------------- */


/* ------------- 
content finish - dop_pravki
------------- */