/**
 * LMS 레슨 뷰어 embed — joyn-lv 다크 테마 (실제 마크업: .xtable / .xrow)
 */
.hcjb-app.hcjb-app--embed-lms-lesson {
	--jb-brand: #4541FF;
	--jb-brand-soft: rgba(69, 65, 255, 0.14);
	--jb-bg: #0E0E14;
	--jb-card: #1A1A24;
	--jb-card2: #22222F;
	--jb-line: #2A2A38;
	--jb-line-2: #22222F;
	--jb-ink: #F9FAFB;
	--jb-ink-2: #9CA3AF;
	--jb-ink-3: #6B7280;
	--jb-ink-4: #4B5563;
	--jb-accent: #4541FF;
	--jb-accent-soft: rgba(69, 65, 255, 0.14);
	--jb-accent-ink: #8B88FF;
	--jb-good: #22C55E;
	--jb-good-soft: rgba(34, 197, 94, 0.12);
	--jb-warn: #F59E0B;
	--jb-danger: #EF4444;
	--jb-shadow: none;
	--jb-shadow-lg: none;
	margin: 0;
	width: 100%;
	max-width: 100%;
	overflow: visible;
	background: var(--jb-bg) !important;
	color: var(--jb-ink) !important;
	font-size: 0.92rem;
}

.hcjb-app--embed-lms-lesson .wrap {
	margin: 0 auto;
	max-width: 100%;
	padding: 12px 14px 20px;
	background: transparent;
}

/* 헤더 */
.hcjb-app--embed-lms-lesson .board-head {
	padding: 8px 0 10px;
	border-bottom: 1px solid var(--jb-line);
	margin-bottom: 8px;
	background: transparent;
}

.hcjb-app--embed-lms-lesson .bh-title {
	font-size: 1.05rem;
	color: var(--jb-ink);
}

.hcjb-app--embed-lms-lesson .bh-title .ticon {
	background: var(--jb-accent-soft);
	color: var(--jb-accent-ink);
}

.hcjb-app--embed-lms-lesson .bh-desc {
	color: var(--jb-ink-2);
	font-size: 0.82rem;
}

.hcjb-app--embed-lms-lesson .bh-stat {
	color: var(--jb-ink-3);
}

.hcjb-app--embed-lms-lesson .bh-stat b {
	color: var(--jb-accent-ink);
}

/* 안내 */
.hcjb-app--embed-lms-lesson .hcjb-lms-list-note,
.hcjb-app--embed-lms-lesson .hcjb-lms-write-note {
	margin: 0 0 10px;
	padding: 10px 12px;
	border-radius: 10px;
	background: var(--jb-card2);
	border: 1px solid var(--jb-line);
	color: var(--jb-ink-2);
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.45;
}

.hcjb-app--embed-lms-lesson .hcjb-lms-list-note i,
.hcjb-app--embed-lms-lesson .hcjb-lms-write-note i {
	color: var(--jb-accent-ink);
	margin-right: 4px;
}

.hcjb-app--embed-lms-lesson .hcjb-lms-list-note strong {
	color: var(--jb-ink);
}

/* 목록 도구 */
.hcjb-app--embed-lms-lesson .list-tools {
	margin-bottom: 10px;
}

.hcjb-app--embed-lms-lesson .lt-left {
	color: var(--jb-ink-3);
}

.hcjb-app--embed-lms-lesson .lt-left b {
	color: var(--jb-ink);
}

.hcjb-app--embed-lms-lesson .viewmode {
	background: var(--jb-card2);
	border-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .viewmode button {
	color: var(--jb-ink-3);
}

.hcjb-app--embed-lms-lesson .viewmode button.on {
	background: var(--jb-accent-soft);
	color: var(--jb-accent-ink);
}

.hcjb-app--embed-lms-lesson .sortsel {
	background: var(--jb-card2);
	border-color: var(--jb-line);
	color: var(--jb-ink-2);
}

/* 엑셀형 목록 */
.hcjb-app--embed-lms-lesson .xtable {
	background: var(--jb-card);
	border-color: var(--jb-line);
	box-shadow: none;
}

.hcjb-app--embed-lms-lesson .xrow.head {
	background: var(--jb-card2);
	color: var(--jb-ink-3);
	border-bottom-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .xrow.body {
	border-bottom-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .xrow.body:hover {
	background: rgba(69, 65, 255, 0.08);
}

.hcjb-app--embed-lms-lesson .xrow.notice {
	background: rgba(69, 65, 255, 0.12);
}

.hcjb-app--embed-lms-lesson .xc-title .ttx {
	color: var(--jb-ink);
}

.hcjb-app--embed-lms-lesson .xc-author,
.hcjb-app--embed-lms-lesson .xc-date,
.hcjb-app--embed-lms-lesson .xc-hit,
.hcjb-app--embed-lms-lesson .xc-num {
	color: var(--jb-ink-3);
}

.hcjb-app--embed-lms-lesson .rec-pill {
	color: var(--jb-ink-3);
}

.hcjb-app--embed-lms-lesson .qa-wait {
	background: rgba(245, 158, 11, 0.15);
	color: #FBBF24;
}

.hcjb-app--embed-lms-lesson .qa-done {
	background: var(--jb-good-soft);
	color: var(--jb-good);
}

/* 빈 목록 */
.hcjb-app--embed-lms-lesson .hcjb-list-empty,
.hcjb-app--embed-lms-lesson .xtable .hcjb-list-empty {
	background: var(--jb-card);
	color: var(--jb-ink-3);
}

.hcjb-app--embed-lms-lesson .hcjb-list-empty p,
.hcjb-app--embed-lms-lesson .xtable p {
	color: var(--jb-ink-2) !important;
}

/* 버튼 */
.hcjb-app--embed-lms-lesson .btn-write,
.hcjb-app--embed-lms-lesson .btn-primary,
.hcjb-app--embed-lms-lesson .ed-foot .btn-primary,
.hcjb-app--embed-lms-lesson .cmt-write .send {
	background: var(--jb-accent);
	border-color: var(--jb-accent);
	color: #fff;
	box-shadow: 0 4px 14px -6px rgba(69, 65, 255, 0.55);
}

.hcjb-app--embed-lms-lesson .btn-ghost,
.hcjb-app--embed-lms-lesson .ed-foot .btn-ghost {
	background: var(--jb-card2);
	border-color: var(--jb-line);
	color: var(--jb-ink-2);
}

/* 페이저 */
.hcjb-app--embed-lms-lesson .pager button {
	color: var(--jb-ink-2);
}

.hcjb-app--embed-lms-lesson .pager button:hover {
	background: var(--jb-card2);
	border-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .pager button.on {
	background: var(--jb-accent);
	color: #fff;
}

/* 카드·갤러리 */
.hcjb-app--embed-lms-lesson .pcard,
.hcjb-app--embed-lms-lesson .gcard {
	background: var(--jb-card);
	border-color: var(--jb-line);
	box-shadow: none;
}

.hcjb-app--embed-lms-lesson .pcard .pc-ex,
.hcjb-app--embed-lms-lesson .pcard .pc-foot {
	color: var(--jb-ink-3);
	border-color: var(--jb-line);
}

/* 글 상세 */
.hcjb-app--embed-lms-lesson .post,
.hcjb-app--embed-lms-lesson .post-view .pv-head,
.hcjb-app--embed-lms-lesson .post-head,
.hcjb-app--embed-lms-lesson .post-body,
.hcjb-app--embed-lms-lesson .cmts {
	background: var(--jb-card);
	border-color: var(--jb-line);
	box-shadow: none;
}

.hcjb-app--embed-lms-lesson .post-nav {
	display: none !important;
}

.hcjb-app--embed-lms-lesson .post-head,
.hcjb-app--embed-lms-lesson .cmts-h,
.hcjb-app--embed-lms-lesson .attach-h {
	border-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .post-body {
	color: var(--jb-ink);
}

.hcjb-app--embed-lms-lesson .post-body blockquote {
	background: var(--jb-accent-soft);
	color: var(--jb-accent-ink);
}

.hcjb-app--embed-lms-lesson .attach {
	border-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .attach-h,
.hcjb-app--embed-lms-lesson .attach-row {
	background: var(--jb-card2);
	border-color: var(--jb-line);
}

/* 댓글 */
.hcjb-app--embed-lms-lesson .cmt {
	border-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .cmt.reply {
	background: var(--jb-card2);
}

.hcjb-app--embed-lms-lesson .cmt-txt {
	color: var(--jb-ink);
}

.hcjb-app--embed-lms-lesson .cmt-write {
	background: var(--jb-card2);
}

.hcjb-app--embed-lms-lesson .cmt-write textarea {
	background: var(--jb-card);
	border-color: var(--jb-line);
	color: var(--jb-ink);
}

.hcjb-app--embed-lms-lesson .cmts-h .sort button.on {
	background: var(--jb-accent-soft);
	color: var(--jb-accent-ink);
}

/* 에디터 */
.hcjb-app--embed-lms-lesson .editor {
	background: var(--jb-card);
	border-color: var(--jb-line);
	box-shadow: none;
}

.hcjb-app--embed-lms-lesson .ed-head,
.hcjb-app--embed-lms-lesson .ed-row,
.hcjb-app--embed-lms-lesson .ed-foot {
	border-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .ed-field label,
.hcjb-app--embed-lms-lesson .ed-opt {
	color: var(--jb-ink-2);
}

.hcjb-app--embed-lms-lesson .ed-toolbar {
	background: var(--jb-card2);
	border-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .tb-btn:hover,
.hcjb-app--embed-lms-lesson .tb-sel,
.hcjb-app--embed-lms-lesson .tb-mode {
	background: var(--jb-card);
	border-color: var(--jb-line);
	color: var(--jb-ink-2);
}

.hcjb-app--embed-lms-lesson .ed-content,
.hcjb-app--embed-lms-lesson .rich-editor [contenteditable] {
	color: var(--jb-ink);
}

.hcjb-app--embed-lms-lesson .ed-content th {
	background: var(--jb-card2);
}

.hcjb-app--embed-lms-lesson .ed-attach {
	border-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson .ed-attach-item {
	background: var(--jb-card2);
	border-color: var(--jb-line);
}

.hcjb-app--embed-lms-lesson select,
.hcjb-app--embed-lms-lesson input,
.hcjb-app--embed-lms-lesson textarea {
	background: var(--jb-card2);
	border-color: var(--jb-line);
	color: var(--jb-ink);
}

.hcjb-app--embed-lms-lesson .hcjb-skel {
	background: linear-gradient(90deg, var(--jb-card) 25%, var(--jb-card2) 50%, var(--jb-card) 75%);
}

@media (min-width: 992px) {
	.hcjb-app--embed-lms-lesson .wrap {
		padding: 10px 16px 24px;
	}
}