/* Учебный модуль: профиль ученика, ДЗ, статистика. Дополняет style.css/extra.css. */
.lms-wrap{padding-bottom:20px}
.lms-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}
.lms-nav a{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#3b4a63;font-size:14px;font-weight:800}
.lms-nav a:hover{border-color:#b9cdf5;color:#2f6edc}
.lms-nav a.active{background:var(--accent);border-color:var(--accent);color:#fff}

.lms-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:20px}
.lms-card h2{font-size:21px;letter-spacing:-.02em;margin:0 0 6px;color:var(--dark)}
.lms-card .lms-sub{color:#66758e;margin:0 0 16px;font-size:14px}
.lms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:start}
.lms-split{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}
@media(max-width:680px){.lms-split{grid-template-columns:1fr;justify-items:center}}

.lms-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.lms-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.lms-kpi strong{display:block;font-size:28px;font-weight:950;letter-spacing:-.03em;color:var(--dark)}
.lms-kpi span{font-size:13px;color:#718097}

.lms-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#566580;margin:0 0 16px}
.lms-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}

.lms-bars{display:flex;flex-direction:column;gap:10px}
.lms-bar-row{display:grid;grid-template-columns:minmax(120px,230px) 1fr 92px;gap:12px;align-items:center}
.lms-bar-label{font-weight:700;font-size:14px;color:#2b3850;overflow-wrap:anywhere}
.lms-bar-track{height:16px;border-radius:999px;background:#eef1f6;overflow:hidden}
.lms-bar-fill{height:100%;border-radius:999px;min-width:3px}
.lms-bar-num{text-align:right;line-height:1.2}
.lms-bar-num strong{display:block;font-size:15px}
.lms-bar-num span{font-size:12px;color:#7a8aa3}
@media(max-width:680px){.lms-bar-row{grid-template-columns:1fr 80px}.lms-bar-label{grid-column:1/-1}}

.lms-donut{width:180px;height:180px}
.lms-donut-pct{font-size:28px;font-weight:900;fill:#16213a}
.lms-donut-sub{font-size:11px;fill:#718097}
.lms-line{width:100%;height:auto}
.lms-axis{font-size:11px;fill:#7a8aa3}
.lms-val{font-weight:800;fill:#2b3850}

.lms-empty{color:#7a8aa3;margin:0}
.lms-insights{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.lms-insights li{background:#f6f8fc;border-radius:12px;padding:12px 14px;line-height:1.5;font-size:15px}

.lms-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#eef1f6;color:#566580}
.lms-pill.done{background:#eaf7ee;color:#1a6b34}
.lms-pill.progress{background:#fff6e0;color:#8a5a00}
.lms-pill.new{background:#eaf1ff;color:#2f6edc}
.lms-pill.late{background:#fff1f1;color:#b3261e}

.lms-hw-list{display:flex;flex-direction:column;gap:12px}
.lms-hw{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.lms-hw h3{margin:6px 0 2px;font-size:18px}
.lms-hw p{margin:0;color:#66758e;font-size:14px}
.lms-progress{height:8px;border-radius:999px;background:#eef1f6;overflow:hidden;margin-top:10px;min-width:180px}
.lms-progress div{height:100%;background:var(--accent)}

/* Решение задания */
.lms-task{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin-bottom:14px}
.lms-task-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px;font-size:13px;color:#718097}
.lms-task-head b{color:var(--dark);font-size:15px}
.lms-task-body{white-space:pre-wrap;line-height:1.65;font-size:16px;margin:0 0 14px;overflow-wrap:anywhere}
.lms-task input[type=text]{width:100%;max-width:360px;padding:12px 14px;border:1px solid #d5dcea;border-radius:12px;font:inherit;font-size:16px}
.lms-task input[type=text]:focus{outline:2px solid rgba(79,140,255,.35);border-color:var(--accent)}
.lms-task.ok{border-color:#b8e0c4;background:#fbfefc}
.lms-task.bad{border-color:#efb6b6;background:#fffafa}
.lms-result{margin-top:10px;font-weight:700}
.lms-result.ok{color:#1a6b34}
.lms-result.bad{color:#b3261e}
.lms-expl{margin-top:8px;padding:12px 14px;background:#f6f8fc;border-radius:12px;font-size:14px;line-height:1.55;white-space:pre-wrap}
.lms-hint{font-size:12px;color:#7a8aa3;margin-top:6px}

/* Тепловая карта */
.lms-heat{border-collapse:separate;border-spacing:3px;font-size:13px}
.lms-heat th{font-size:12px;text-transform:none;letter-spacing:0;white-space:normal;max-width:110px;vertical-align:bottom}
.lms-heat td,.lms-heat th{padding:6px 8px}
.lms-heat-cell{text-align:center;border-radius:8px;font-weight:800;min-width:64px;color:#fff;line-height:1.1}
.lms-heat-cell small{display:block;font-weight:600;opacity:.85;font-size:10px}
.lms-heat-cell.good{background:#2e9e5b}
.lms-heat-cell.weak{background:#e8a317}
.lms-heat-cell.bad{background:#d64545}
.lms-heat-cell.none{background:#eef1f6;color:#9aa7bd}
.lms-heat tbody tr:hover{background:transparent}

/* Вход по почте */
.lms-form-card{max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px}
.lms-form{display:flex;flex-direction:column;gap:16px}
.lms-form label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:14px;color:#3b4a63}
.lms-form input[type=email],.lms-form input[type=text]{padding:14px 16px;border:1px solid #d5dcea;border-radius:12px;font:inherit;font-size:17px;font-weight:500;color:var(--dark)}
.lms-form input:focus{outline:2px solid rgba(79,140,255,.35);border-color:var(--accent)}
.lms-code{letter-spacing:8px;font-size:26px!important;text-align:center;font-weight:800!important}
.lms-consent{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:500!important;font-size:13px!important;line-height:1.5;color:#566580!important}
.lms-consent input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--accent)}
.lms-alert{padding:13px 16px;border-radius:12px;margin-bottom:16px;font-weight:600;line-height:1.5}
.lms-alert.ok{background:#eaf7ee;color:#1a6b34;border:1px solid #b8e0c4}
.lms-alert.err{background:#fff1f1;color:#8d2a2a;border:1px solid #efb6b6}

/* Видеоурок */
.lms-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0b1220;margin:0 0 20px}
.lms-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Светлые страницы: кнопка-«призрак» */
.lms-wrap .btn.ghost,.lms-card .btn.ghost{background:#fff;color:#3b4a63;border:1px solid var(--line)}
.lms-wrap .btn.ghost:hover{border-color:#b9cdf5;color:#2f6edc}