/*
 * 0.66.71 · Redesign Kelola Pelatihan: hero, tombol teal, form satu lapis kartu, label terbaca di dark mode.
 * Hanya tampilan. Field, nama input, nonce, dan logika tidak diubah.
 */

/* Token warna: light default, dark mengikuti tema workspace */
html body .beeang-learning__training-events,
html body .beeang-learning--manager,
html body .beeang-learning__materials-manager,
html body .beeang-learning__internal-create,
html body .beeang-learning__curriculum,
html body .bm-card,
html body .beeang-learning__course-settings {
	--lm-ink: #12384d;
	--lm-mut: #5f7485;
	--lm-line: #e3ecf1;
	--lm-card: #ffffff;
	--lm-input: #f7fafc;
	--lm-input-line: #d5e2ea;
	--lm-soft: #f4f9fb;
	--lm-help-bg: #edf8f8;
	--lm-help-ink: #446b79;
	--lm-danger-bg: #fff7f6;
	--lm-danger-ink: #9a2e2e;
	--lm-scheme: light;
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__training-events,
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning--manager,
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__materials-manager,
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__internal-create,
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__curriculum,
html body .beeang-hub--workspace[data-theme="dark"] .bm-card,
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__course-settings {
	--lm-ink: #e6eef5;
	--lm-mut: #93a7b8;
	--lm-line: #25465a;
	--lm-card: #10293a;
	--lm-input: #0a1f2d;
	--lm-input-line: #2d5870;
	--lm-soft: #0d2332;
	--lm-help-bg: #123344;
	--lm-help-ink: #a9bccb;
	--lm-danger-bg: #40201f;
	--lm-danger-ink: #ff9b92;
	--lm-scheme: dark;
}
@media (prefers-color-scheme: dark) {
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__training-events,
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning--manager,
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__materials-manager,
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__internal-create,
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__curriculum,
	html body .beeang-hub--workspace:not([data-theme="light"]) .bm-card,
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__course-settings {
		--lm-ink: #e6eef5;
		--lm-mut: #93a7b8;
		--lm-line: #25465a;
		--lm-card: #10293a;
		--lm-input: #0a1f2d;
		--lm-input-line: #2d5870;
		--lm-soft: #0d2332;
		--lm-help-bg: #123344;
		--lm-help-ink: #a9bccb;
		--lm-danger-bg: #40201f;
		--lm-danger-ink: #ff9b92;
		--lm-scheme: dark;
	}
}

/* Hero di header Acara Pelatihan */
html body .beeang-learning__training-events > header {
	position: relative;
	overflow: hidden;
	padding: 24px 28px !important;
	border-radius: 20px;
	background: linear-gradient(135deg, #0b3343 0%, #0a6b78 55%, #0e8a9a 100%) !important;
	color: #fff;
	box-shadow: 0 18px 40px -30px rgba(11, 51, 67, .6);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
html body .beeang-learning__training-events > header h2,
html body .beeang-learning__training-events > header p,
html body .beeang-learning__training-events > header span {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
html body .beeang-learning__training-events > header p {
	color: rgba(255, 255, 255, .82) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, .82) !important;
}

/* Tombol utama: teal (atau putih di atas hero) */
html body .beeang-learning__training-events > header .beeang-learning__button,
html body .beeang-learning__training-events > header a[class*="button"] {
	background: #fff !important;
	color: #0a6b78 !important;
	-webkit-text-fill-color: #0a6b78 !important;
	border-radius: 999px;
	height: 44px;
	padding: 0 20px;
	box-shadow: 0 6px 16px -10px rgba(0, 0, 0, .4);
	border: 0 !important;
}
html body .bm-btn:not(.bm-btn--ghost),
html body .beeang-learning__button:not(.beeang-learning__training-events *) {
	background: var(--ce-teal, #0e8a9a) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border-color: var(--ce-teal, #0e8a9a) !important;
	border-radius: 999px;
}

/* Label, bantuan, dan judul kartu terbaca di light dan dark */
html body .bds-field__label,
html body .beeang-learning__course-settings legend,
html body .bm-card__head h3,
html body .bm-form__head h2,
html body .bm-form__head div h2,
html body .bm-check,
html body .bm-check span {
	color: var(--lm-ink, #12384d) !important;
	-webkit-text-fill-color: var(--lm-ink, #12384d) !important;
}
html body .bm-card__head p,
html body .bm-form__head p,
html body .bm-form__head small {
	color: var(--lm-mut, #5f7485) !important;
	-webkit-text-fill-color: var(--lm-mut, #5f7485) !important;
}
html body .bds-field__control,
html body .bds-field__control:focus {
	background: var(--lm-input, #f7fafc) !important;
	border: 1px solid var(--lm-input-line, #d5e2ea) !important;
	color: var(--lm-ink, #12384d) !important;
	-webkit-text-fill-color: var(--lm-ink, #12384d) !important;
	border-radius: 12px;
}
html body .bds-field__control::placeholder {
	color: var(--lm-mut, #5f7485) !important;
	opacity: .85;
}
/* Checkbox "Terbitkan sertifikat": latar tema, bukan putih */
html body .bm-check,
html body .beeang-learning__course-settings label:has(input[type="checkbox"]) {
	background: var(--lm-card, #fff) !important;
	border: 1px solid var(--lm-line, #e3ecf1) !important;
	border-radius: 12px;
}

/* Form Tambah kursus: satu lapis kartu, kotak dalam diratakan */
html body .beeang-learning__internal-create {
	border-radius: 20px;
	background: var(--lm-card, #fff);
	border: 1px solid var(--lm-line, #e3ecf1);
	overflow: hidden;
}
html body .beeang-learning__internal-create .bm-card {
	border: 0 !important;
	border-top: 1px solid var(--lm-line, #e3ecf1) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 18px 0 !important;
}
html body .beeang-learning__internal-create .bm-card:first-of-type {
	border-top: 0 !important;
}
html body .bm-split {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}
html body .beeang-learning__course-settings {
	border: 1px solid var(--lm-line, #e3ecf1);
	border-radius: 16px;
	padding: 16px;
	background: var(--lm-soft, #f4f9fb);
}

/* Bilah aksi bawah: satu baris, tombol dan status sejajar */
html body .bm-form__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 14px 0 0 !important;
	border-top: 1px solid var(--lm-line, #e3ecf1);
}

/* Mobile: satu kolom, tombol lebar penuh */
@media (max-width: 760px) {
	html body .beeang-learning__training-events > header {
		flex-direction: column;
		align-items: stretch;
		padding: 20px !important;
	}
	html body .beeang-learning__training-events > header .beeang-learning__button {
		width: 100%;
		justify-content: center;
		min-height: 46px;
	}
	html body .bm-split,
	html body .beeang-learning__course-settings {
		grid-template-columns: minmax(0, 1fr) !important;
	}
	html body .bm-form__foot {
		flex-direction: column;
		align-items: stretch;
	}
	html body .bm-form__foot .bm-btn {
		width: 100%;
		min-height: 46px;
	}
	html body .bm-form__foot label {
		width: 100%;
	}
}

/* 0.66.72 · Legend, tombol file, bilah aksi, dan tombol hero */
/* Legend "Pengaturan kursus": pill teal dengan teks putih di light dan dark */
html body .beeang-learning__course-settings > legend {
	background: #0a6b78 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border: 0 !important;
	border-radius: 999px;
	padding: 4px 14px;
	font-size: 12.5px;
	font-weight: 800;
	margin-left: 4px;
}
/* Tombol pilih file: teal dengan teks putih */
html body .beeang-learning__internal-create input[type="file"]::file-selector-button,
html body .beeang-learning__internal-create input[type="file"]::-webkit-file-upload-button {
	background: #0a6b78;
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 8px 14px;
	margin-right: 10px;
	font-weight: 700;
	cursor: pointer;
}
/* Tombol hero (Buat acara pelatihan): putih di atas hero */
html body .beeang-learning__training-events > header :is(a, button) {
	background: #fff !important;
	color: #0a6b78 !important;
	-webkit-text-fill-color: #0a6b78 !important;
	border: 0 !important;
	border-radius: 999px;
	height: 44px;
	padding: 0 20px;
	font-weight: 700;
	box-shadow: 0 6px 16px -10px rgba(0, 0, 0, .4);
}
/* Bilah aksi bawah: beri jarak dari tepi, status tidak menempel */
html body .bm-form__foot {
	padding: 16px 18px !important;
	gap: 16px;
}
html body .bm-form__foot > label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 140px;
}
html body .bm-form__foot select {
	min-width: 140px;
	max-width: 100%;
	box-sizing: border-box;
}
@media (max-width: 760px) {
	html body .bm-form__foot {
		padding: 14px !important;
	}
	html body .bm-form__foot > label {
		width: 100%;
		min-width: 0;
	}
}

/* 0.66.73 · Tombol "Choose File" (Foto QRIS) terbaca: teal dengan teks putih, di semua form Kelola Pelatihan */
html body input[type="file"]::file-selector-button,
html body input[type="file"]::-webkit-file-upload-button {
	background: #0a6b78 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 8px 14px !important;
	margin-right: 10px !important;
	font-weight: 700 !important;
	cursor: pointer;
}
html body input[type="file"]:hover::file-selector-button {
	background: #084f5a !important;
}
html body .bm-drop input[type="file"],
html body label:has(> input[type="file"]) {
	color: var(--lm-ink, #12384d) !important;
	-webkit-text-fill-color: var(--lm-ink, #12384d) !important;
}

/* 0.67.19 · Kurikulum kursus mengikuti tema hingga ke kartu modul dan pelajaran. */
html body .beeang-learning__curriculum {
	border-color: var(--lm-line);
	color: var(--lm-ink);
}
html body .beeang-learning__curriculum .beeang-learning__module {
	border-color: var(--lm-line);
	background: var(--lm-soft);
	color: var(--lm-ink);
}
html body .beeang-learning__curriculum :is(.beeang-learning__module-edit, .beeang-learning__curriculum-lesson) {
	border-color: var(--lm-line);
	background: var(--lm-card);
	color: var(--lm-ink);
}
html body .beeang-learning__curriculum :is(h3, h4, h5, summary, label, legend, p, small, span) {
	color: var(--lm-ink);
}
html body .beeang-learning__curriculum .beeang-learning__module > header span {
	color: var(--lm-mut);
}
html body .beeang-learning__curriculum .beeang-learning__lesson-help {
	border: 1px solid var(--lm-line);
	background: var(--lm-help-bg);
	color: var(--lm-help-ink);
}
html body .beeang-learning__curriculum :is(input:not([type="checkbox"]), select, textarea) {
	border-color: var(--lm-input-line);
	background: var(--lm-input);
	color: var(--lm-ink);
	color-scheme: var(--lm-scheme);
}
html body .beeang-learning__curriculum .beeang-learning__delete-module {
	border-color: var(--lm-danger-ink);
	background: var(--lm-danger-bg);
	color: var(--lm-danger-ink);
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning--manager .beeang-learning__form,
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__training-events .beeang-learning__training-events-table tbody tr,
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__training-events .beeang-learning__training-events-table tbody td {
	background: var(--lm-card) !important;
	background-image: none !important;
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__training-events .beeang-learning__training-events-table tbody td {
	color: var(--lm-ink) !important;
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__training-events .beeang-learning__training-events-table tbody td strong {
	color: var(--lm-ink) !important;
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__training-events .beeang-learning__training-events-table tbody td small,
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__notice--success {
	color: var(--lm-mut) !important;
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning--manager .beeang-learning__notice--success {
	border-color: var(--lm-line);
	background: var(--lm-help-bg);
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning--manager .beeang-learning__notice--error {
	border-color: var(--lm-danger-ink);
	background: var(--lm-danger-bg);
	color: var(--lm-danger-ink) !important;
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-learning__curriculum form:has(input[name="op"][value="delete_lesson"]) > button {
	border: 1px solid var(--lm-danger-ink) !important;
	border-radius: 8px;
	background: var(--lm-danger-bg) !important;
	color: var(--lm-danger-ink) !important;
	-webkit-text-fill-color: var(--lm-danger-ink) !important;
}
@media (prefers-color-scheme: dark) {
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning--manager .beeang-learning__form,
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__training-events .beeang-learning__training-events-table tbody tr,
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__training-events .beeang-learning__training-events-table tbody td {
		background: var(--lm-card) !important;
		background-image: none !important;
	}
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__training-events .beeang-learning__training-events-table tbody td {
		color: var(--lm-ink) !important;
	}
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__training-events .beeang-learning__training-events-table tbody td strong {
		color: var(--lm-ink) !important;
	}
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__training-events .beeang-learning__training-events-table tbody td small,
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__notice--success {
		color: var(--lm-mut) !important;
	}
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning--manager .beeang-learning__notice--success {
		border-color: var(--lm-line);
		background: var(--lm-help-bg);
	}
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning--manager .beeang-learning__notice--error {
		border-color: var(--lm-danger-ink);
		background: var(--lm-danger-bg);
		color: var(--lm-danger-ink) !important;
	}
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-learning__curriculum form:has(input[name="op"][value="delete_lesson"]) > button {
		border: 1px solid var(--lm-danger-ink) !important;
		border-radius: 8px;
		background: var(--lm-danger-bg) !important;
		color: var(--lm-danger-ink) !important;
		-webkit-text-fill-color: var(--lm-danger-ink) !important;
	}
}