/* ════════════════════════════════════════════════════════════════
   Статистика группы в профиле преподавателя
   ([lp_teacher_progress_single], сниппет Code Snippets id=20).
   Сниппет отдаёт разметку с жёсткими inline-стилями, поэтому
   оформление приводится к теме сайта через !important.
   ════════════════════════════════════════════════════════════════ */

.bpla-tp{ margin:0; }

/* ── Панель ─────────────────────────────────────────────────────── */
.lp-teacher-progress-single{
	background:var(--bpla-panel) !important;
	border:1px solid var(--bpla-line) !important;
	border-radius:14px !important;
	padding:18px 20px 14px !important;
	margin:0 !important;
}
.lp-teacher-progress-single h2{
	margin:0 0 12px !important;
	font:700 clamp(16px,1.5vw,19px)/1.3 "Unbounded",system-ui,sans-serif !important;
	color:var(--bpla-text) !important;
	letter-spacing:-.01em;
}
.lp-teacher-progress-single h2 a{
	color:var(--bpla-gold) !important;
	text-decoration:none !important;
	border-bottom:1px solid var(--bpla-gold-line);
}
.lp-teacher-progress-single h2 a:hover{ color:var(--bpla-gold-hi) !important; }

/* ── Таблица ────────────────────────────────────────────────────── */
.lp-teacher-progress-single table{
	width:100% !important;
	min-width:640px !important;
	border-collapse:collapse !important;
	border:0 !important;
	margin:0 !important;
	background:transparent !important;
}
.lp-teacher-progress-single thead tr{ background:transparent !important; }
.lp-teacher-progress-single th{
	background:transparent !important;
	color:var(--bpla-muted) !important;
	border:0 !important;
	border-bottom:1px solid var(--bpla-line) !important;
	padding:8px 10px !important;
	text-align:left !important;
	font:600 10.5px "JetBrains Mono",monospace !important;
	letter-spacing:.14em;
	text-transform:uppercase;
	white-space:nowrap;
}
.lp-teacher-progress-single td{
	border:0 !important;
	border-bottom:1px solid var(--bpla-line) !important;
	padding:10px !important;
	color:var(--bpla-text);
	font-size:14px;
	vertical-align:middle;
}
.lp-teacher-progress-single tbody tr{ transition:background .15s ease; }
.lp-teacher-progress-single tbody tr:hover{ background:var(--bpla-gold-soft); }
.lp-teacher-progress-single tbody tr:last-child td{ border-bottom:0 !important; }
.lp-teacher-progress-single td strong{ font-weight:600; color:var(--bpla-text); }
.lp-teacher-progress-single td small{ color:var(--bpla-muted) !important; font-size:11.5px; }
.lp-teacher-progress-single th:nth-child(3),
.lp-teacher-progress-single td:nth-child(3){ white-space:nowrap !important; text-align:center !important; }
.lp-teacher-progress-single th:nth-child(4),
.lp-teacher-progress-single td:nth-child(4){ white-space:nowrap !important; width:auto !important; }

/* ── Полоса прогресса ───────────────────────────────────────────── */
.lp-teacher-progress-single td > div > div:first-child{
	background:var(--bpla-kbd-bg) !important;
	height:10px !important;
	border-radius:99px !important;
}
.lp-teacher-progress-single td > div > div:first-child > div{
	border-radius:99px !important;
}
.lp-teacher-progress-single td > div > span{
	font:600 12px "JetBrains Mono",monospace !important;
	color:var(--bpla-text) !important;
}

/* ── Кнопки ─────────────────────────────────────────────────────── */
.lp-teacher-progress-single .lp-btn{
	font:600 10.5px "JetBrains Mono",monospace !important;
	letter-spacing:.08em;
	text-transform:uppercase;
	border-radius:8px !important;
	padding:8px 11px !important;
	margin:2px !important;
	cursor:pointer;
	box-shadow:none;
	transition:transform .18s, box-shadow .18s, background .18s, border-color .18s, color .18s;
}
.lp-teacher-progress-single .lp-btn:hover{ transform:translateY(-1px); }
.lp-teacher-progress-single .lp-btn-reset{
	background:transparent !important;
	color:var(--bpla-red) !important;
	border:1px solid color-mix(in srgb, var(--bpla-red) 55%, transparent) !important;
}
.lp-teacher-progress-single .lp-btn-reset:hover{
	background:color-mix(in srgb, var(--bpla-red) 12%, transparent) !important;
}
.lp-teacher-progress-single .lp-btn-pass{
	background:var(--bpla-gold) !important;
	color:#111519 !important;
	border:1px solid transparent !important;
}
.lp-teacher-progress-single .lp-btn-pass:hover{ background:var(--bpla-gold-hi) !important; }

/* ── Модальное окно смены пароля ────────────────────────────────── */
#lp-pass-modal{ background:rgba(5,10,16,.72) !important; backdrop-filter:blur(4px); }
#lp-pass-modal > div{
	background:var(--bpla-bg2) !important;
	border:1px solid var(--bpla-line) !important;
	border-radius:14px !important;
	padding:24px !important;
	box-shadow:0 24px 60px rgba(0,0,0,.45) !important;
	color:var(--bpla-text);
}
#lp-pass-modal h3{
	margin:0 0 10px !important;
	font:700 16px/1.3 "Unbounded",system-ui,sans-serif !important;
	color:var(--bpla-text) !important;
}
#lp-pass-student-name{ color:var(--bpla-muted) !important; font-size:13px; }
#lp-new-password{
	background:transparent !important;
	border:1px solid var(--bpla-line) !important;
	border-radius:7px !important;
	color:var(--bpla-text) !important;
	font:400 14px "Golos Text",system-ui,sans-serif !important;
	padding:10px 12px !important;
}
#lp-new-password:focus{ outline:none; border-color:var(--bpla-gold) !important; }

/* ── Поле пароля с кнопкой «глаз» ───────────────────────────────── */
.bpla-pass-field{
	position:relative;
	display:block;
	margin:0 0 15px;
}
.bpla-pass-field #lp-new-password{
	margin:0 !important;
	padding-right:44px !important;
}
.bpla-pass-eye{
	position:absolute;
	right:6px;
	top:50%;
	transform:translateY(-50%);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	padding:0;
	margin:0 !important;
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	border-radius:8px;
	color:var(--bpla-muted) !important;
	cursor:pointer;
	transition:color .15s, background .15s;
}
.bpla-pass-eye:hover{
	color:var(--bpla-gold) !important;
	background:var(--bpla-panel) !important;
	transform:translateY(-50%);
}
.bpla-pass-eye:active{ transform:translateY(-50%); }
.bpla-pass-eye:focus-visible{
	outline:none;
	box-shadow:0 0 0 2px var(--bpla-gold-line) !important;
}
.bpla-pass-eye svg{ display:block; }
#lp-pass-cancel, #lp-pass-save{
	font:600 10.5px "JetBrains Mono",monospace !important;
	letter-spacing:.08em;
	text-transform:uppercase;
	border-radius:8px !important;
	padding:9px 14px !important;
}
#lp-pass-cancel{
	background:transparent !important;
	color:var(--bpla-text) !important;
	border:1px solid var(--bpla-line) !important;
}
#lp-pass-cancel:hover{ border-color:var(--bpla-gold) !important; }
#lp-pass-save{
	background:var(--bpla-gold) !important;
	color:#111519 !important;
	border:1px solid transparent !important;
}
#lp-pass-save:hover{ background:var(--bpla-gold-hi) !important; }

/* ── Пустое состояние («нет студентов» и т.п.) ──────────────────── */
.bpla-tp > p{
	margin:0;
	padding:16px 18px;
	background:var(--bpla-panel);
	border:1px solid var(--bpla-line);
	border-radius:14px;
	color:var(--bpla-muted);
	font-size:14.5px;
}

/* ── Настройки профиля: без фрейма фотографии (аватара) ─────────── */
/* Шаблон LearnPress задаёт рамку inline-стилем (250×250) и рисует
   белый блок загрузки — убираем рамку, оставляя саму загрузку. */
#learnpress-avatar-upload .lp-user-avatar-image__display{
	width:auto !important;
	height:auto !important;
	max-width:none !important;
}
#learnpress-avatar-upload .learnpress_avatar__form__upload{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto !important;
	height:auto !important;
	padding:11px 16px;
	background:transparent !important;
	border:1px solid var(--bpla-line) !important;
	border-radius:9px !important;
	color:var(--bpla-text);
	font:600 10.5px "JetBrains Mono",monospace;
	letter-spacing:.1em;
	text-transform:uppercase;
	cursor:pointer;
	transition:border-color .15s, background .15s, color .15s;
}
#learnpress-avatar-upload .learnpress_avatar__form__upload:hover{
	border-color:var(--bpla-gold) !important;
	background:var(--bpla-panel) !important;
	color:var(--bpla-gold);
}
#learnpress-avatar-upload .lp-avatar-image{
	display:block;
	max-width:180px;
	height:auto;
	border:0 !important;
	border-radius:10px;
}
#learnpress-avatar-upload .lp-user-avatar__buttons{ margin-top:12px; }
#learnpress-avatar-upload .lp-user-avatar__buttons .lp-button{ margin:0 6px 6px 0; }

/* ── Заголовок секции на странице профиля (page 58) ─────────────── */
.bpla-tp-section{
	width:100% !important;
	margin-block:0 !important;
}
.bpla-tp-section h3{
	margin:0 0 14px !important;
	font:700 clamp(18px,2vw,22px)/1.25 "Unbounded",system-ui,sans-serif !important;
	color:var(--bpla-text);
}