/* MedCore · дизайн v6, экраны группы «главная + обучение + инструменты». Основа – v6.css (подключён до этого файла).
   Макеты: docs/дизайн/v6/V6_1_01_home, V6_2_02_learn, V6_2_02_learn_tools, V6_2_22a/c/e/f, V6_2_23, V6_2_24, V6_2_28. */

/* ============ главная (viewHomeV5 при V6) ============ */
.hm-top{gap:12px}
.hm-top .logo{width:40px;height:40px;border-radius:12px;box-shadow:none}
.hm-hi b{font-size:18px}
.hm-hi span{font-size:16px;color:var(--v-ink2)}
.h6home .hm-hero{gap:12px}
.hm-labels.h6goal{justify-content:flex-start}
.hm-labels.h6goal span{white-space:nowrap}
.h6home .hm-tasks{border-radius:32px;padding:20px 20px 10px}
.h6home .hm-th{padding-bottom:4px}
.h6home .hm-err{border-radius:32px;padding:20px}
.h6home .hm-errb{background:#061331}
.h6home .tick.now + .rt b{color:var(--v-ink)}
@media (min-width:1024px){.hm-grid.h6home{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}

/* ============ обучение (viewLearnV6) ============ */
.h6learn{display:flex;flex-direction:column;gap:16px;min-width:0}
.h6learn .ln-top{align-items:flex-end}
.h6learn .ttl{margin-top:2px}
/* карточка текущего предмета: обложка 150 + белая полоса */
.h6cur{border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow2)}
.h6cur-art{position:relative;display:block;height:150px;overflow:hidden;background:#0A5CF5}
.h6cur-art > img{width:100%;height:100%;object-fit:cover;display:block}
.h6cur-art > img.h6hist{object-position:center 75%}
.h6cur-art > .art{position:absolute;inset:0;height:auto}
.h6cur-art > .pill{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.94);z-index:2}
.h6cur-bot{display:flex;align-items:center;gap:12px;padding:16px 18px 18px;border-top:1px solid var(--v-line)}
.h6cur-t{flex:1;min-width:0;color:var(--v-ink);text-decoration:none}
.h6cur-t b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;overflow-wrap:anywhere}
.h6cur-t span{display:block;font-size:14px;color:var(--v-mut);line-height:1.35}
.h6go{height:44px;padding:0 18px;border-radius:16px;background:var(--v6-btn-grad);color:#fff;font-size:15px;font-weight:600;display:inline-flex;align-items:center;text-decoration:none;flex:none;box-shadow:0 8px 18px rgba(0,98,254,.25)}
.h6go:active{transform:scale(.98)}
/* плитки 196: рисунок 140 + подпись 56 на белой полосе */
.h6grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.h6grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
.h6tile{position:relative;height:196px;border-radius:26px;overflow:hidden;background:#fff;color:var(--v-ink);display:block;box-shadow:var(--v6-tile-shadow);padding:0;border:0;font:inherit;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;transition:transform .12s;min-width:0}
.h6tile:active{transform:scale(.98)}
.h6tile .art{position:absolute;left:0;right:0;top:0;height:140px;overflow:hidden}
.h6tile .art > svg{position:absolute;inset:0;width:100%;height:140px}
.h6cap{position:absolute;left:0;right:0;bottom:0;height:56px;background:#fff;border-top:1px solid var(--v-line);display:flex;align-items:center;justify-content:center;padding:0 10px}
.h6cap b{font-size:16px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.h6fill{width:100%;height:100%;object-fit:cover;object-position:center 70%;display:block}
.h6plus{background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 2px rgba(0,98,254,.22);text-decoration:none}
.h6plus-ic{position:absolute;left:50%;top:0;height:140px;transform:translateX(-50%);display:flex;align-items:center}
.h6plus-ic svg{width:56px;height:56px;padding:15px;border-radius:50%;background:#E6EFFF;box-sizing:border-box}
.h6plus .h6cap{background:transparent;border-top:0;color:var(--v-blue)}
.h6add{height:54px;border-radius:20px;font-size:15px;color:var(--v-blue)}
.h6add span{color:var(--v-blue)}
/* вкладка «инструменты» */
.h6hello{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 0 2px;text-align:center}
.h6hello .ttl{line-height:1.1}
.h6sched{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:24px;background:#fff;border:1px solid var(--v6-edge);box-shadow:0 1px 2px rgba(6,19,49,.04),0 10px 28px rgba(20,40,120,.06);text-decoration:none;color:var(--v-ink)}
.h6sched-ic{width:48px;height:48px;border-radius:16px;background:var(--v-blue);display:grid;place-items:center;flex:none}
.h6sched .rt{flex:1;min-width:0}
.h6sched .rt b{display:block;font-size:16px;font-weight:600}
.h6sched .rt small{display:block;font-size:13px;color:var(--v-mut)}

/* ============ экраны инструментов (body.t6: лекция, презентации, карточки, латынь, расписание, доска, 3D-атлас) ============ */
/* шапка: кнопка 44 + «обучение · инструменты», ниже Literata 34 и описание 15 */
.h6tt{display:flex;flex-direction:column;gap:6px;padding-top:4px}
.h6tt .ttl{line-height:1.1}
body.t6 .main{gap:16px}
body.t6 .card{border-radius:28px;padding:18px;gap:12px}
body.t6 .card > b:first-child,body.t6 .card > div:first-child > b:first-child{font-size:18px!important;font-weight:700;letter-spacing:-.02em}
body.t6 .blue{border-radius:30px}
body.t6 .blue .big{font-size:52px;line-height:1;font-weight:700;letter-spacing:-.04em}
body.t6 .btn{height:52px;border-radius:18px;font-size:15px}
body.t6 .btn.white{height:50px}
body.t6 .bar{height:8px;border-radius:6px;background:#E3EAF6}
body.t6 .bar > i{background:linear-gradient(90deg,#00C2FF,#0062FE)}
body.t6 .card.lecwarn{background:var(--v-ice);box-shadow:none;border:1px solid #BFD6FE}
/* презентации: строки вопросов – серые плашки на белой карточке */
body.t6 .slq{background:var(--v6-bg);border-radius:16px;padding:11px 14px}
body.t6 .sltopic-h .chip{background:var(--v-ice);color:var(--v-blue);height:34px;border-radius:12px;padding:0 12px;font-weight:600}
/* расписание: плитки дат 62×66, ближайшая – ночная, остальные – лёд */
body.t6 .schrow{grid-template-columns:62px minmax(0,1fr) auto;padding:10px 0}
body.t6 .schdate{width:62px;height:66px;border-radius:18px;background:var(--v-ice);color:var(--v-blue)}
body.t6 .schdate b{font-size:24px;letter-spacing:-.03em}
body.t6 .schlist:first-of-type .schrow:not(.past):first-child .schdate,body.t6 .schrow.on .schdate{background:#061331;color:#fff}
/* поля и выбор в формах инструментов – 16px+, белые с рамкой */
body.t6 .field select,body.t6 .field input{height:52px;border-radius:16px;font-size:16px;background:#fff;border:1px solid rgba(6,19,49,.08);box-shadow:none}
body.t6 .seg{background:var(--v6-sub)}
body.t6 .seg button{height:40px;font-size:14.5px}

/* --- доска (board.js не трогаем, только вид): белые карточки, кнопки v6 --- */
.bd-sheet{border-radius:28px;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow)}
.bd-say{border-radius:24px;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow)}
.bd-btn{height:48px;border-radius:16px;background:var(--v6-btn-grad);box-shadow:0 8px 18px rgba(0,98,254,.22)}
.bd-btn.ghost{background:#fff;color:var(--v-ink);box-shadow:0 1px 2px rgba(6,19,49,.04);border:1px solid rgba(6,19,49,.1)}
.bd-voice[aria-pressed="true"]{background:var(--v6-btn-grad)}
.bd-ask input{height:48px;border-radius:16px;border:1px solid rgba(6,19,49,.08)}
.bd-tutor,.bd-err{border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow)}
.bd-check{background:var(--v-ice);border-radius:24px}
.bd-kicker{color:var(--v-blue)}

/* --- 3D-атлас (atlas.js не трогаем): серый переключатель, подпись кости – серая плашка, кнопка v6 --- */
html .atl-seg{background:var(--v6-sub);box-shadow:none;padding:5px;height:auto}
html .atl-seg button{height:40px;color:var(--v-ink2);font-size:14.5px}
html .atl-seg button.on{background:#fff;color:var(--v-blue);box-shadow:0 4px 12px rgba(20,40,120,.14)}
html .atl-stage{border-radius:24px}
html .atl-info{background:var(--v6-bg);border-radius:20px}
html .atl-lat{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--v-blue)}
html .atl-btn{background:var(--v6-btn-grad);border-radius:16px;height:46px}
html .atl-btn.ghost{background:#fff;color:var(--v-ink);box-shadow:none;border:1px solid rgba(6,19,49,.1);border-radius:16px}
/* расписание: «итоговое | зачёт | экзамен» – переключатель v6 (серая подложка, активный белый) */
body.t6 .opts.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;border-radius:999px;background:var(--v6-sub)}
body.t6 .opts.three .pick.chipick{min-height:40px;padding:0 8px;border-radius:999px;align-items:center;background:transparent;box-shadow:none;color:var(--v-ink2)}
body.t6 .opts.three .pick.chipick b{font-size:14.5px}
body.t6 .opts.three .pick.chipick.on{background:#fff;color:var(--v-blue);box-shadow:0 4px 12px rgba(20,40,120,.14)}
/* работа над ошибками: «0» – обычным цветом (зелёный в v6 только «верно», QA-телефон) */
.hm-errn .num.ok{color:var(--v-ink)}

/* главная: «задать цель» (44 px), «поставить новую цель» */
.hm-setgoal{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:6px;padding:0 22px;text-decoration:none}
.hm-newgoal{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:-4px;color:#fff;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:3px}

/* аватарка Telegram (п. 25 правок 21.10): поверх буквы/значка, не загрузилась – буква остаётся */
.ava-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.hm-ava{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none;background:#E6EFFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 4px 12px rgba(20,40,120,.12)}
.m5-ava{position:relative;overflow:hidden}
/* карточки: «как пользоваться» – только на ПК (на телефоне та же подсказка стоит под прогрессом) */
body.t6 .card.c-how{display:none}
body.t6 .card.atl-note{flex-direction:row;align-items:center;gap:10px;padding:14px 20px;font-size:14px;line-height:1.35;color:#3A4A6B}
body.t6 .card.atl-note svg{flex:none}

/* «пригласи друга» (правка 21.10): компактная карточка под «работой над ошибками»; бот не может написать – ссылка и «скопировать» */
.hm-inv{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:28px}
.hm-invr{display:flex;align-items:center;gap:12px;min-width:0}
.hm-invr .rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hm-invr .rt b{font-size:16px;line-height:1.25;font-weight:600}
.hm-invr .rt small{font-size:13px;line-height:1.3;color:var(--v-mut,#667085)}
.hm-invb{flex:none;height:40px;padding:0 16px;border-radius:14px;font-size:14px;white-space:nowrap}
.hm-invl{display:flex;gap:8px}
.hm-invl[hidden]{display:none}
.hm-invl input{flex:1;min-width:0;height:44px;padding:0 12px;border-radius:14px;border:1px solid rgba(6,19,49,.08);background:#F4F6FA;color:var(--v-ink,#061331);font:inherit;font-size:16px}
.hm-invl .btnl{flex:none;height:44px;padding:0 14px;border-radius:14px;font-size:14px}
