/*
 * BEEang EMS 0.54.61 — Penyelarasan tampilan ruang kerja (dimuat PALING AKHIR).
 * Menyelesaikan: (1) halaman Buat Event tanpa jarak/gutter, (2) mode terang/gelap yang tidak ikut
 * berubah di konten EMS, (3) tata letak mobile (stepper, bilah aksi, tabel, hero), (4) halaman
 * Katalog Event di dalam dashboard agar memakai gutter dan warna yang sama.
 *
 * Cara kerja tema: semua warna konten memakai token --bp-* yang diturunkan dari variabel tema Hub
 * (--ink, --mut, --line, --card, --soft). Hub mengatur data-theme pada .beeang-hub--workspace,
 * jadi token di sini otomatis mengikuti tombol "Tema" dan preferensi sistem.
 */

/* ───────── Token tema ───────── */
html body .beeang-hub--workspace {
	--bp-ink: var(--ink, #1F2937);
	--bp-mut: var(--mut, #64748B);
	--bp-line: var(--line, #DCE3EA);
	--bp-card: var(--card, #ffffff);
	--bp-soft: var(--soft, #F5F7FA);
	--bp-input: #ffffff;
	--bp-input-line: #cddbe3;
	--bp-accent-bg: #eaf6f8;
	--bp-accent-line: #0e8a9a;
	--bp-glass: rgba(255, 255, 255, .94);
	--bp-danger-bg: #fdecea;
	--bp-danger: #b42318;
	--bp-warn-bg: #fff8e1;
	--bp-ok-bg: #eaf8f2;
	--bp-shadow: 0 1px 2px rgba(10, 42, 58, .05), 0 8px 24px rgba(10, 42, 58, .05);
	--bp-gutter: clamp(14px, 2vw, 28px);
}
html body .beeang-hub--workspace[data-theme="dark"] {
	--bp-input: #0b1f2c;
	--bp-input-line: #2b4f64;
	--bp-accent-bg: #0f3a48;
	--bp-accent-line: #3ec3d3;
	--bp-glass: rgba(16, 41, 58, .94);
	--bp-danger-bg: #40201f;
	--bp-danger: #ff9b92;
	--bp-warn-bg: #3a3012;
	--bp-ok-bg: #12382b;
	--bp-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .28);
}
@media (prefers-color-scheme: dark) {
	html body .beeang-hub--workspace:not([data-theme="light"]) {
		--bp-input: #0b1f2c;
		--bp-input-line: #2b4f64;
		--bp-accent-bg: #0f3a48;
		--bp-accent-line: #3ec3d3;
		--bp-glass: rgba(16, 41, 58, .94);
		--bp-danger-bg: #40201f;
		--bp-danger: #ff9b92;
		--bp-warn-bg: #3a3012;
		--bp-ok-bg: #12382b;
		--bp-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .28);
	}
}

/* Latar halaman dan area konten mengikuti tema (EMS sebelumnya memaksa #f3f6fb) */
html body .beeang-hub--workspace .beeang-event-shell__main,
html body .beeang-hub--workspace .beeang-ems-workspace {
	background: transparent;
	color: var(--bp-ink);
}
html body .beeang-hub--workspace .beeang-ems-workspace {
	max-width: none;
	margin: 0;
	padding: 0;
}
/* Satu gutter dan satu lebar untuk SEMUA blok dashboard (sebelumnya hero punya padding sendiri, blok lain tidak) */
html body .beeang-hub--workspace .beeang-ems-workspace__content {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: var(--bp-gutter);
	box-sizing: border-box;
}
/* Hub memberi .beeang-event-ops padding 22px 28px 40px dengan !important; di sini dinetralkan agar sejajar dengan blok lain */
html body.beeang-hub-workspace-page .beeang-event-shell .beeang-ems-workspace__content > .beeang-event-ops {
	width: 100%;
	max-width: none !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* ───────── Gutter untuk halaman non-dashboard di dalam kerangka ───────── */
html body .beeang-hub--workspace .beeang-event-shell__main > .beeang-event-portal,
html body .beeang-hub--workspace .beeang-event-shell__main > .beeang-event-public,
html body .beeang-hub--workspace .beeang-event-shell__main > main {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: var(--bp-gutter);
	box-sizing: border-box;
	color: var(--bp-ink);
	background: transparent;
}
html body .beeang-hub--workspace .beeang-event-shell__main > .beeang-event-portal:not(.beeang-event-portal--create) > .beeang-event-portal__panel {
	border-left: 1px solid var(--bp-line);
	border-radius: 18px;
}

/* ───────── Buat Event ───────── */
html body .beeang-hub--workspace .beeang-event-portal--create {
	--ce-ink: var(--bp-ink);
	--ce-muted: var(--bp-mut);
	--ce-line: var(--bp-line);
	--ce-soft: var(--bp-soft);
	--ce-navy: var(--bp-ink);
	--ce-teal-d: #0a6b78;
	max-width: 1180px;
	margin: 0 auto;
	padding: var(--bp-gutter);
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal--create { --ce-teal-d: #7fe3ee; --ce-teal: #3ec3d3; }
@media (prefers-color-scheme: dark) {
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal--create { --ce-teal-d: #7fe3ee; --ce-teal: #3ec3d3; }
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-portal__panel > h2 {
	margin: 0 0 6px;
	padding: 0;
	color: var(--bp-ink);
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__intro {
	margin: 0 0 var(--bp-gutter);
	color: var(--bp-mut);
}

/* Stepper */
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps {
	top: 76px;
	background: var(--bp-glass);
	border-color: var(--bp-line);
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps button { color: var(--bp-mut); }
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps button.is-complete { background: var(--bp-accent-bg); color: var(--ce-teal-d); }
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps button.is-active { background: linear-gradient(135deg, #0b3343, #124863); color: #fff; }
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal--create .beeang-event-form__steps button.is-active { background: linear-gradient(135deg, #0f6a80, #168a8d); }
@media (prefers-color-scheme: dark) {
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal--create .beeang-event-form__steps button.is-active { background: linear-gradient(135deg, #0f6a80, #168a8d); }
}

/* Kartu / panel */
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__step:not([hidden]),
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__format-fields,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__repeat,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__features,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__publication,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-review__card,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-review__poster {
	background: var(--bp-card);
	border-color: var(--bp-line);
	color: var(--bp-ink);
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__step > h3,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form label,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form legend,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form h4 { color: var(--bp-ink); }
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__step-intro,
html body .beeang-hub--workspace .beeang-event-portal--create .description,
html body .beeang-hub--workspace .beeang-event-portal--create small { color: var(--bp-mut); }

/* Catatan kuning di form mengikuti tema */
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal--create .description.full,
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal--create .beeang-event-form__status:not(:empty) { background: var(--bp-warn-bg); color: var(--warnt, #f2d067); }
@media (prefers-color-scheme: dark) {
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal--create .description.full,
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal--create .beeang-event-form__status:not(:empty) { background: var(--bp-warn-bg); color: var(--warnt, #f2d067); }
}

/* Input */
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
	background: var(--bp-input);
	border-color: var(--bp-input-line);
	color: var(--bp-ink);
	color-scheme: inherit;
	max-width: 100%;
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form :is(input, select, textarea)::placeholder { color: var(--bp-mut); opacity: .8; }
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__field-status.is-required { background: var(--bp-danger-bg); color: var(--bp-danger); }
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__field-status.is-optional { background: var(--bp-soft); color: var(--bp-mut); }

/* Kartu pilihan (Format event, Rangkaian kegiatan) */
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__choice-card,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__checkbox,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__repeat-row,
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__picker {
	background: var(--bp-card);
	border-color: var(--bp-line);
	color: var(--bp-ink);
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__choice-card:has(input:checked) {
	background: var(--bp-accent-bg);
	border-color: var(--bp-accent-line);
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__repeat [data-repeat-add],
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__repeat [data-repeat-remove] { background: var(--bp-card); color: var(--bp-ink); }

/* Bilah aksi: tidak lagi menimpa isi form; mengikuti tema */
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__actions {
	background: var(--bp-glass);
	border-color: var(--bp-line);
	bottom: calc(12px + env(safe-area-inset-bottom, 0px));
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__actions .button:not(.button-primary):not([data-event-next]) {
	background: var(--bp-card);
	color: var(--bp-ink);
	border-color: var(--bp-input-line);
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps + .beeang-event-form__status:empty { display: none; }
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__step { margin-bottom: 4px; }

/* Peringatan / info */
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-review__notice { background: var(--bp-soft); border-color: var(--bp-line); color: var(--bp-ink); }
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-review__notice.is-warning { background: var(--bp-warn-bg); }
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-review__notice.is-ok { background: var(--bp-ok-bg); }

/* ───────── Komponen umum konten EMS (tabel, panel, notice) ───────── */
html body .beeang-hub--workspace .beeang-ems-workspace .widefat,
html body .beeang-hub--workspace .beeang-ems-workspace table {
	background: transparent;
	color: var(--bp-ink);
	border-color: var(--bp-line);
}
html body .beeang-hub--workspace .beeang-ems-workspace th,
html body .beeang-hub--workspace .beeang-ems-workspace td { border-color: var(--bp-line); color: inherit; }
html body .beeang-hub--workspace .beeang-ems-workspace .beeang-event-portal__panel,
html body .beeang-hub--workspace .beeang-event-shell__main .beeang-event-portal:not(.beeang-event-portal--create) .beeang-event-portal__panel {
	background: var(--bp-card);
	border-color: var(--bp-line);
	color: var(--bp-ink);
}
html body .beeang-hub--workspace .beeang-ems-workspace :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]), select, textarea) {
	background: var(--bp-input);
	border-color: var(--bp-input-line);
	color: var(--bp-ink);
	max-width: 100%;
}
html body .beeang-hub--workspace .notice { background: var(--bp-card); color: var(--bp-ink); border-color: var(--bp-line); }

/* ───────── Katalog Event di dalam dashboard ───────── */
html body .beeang-hub--workspace .beeang-event-public { color: var(--bp-ink); }
html body .beeang-hub--workspace .beeang-event-public :is(h1, h2, h3, h4) { color: var(--bp-ink); }
html body .beeang-hub--workspace .beeang-event-public :is(p, small, .description) { color: var(--bp-mut); }
html body .beeang-hub--workspace .beeang-event-public :is(article, .beeang-event-public__card, .beeang-event-public__filters, form) {
	background: var(--bp-card);
	border-color: var(--bp-line);
	color: var(--bp-ink);
}
html body .beeang-hub--workspace .beeang-event-public :is(input, select, textarea) {
	background: var(--bp-input);
	border-color: var(--bp-input-line);
	color: var(--bp-ink);
	max-width: 100%;
}
html body .beeang-hub--workspace .beeang-event-public img { max-width: 100%; height: auto; }

/* ───────── Dashboard Event ───────── */
html body .beeang-hub--workspace .beeang-event-ops__panel,
html body .beeang-hub--workspace .beeang-event-ops__stat,
html body .beeang-hub--workspace .beeang-learning__dashboard-card,
html body .beeang-hub--workspace .beeang-event-business { background: var(--bp-card); border-color: var(--bp-line); color: var(--bp-ink); }
html body .beeang-hub--workspace .beeang-event-ops__panel :is(h3, h4, td, th) { color: var(--bp-ink); }
html body .beeang-hub--workspace .beeang-event-ops__panel :is(p, small) { color: var(--bp-mut); }
html body .beeang-hub--workspace .beeang-event-ops__links { gap: 10px; }

/* Progres alur mengikuti tema dashboard; warna tetap pada versi lama terlalu terang di mode gelap. */
html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__step {
	border-color: var(--bp-line);
	border-radius: 16px;
	background: var(--bp-card);
	color: var(--bp-ink);
	box-shadow: var(--bp-shadow);
	transition: transform .15s ease, box-shadow .15s ease;
}
html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__step:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(10, 42, 58, .12);
}
html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__step-num {
	background: var(--bp-soft);
	color: var(--teal, #0F766E);
}
html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__step strong { color: var(--bp-ink); }
html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__step > span:not(.beeang-event-ops__step-num) { color: var(--bp-mut); }
html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__step i {
	height: 4px;
	background: linear-gradient(90deg, var(--teal, #0F766E), var(--gold, #F4B942));
}
@media (max-width: 1100px) {
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__flow ol.beeang-event-ops__steps {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 782px) {
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__stats--five {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__flow ol.beeang-event-ops__steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 420px) {
	/* Keep the five-card summary from inheriting the older two-column workspace override. */
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__stats--five {
		grid-template-columns: minmax(0, 1fr) !important;
	}
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__stats--five .beeang-event-ops__stat {
		flex-direction: row;
		align-items: center;
		gap: 14px;
		min-height: 0;
		padding: 12px 14px;
	}
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__stats--five .beeang-event-ops__stat > .dashicons {
		width: 44px;
		height: 44px;
		flex: 0 0 44px;
	}
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__flow ol.beeang-event-ops__steps {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (prefers-reduced-motion: reduce) {
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__step { transition: none; }
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__step:hover { transform: none; }
}

html body .beeang-hub--workspace .beeang-learning__dashboard-card,
html body .beeang-hub--workspace .beeang-event-business {
	width: 100%;
	max-width: none;
	padding: 22px;
	border: 1px solid var(--bp-line);
	border-radius: 20px;
	box-shadow: var(--bp-shadow);
	box-sizing: border-box;
}
html body .beeang-hub--workspace .beeang-learning__dashboard-card :is(h2, h3, h4, strong, b, td, th, label),
html body .beeang-hub--workspace .beeang-event-business :is(h2, h3, h4, strong, b, td, th, label) { color: var(--bp-ink); }
html body .beeang-hub--workspace .beeang-learning__dashboard-card :is(p, small, span),
html body .beeang-hub--workspace .beeang-event-business :is(p, small, span) { color: var(--bp-mut); }
html body .beeang-hub--workspace .beeang-learning__dashboard-card a,
html body .beeang-hub--workspace .beeang-event-business a:not(.button) { color: var(--teal, #0F766E); }
html body .beeang-hub--workspace .beeang-learning__dashboard-card :is(article, li, .beeang-learning__row),
html body .beeang-hub--workspace .beeang-event-business :is(article, details, summary) { background: var(--bp-soft); border-color: var(--bp-line); color: var(--bp-ink); }

/* Tabel lebar bergulir di dalam kartunya, bukan menggeser seluruh halaman */
html body .beeang-hub--workspace .beeang-event-ops__panel,
html body .beeang-hub--workspace .beeang-event-attendance { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ───────── Tablet ───────── */
@media (max-width: 1100px) {
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html body .beeang-hub--workspace .beeang-event-ops__layout { grid-template-columns: minmax(0, 1fr); }
}

/* ───────── Mobile ───────── */
@media (max-width: 782px) {
	html body .beeang-hub--workspace { --bp-gutter: 14px; }

	/* Topbar: kolom pencarian tidak terpotong */
	html body .beeang-hub--workspace .bh-search__input { text-overflow: ellipsis; padding-left: 30px; }

	/* Hero dashboard: susun vertikal, tombol selebar kartu */
	html body.beeang-hub-workspace-page .beeang-event-shell .beeang-event-ops .beeang-event-ops__heading { min-height: 0 !important; height: auto !important; padding: 22px 18px; border-radius: 18px; gap: 16px; align-items: flex-start; }
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__heading > div:first-child { flex: 0 0 auto !important; max-width: 100%; }
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__links { width: 100%; }
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__links .button { flex: 1 1 140px; }
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__stats:not(.beeang-event-ops__stats--five) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	html body .beeang-hub--workspace .beeang-event-ops .beeang-event-ops__stat { padding: 16px; }
	html body.beeang-hub-workspace-page .beeang-event-shell .beeang-event-attendance__stats {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	/* Buat Event: stepper bergulir mendatar, bukan terjepit */
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps {
		display: flex;
		flex-wrap: nowrap;
		gap: 6px;
		top: 64px;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps::-webkit-scrollbar { display: none; }
	/* Langkah tidak aktif ringkas menjadi nomor; langkah aktif menampilkan judul lengkap */
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps button {
		flex: 0 0 auto;
		width: auto;
		min-width: 46px;
		padding: 0 14px;
		font-size: 0;
		white-space: nowrap;
		scroll-snap-align: center;
	}
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps button::first-letter { font-size: 15px; }
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps button.is-active {
		flex: 1 0 auto;
		font-size: 14px;
		padding: 0 18px;
	}
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__step:not([hidden]) { padding: 16px; }
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__choice-options { grid-template-columns: minmax(0, 1fr); }
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__field-heading { gap: 8px; }

	/* Bilah aksi: tombol penuh, tidak menutupi kolom terakhir */
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__actions {
		padding: 10px;
		gap: 8px;
		border-radius: 16px;
	}
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__actions > .button { flex: 1 1 120px; margin-left: 0; justify-content: center; }
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form { padding-bottom: 8px; }

	/* Tabel dan elemen lebar tidak boleh melebarkan halaman */
	html body .beeang-hub--workspace .beeang-event-shell__main { min-width: 0; overflow-x: clip; }
	html body .beeang-hub--workspace .beeang-event-shell__main img,
	html body .beeang-hub--workspace .beeang-event-shell__main video { max-width: 100%; height: auto; }
	html body .beeang-hub--workspace .beeang-event-shell__main table { display: block; max-width: 100%; overflow-x: auto; }
}

@media (max-width: 420px) {
	html body .beeang-hub--workspace .bh-tg { padding-inline: 8px; }
	html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-portal__panel > h2 { font-size: 24px; }
}


/* ───────── 0.54.54 · Katalog Event di dalam dashboard: lebar dan warna hero ─────────
 * (1) Hub 0.9.108 memaksa .beeang-event-public selebar 1200px (!important) dan berada di tengah; di dalam dashboard
 *     itu menimbulkan jarak kosong antara sidebar dan konten. Di sini lebar dikembalikan mengikuti area konten.
 * (2) Aturan warna judul/paragraf katalog di atas ikut mengubah teks di dalam hero gelap (judul tampak hilang).
 *     Teks hero dikembalikan ke warna terang. */
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-event-shell__main > .beeang-event-public {
	width: 100% !important;
	max-width: 1500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0 !important;
	padding: var(--bp-gutter) !important;
	box-sizing: border-box;
}
html body .beeang-hub--workspace .beeang-event-public :is(.beeang-event-public__featured, .beeang-event-public__header, .beeang-event-public__hero) :is(h1, h2, h3, h4) {
	color: #fff;
}
html body .beeang-hub--workspace .beeang-event-public :is(.beeang-event-public__featured, .beeang-event-public__header, .beeang-event-public__hero) :is(p, small, span:not(.beeang-event-public__featured-eyebrow):not(.beeang-event-public__eyebrow)) {
	color: rgba(255, 255, 255, .88);
}
html body .beeang-hub--workspace .beeang-event-public :is(.beeang-event-public__featured-eyebrow, .beeang-event-public__eyebrow) {
	color: #a8ecdf;
}
/* Kartu tanggal dan tombol di hero tidak ikut aturan warna paragraf */
html body .beeang-hub--workspace .beeang-event-public .beeang-event-public__featured-date :is(span, strong) { color: #fff; }
html body .beeang-hub--workspace .beeang-event-public .beeang-event-public__featured-actions .beeang-event-public__featured-primary { color: #0b3343; }
html body .beeang-hub--workspace .beeang-event-public .beeang-event-public__featured-actions .beeang-event-public__featured-secondary { color: #fff; }
html body .beeang-hub--workspace .beeang-event-public .beeang-event-public__featured .dashicons { color: inherit; }


/* ───────── 0.54.55 · Hero Buat Event (selaras dengan hero Katalog Event) ───────── */
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__hero {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	margin: 0 0 var(--bp-gutter);
	padding: clamp(26px, 4vw, 44px);
	border-radius: 24px;
	background:
		radial-gradient(circle at 81% 19%, rgba(255, 255, 255, .15) 0 1px, transparent 1.8px) 0 0 / 21px 21px,
		radial-gradient(ellipse at 93% 105%, rgba(37, 208, 189, .34), transparent 38%),
		linear-gradient(118deg, #12394f 0%, #12556c 49%, #087d86 100%);
	box-shadow: 0 18px 38px rgba(16, 63, 88, .16);
	color: #fff;
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__hero::before {
	content: "";
	position: absolute;
	z-index: -1;
	right: 2%;
	bottom: -138px;
	width: 350px;
	height: 260px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 50%;
	box-shadow: 0 0 0 30px rgba(255, 255, 255, .035), 0 0 0 62px rgba(255, 255, 255, .025);
	pointer-events: none;
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__hero-eyebrow {
	display: block;
	margin-bottom: 12px;
	color: #a8ecdf;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .15em;
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__hero > h2 {
	margin: 0;
	color: #fff;
	font-size: clamp(30px, 4vw, 44px);
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.1;
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__hero > h2::after {
	content: "";
	display: block;
	width: 54px;
	height: 4px;
	margin-top: 16px;
	border-radius: 99px;
	background: #8ce7d8;
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__hero .beeang-event-form__intro {
	max-width: 62ch;
	margin: 16px 0 0;
	color: rgba(255, 255, 255, .88);
	font-size: 14.5px;
	line-height: 1.65;
}


/* ───────── 0.54.56 · Baris meta hero katalog (tanggal · format · lokasi) ───────── */
html body .beeang-hub--workspace .beeang-event-public .beeang-event-public__featured-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 22px;
	margin: 18px 0 0;
	font-size: 14px;
	font-weight: 600;
}
html body .beeang-hub--workspace .beeang-event-public .beeang-event-public__featured-meta > span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
html body .beeang-hub--workspace .beeang-event-public .beeang-event-public__featured-meta .dashicons {
	flex: none;
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 1;
	color: #a8ecdf;
}
html body .beeang-hub--workspace .beeang-event-public .beeang-event-public__featured-organizer { margin: 8px 0 0; font-size: 13.5px; }


/* ───────── 0.54.58 · Moderasi Event ───────── */
html body .beeang-mod {
	--mod-ink: var(--bp-ink, #1F2937);
	--mod-mut: var(--bp-mut, #64748B);
	--mod-line: var(--bp-line, #DCE3EA);
	--mod-card: var(--bp-card, #fff);
	--mod-soft: var(--bp-soft, #F5F7FA);
	display: grid;
	gap: 20px;
	color: var(--mod-ink);
}
html body .beeang-mod__hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	overflow: hidden;
	isolation: isolate;
	padding: clamp(24px, 4vw, 40px);
	border-radius: 24px;
	background:
		radial-gradient(circle at 81% 19%, rgba(255, 255, 255, .15) 0 1px, transparent 1.8px) 0 0 / 21px 21px,
		radial-gradient(ellipse at 93% 105%, rgba(37, 208, 189, .34), transparent 38%),
		linear-gradient(118deg, #12394f 0%, #12556c 49%, #087d86 100%);
	box-shadow: 0 18px 38px rgba(16, 63, 88, .16);
	color: #fff;
}
html body .beeang-mod__eyebrow { display: block; margin-bottom: 10px; color: #a8ecdf; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
html body .beeang-mod__hero h2 { margin: 0; padding: 0; color: #fff; font-size: clamp(28px, 3.6vw, 40px); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }
html body .beeang-mod__hero h2::after { content: ""; display: block; width: 54px; height: 4px; margin-top: 14px; border-radius: 99px; background: #8ce7d8; }
html body .beeang-mod__hero p { max-width: 58ch; margin: 14px 0 0; color: rgba(255, 255, 255, .88); font-size: 14.5px; line-height: 1.65; }
html body .beeang-mod__stat {
	flex: none;
	min-width: 150px;
	padding: 18px 22px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 20px;
	background: rgba(8, 40, 56, .38);
	text-align: center;
}
html body .beeang-mod__stat strong { display: block; color: #fff; font-size: 44px; font-weight: 800; line-height: 1; }
html body .beeang-mod__stat span { display: block; margin-top: 6px; color: rgba(255, 255, 255, .85); font-size: 12px; font-weight: 700; }

html body .beeang-mod__empty {
	display: grid;
	justify-items: center;
	gap: 8px;
	padding: clamp(36px, 6vw, 64px) 24px;
	border: 1px dashed var(--bp-input-line, #cddbe3);
	border-radius: 24px;
	background: var(--mod-card);
	text-align: center;
}
html body .beeang-mod__empty .dashicons { width: 56px; height: 56px; border-radius: 50%; background: var(--bp-ok-bg, #eaf8f2); color: #12a37f; font-size: 32px; line-height: 56px; }
html body .beeang-mod__empty h3 { margin: 6px 0 0; color: var(--mod-ink); font-size: 20px; font-weight: 800; }
html body .beeang-mod__empty p { max-width: 46ch; margin: 0; color: var(--mod-mut); line-height: 1.6; }
html body .beeang-mod__empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 14px; }

html body .beeang-mod__list { display: grid; gap: 18px; }
html body .beeang-mod__card {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: clamp(18px, 2.4vw, 26px);
	border: 1px solid var(--mod-line);
	border-radius: 22px;
	background: var(--mod-card);
	box-shadow: var(--bp-shadow, 0 8px 24px rgba(10, 42, 58, .05));
	color: var(--mod-ink);
}
html body .beeang-mod__card-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; }
html body .beeang-mod__card h3 { margin: 8px 0 0; color: var(--mod-ink); font-size: 22px; font-weight: 800; line-height: 1.25; }
html body .beeang-mod__chip { display: inline-block; padding: 5px 12px; border-radius: 99px; background: var(--bp-warn-bg, #fff8e1); color: #8a5a00; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
html body .beeang-mod__org, html body .beeang-mod__when { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--mod-mut); font-size: 13.5px; font-weight: 600; }
html body .beeang-mod__org { padding: 7px 12px; border-radius: 99px; background: var(--mod-soft); }
html body .beeang-mod .dashicons { flex: none; width: 18px; height: 18px; font-size: 18px; line-height: 1; }
html body .beeang-mod__desc { margin: 0; color: var(--mod-mut); line-height: 1.7; }
html body .beeang-mod__preview { margin: 0; }
html body .beeang-mod .beeang-event-preview,
html body .beeang-mod .beeang-event-history { padding: 12px 14px; border: 1px solid var(--mod-line); border-radius: 14px; background: var(--mod-soft); color: var(--mod-ink); }
html body .beeang-mod .beeang-event-preview summary,
html body .beeang-mod .beeang-event-history summary { cursor: pointer; font-weight: 700; }

html body .beeang-mod__decision {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 14px;
	padding-top: 16px;
	border-top: 1px solid var(--mod-line);
}
html body .beeang-mod__decision form { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 !important; }
html body .beeang-mod__decision input[type="text"] { flex: 1 1 220px; min-width: 0; padding: 10px 12px; border: 1px solid var(--bp-input-line, #cddbe3); border-radius: 12px; background: var(--bp-input, #fff); color: var(--mod-ink); }
html body .beeang-mod__approve .button { background: #12a37f; border-color: #12a37f; color: #fff; font-weight: 700; }
html body .beeang-mod__return .button { background: transparent; border-color: #d97706; color: #b45309; font-weight: 700; }
html body .beeang-mod .button { min-height: 40px; padding: 0 16px; border-radius: 12px; }
html body .beeang-mod + .beeang-event-pagination, html body .beeang-mod .beeang-event-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }

@media (max-width: 760px) {
	html body .beeang-mod__hero { flex-direction: column; align-items: flex-start; }
	html body .beeang-mod__stat { width: 100%; }
	html body .beeang-mod__decision { grid-template-columns: 1fr; }
}


/* ───────── 0.54.59 · Tombol header modul dan ikon kartu ringkasan ─────────
 * (1) `.beeang-event-module__header > a` (workspace.css) memaksa teks biru 12px untuk semua tautan langsung di header,
 *     sehingga teks "+ Buat kompetisi" biru di atas latar kuning. Warna dan ukuran tombol dikembalikan.
 * (2) Hub `.beeang-event-attendance__stats article span {font-size:12.5px!important; color:muted!important}` ikut mengenai
 *     span.dashicons, sehingga ikon kartu ringkasan (Ticketing, Pembayaran, Tim, Host, Rundown, Sponsor) kecil dan pudar. */
html body .beeang-event-module__header > a.beeang-comp-head__action,
html body .beeang-event-module__header a.beeang-comp-head__action {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 11px 20px;
	border: 1px solid #F4B942;
	border-radius: 12px;
	background: #F4B942;
	color: #3b2d00;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: 0 4px 14px rgba(242, 189, 24, .28);
}
html body .beeang-event-module__header a.beeang-comp-head__action:hover,
html body .beeang-event-module__header a.beeang-comp-head__action:focus-visible { background: #e0ac10; border-color: #e0ac10; color: #261c00; }
html body .beeang-event-module__header > a.beeang-comp-head__ghost,
html body .beeang-event-module__header a.beeang-comp-head__ghost {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 10px 18px;
	border: 1px solid var(--bp-input-line, #cddbe3);
	border-radius: 12px;
	background: var(--bp-card, #fff);
	color: var(--bp-ink, #1F2937);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

html body.beeang-hub-workspace-page .beeang-event-shell .beeang-event-attendance__stats article > span.dashicons {
	display: grid !important;
	flex: 0 0 44px;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #dfe9ff;
	color: #2556c4 !important;
	font-size: 22px !important;
	line-height: 1;
	opacity: 1;
}
html body.beeang-hub-workspace-page .beeang-event-shell .beeang-event-attendance__stats article.is-complete > span.dashicons { background: #d9f3e6; color: #0b7a55 !important; }
html body.beeang-hub-workspace-page .beeang-event-shell .beeang-event-attendance__stats article.is-pending > span.dashicons { background: #ffe9c7; color: #b45309 !important; }
html body.beeang-hub-workspace-page .beeang-event-shell .beeang-event-attendance__stats article > span.dashicons::before {
	width: 22px;
	height: 22px;
	font-size: 22px;
	line-height: 22px;
}
html body.beeang-hub-workspace-page .beeang-hub--workspace[data-theme="dark"] .beeang-event-attendance__stats article > span.dashicons { background: #17445a; color: #8fd8ff !important; }
html body.beeang-hub-workspace-page .beeang-hub--workspace[data-theme="dark"] .beeang-event-attendance__stats article.is-complete > span.dashicons { background: #12382b; color: #6fe3b0 !important; }
html body.beeang-hub-workspace-page .beeang-hub--workspace[data-theme="dark"] .beeang-event-attendance__stats article.is-pending > span.dashicons { background: #3a3012; color: #ffcf6e !important; }

/* Tombol "Kelola" di tabel ringkasan lintas-event: tampil sebagai tombol, bukan teks polos */
html body .beeang-ov__act .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 16px;
	border: 1px solid var(--bp-accent-line, #0e8a9a);
	border-radius: 10px;
	background: var(--bp-accent-bg, #eaf6f8);
	color: #0a6b78;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}
html body .beeang-ov__act .button:hover { background: #0F766E; border-color: #0F766E; color: #fff; }
html body .beeang-hub--workspace[data-theme="dark"] .beeang-ov__act .button { color: #7fe3ee; }
html body .beeang-hub--workspace[data-theme="dark"] .beeang-ov__act .button:hover { color: #fff; }


/* ───────── 0.54.60 · Check-in: tanpa hero "Ringkasan Event / Kembali ke Acara" ─────────
 * Mode ringkas (event terpilih + Check-in) memang dirancang tanpa judul (workspace.css:13881), tetapi aturan
 * `.beeang-event-portal__panel.beeang-event-list--selected .beeang-event-list__heading` dan varian internal
 * (spesifisitas lebih tinggi) menampilkannya kembali sebagai hero gelap. Berlaku untuk Beeang Event dan EO. */
html body .beeang-event-portal__panel.beeang-event-list.beeang-event-list--compact > .beeang-event-list__heading { display: none !important; }
html body .beeang-event-portal__panel.beeang-event-list.beeang-event-list--compact {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
html body .beeang-event-portal__panel.beeang-event-list.beeang-event-list--compact:not(:has(> :not(.beeang-event-list__heading))) { display: none !important; }


/* ───────── 0.54.61 · Modul Learning di kerangka Hub: satu lebar dan gutter untuk semua halaman ─────────
 * Ringkasan Learning, Kelas & Materi, Pustaka Materi, Template Pelatihan, dan Produk Materi memakai wadah
 * `.beeang-learning--manager`. Lebar 1200px (!important) dari Hub 0.9.108 dinetralkan di dalam kerangka dashboard
 * agar tidak ada gap antara sidebar dan konten, sama seperti halaman Event. */
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-event-shell__main > .beeang-learning,
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-event-shell__main > main.beeang-learning--manager {
	width: 100% !important;
	max-width: 1500px !important;
	margin: 0 auto !important;
	padding: var(--bp-gutter) !important;
	box-sizing: border-box;
}


/* ───────── 0.54.62 · Tombol "Kelola pelatihan" di kartu Pelatihan & Materi: teks terbaca ─────────
 * Aturan `.beeang-hub--workspace .beeang-learning__dashboard-card a { color: teal }` (di atas) lebih spesifik daripada
 * `html body .beeang-learning__dashboard-card > a { color: #fff }` di event-dashboard.css, sehingga teks tombol
 * menjadi teal di atas latar teal dan tampak kosong. Pseudo-class di bawah menaikkan spesifisitas aturan tombol. */
html body .beeang-hub--workspace .beeang-learning__dashboard-card > a:is(:link, :visited, :hover, :focus) {
	color: #fff;
	text-decoration: none;
}

/* 0.66.16: palet tombol Buat Event diseragamkan dengan profil penyelenggara (teal). */
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__actions [data-event-next],
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__actions [data-event-submit],
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__actions .button-primary:not([data-event-save]) {
	border: 0;
	background: linear-gradient(120deg, #0f766e, #0e9aa7);
	color: #fff;
	box-shadow: 0 10px 22px -14px rgba(15, 118, 110, .9);
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__actions [data-event-save] {
	background: var(--bp-card, #fff);
	border: 1.5px solid #0f766e;
	color: #0a6b78;
	box-shadow: none;
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__actions [data-event-previous] {
	background: var(--bp-card, #fff);
	border: 1.5px solid var(--bp-line, #dfe8ee);
	color: var(--bp-ink, #12384d);
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-event-form__steps button.is-active {
	background: linear-gradient(120deg, #0f766e, #0e9aa7);
	color: #fff;
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-media-card__btn.is-primary {
	min-height: 40px;
	padding: 0 18px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: #e6f4f3;
	color: #0a6b78;
	font-weight: 800;
}
html body .beeang-hub--workspace .beeang-event-portal--create .beeang-media-card__btn.is-primary:hover { background: #d3ecea; filter: none; }

/* 0.66.17: header Manajemen Event di mobile. Pada tata letak kolom, flex-basis 360px dari teks judul
 * menjadi tinggi 360px sehingga muncul ruang kosong. Di kolom, tinggi mengikuti isi. */
@container (max-width: 560px) {
	html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__heading > div:first-child {
		flex: 0 0 auto;
	}
	html body .beeang-event-portal__panel.beeang-event-list .beeang-event-list__catalog {
		box-sizing: border-box;
		width: 100%;
		justify-content: center;
	}
}
@media (max-width: 680px) {
	html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__heading > div:first-child {
		flex: 0 0 auto;
	}
}

/* 0.66.19: tombol Buat Event di tema gelap. */
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal--create .beeang-event-form__actions [data-event-save] { background: #0f2a39; border: 1.5px solid #3ec3d3; color: #7fe3ee; }
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal--create .beeang-event-form__actions [data-event-previous] { background: #0f2a39; border: 1.5px solid #2b4f64; color: #e6eef3; }
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal--create .beeang-media-card__btn.is-primary { background: #0f3a48; color: #7fe3ee; }
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal--create .beeang-media-card__btn.is-primary:hover { background: #14505f; }
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal--create .beeang-media-card__btn.is-primary span { color: inherit; }
@media (prefers-color-scheme: dark) {
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal--create .beeang-event-form__actions [data-event-save] { background: #0f2a39; border: 1.5px solid #3ec3d3; color: #7fe3ee; }
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal--create .beeang-event-form__actions [data-event-previous] { background: #0f2a39; border: 1.5px solid #2b4f64; color: #e6eef3; }
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal--create .beeang-media-card__btn.is-primary { background: #0f3a48; color: #7fe3ee; }
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal--create .beeang-media-card__btn.is-primary:hover { background: #14505f; }
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal--create .beeang-media-card__btn.is-primary span { color: inherit; }
}

/* 0.66.20: Manajemen Event / Semua Event bergaya modern, selaras dengan Profil Penyelenggara. */
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list {
	--ev-soft: #e6f4f3; --ev-soft-ink: #0a6b78; --ev-line: #cfe3e6; --ev-danger: #b42318; --ev-danger-bg: #fdecea;
}
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal__panel.beeang-event-list {
	--ev-soft: #0f3a48; --ev-soft-ink: #7fe3ee; --ev-line: #2b4f64; --ev-danger: #ff9b92; --ev-danger-bg: #40201f;
}
@media (prefers-color-scheme: dark) {
	html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal__panel.beeang-event-list {
		--ev-soft: #0f3a48; --ev-soft-ink: #7fe3ee; --ev-line: #2b4f64; --ev-danger: #ff9b92; --ev-danger-bg: #40201f;
	}
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) > .beeang-event-list__heading {
	padding: clamp(22px, 3vw, 32px) !important;
	margin: 0 0 18px !important;
	border-radius: 22px !important;
	background:
		radial-gradient(circle at 88% 20%, rgba(255, 255, 255, .13) 0 1px, transparent 1.8px) 0 0 / 19px 19px,
		linear-gradient(120deg, #0b4a57 0%, #087d8c 55%, #0ea5b1 100%) !important;
	color: #fff !important;
	box-shadow: 0 14px 30px -22px rgba(8, 125, 140, .8) !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) > .beeang-event-list__heading h2 {
	color: #fff !important; -webkit-text-fill-color: #fff !important;
	font-size: clamp(26px, 3.2vw, 34px) !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) > .beeang-event-list__heading p {
	color: rgba(255, 255, 255, .88) !important; -webkit-text-fill-color: rgba(255, 255, 255, .88) !important;
	max-width: 560px !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) > .beeang-event-list__heading a.beeang-event-list__create,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) > .beeang-event-list__heading a.beeang-event-list__create:is(:link, :visited, :hover, :focus) {
	background: #fff !important; color: #0a6b78 !important; -webkit-text-fill-color: #0a6b78 !important;
	border-radius: 999px !important; padding: 0 24px !important; font-weight: 800 !important;
	box-shadow: 0 10px 22px -14px rgba(0, 0, 0, .55) !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) > .beeang-event-list__heading a.beeang-event-list__catalog,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) > .beeang-event-list__heading a.beeang-event-list__catalog:is(:link, :visited, :hover, :focus) {
	background: rgba(255, 255, 255, .14) !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
	border: 1.5px solid rgba(255, 255, 255, .55) !important; border-radius: 999px !important; padding: 0 22px !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__summary-card.is-active {
	background: linear-gradient(120deg, #0f766e, #0e9aa7) !important;
	border-color: transparent !important; color: #fff !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__summary-card.is-active span,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__summary-card.is-active strong,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__summary-card.is-active small { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__summary-card { border-radius: 18px !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__manage { border-radius: 999px !important; font-weight: 800 !important; box-shadow: none !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__manage.is-primary,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__manage.is-primary:is(:link, :visited, :hover, :focus) {
	background: linear-gradient(120deg, #0f766e, #0e9aa7) !important; border-color: transparent !important;
	color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__manage.is-edit,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__manage.is-edit:is(:link, :visited, :hover, :focus) {
	background: var(--ev-soft) !important; border-color: transparent !important;
	color: var(--ev-soft-ink) !important; -webkit-text-fill-color: var(--ev-soft-ink) !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__manage.is-archive {
	background: transparent !important; border-color: transparent !important;
	color: var(--ev-danger) !important; -webkit-text-fill-color: var(--ev-danger) !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__manage.is-archive:hover { background: var(--ev-danger-bg) !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-labels > summary {
	display: inline-block !important; min-height: 0 !important; padding: 2px 0 !important; margin-top: 4px;
	border: 0 !important; background: none !important; box-shadow: none !important;
	color: var(--ev-soft-ink) !important; -webkit-text-fill-color: var(--ev-soft-ink) !important;
	font-size: 12.5px !important; font-weight: 800 !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
@container (max-width: 560px) {
	html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) > .beeang-event-list__heading a.beeang-event-list__create,
	html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) > .beeang-event-list__heading a.beeang-event-list__catalog { width: 100% !important; justify-content: center !important; }
}

/* 0.66.21: kartu event di mobile mengikuti tema (terang/gelap), tindakan tersusun rapi. */
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list { --ev-card: #fff; }
html body .beeang-hub--workspace[data-theme="dark"] .beeang-event-portal__panel.beeang-event-list { --ev-card: #10293a; }
@media (prefers-color-scheme: dark) { html body .beeang-hub--workspace:not([data-theme="light"]) .beeang-event-portal__panel.beeang-event-list { --ev-card: #10293a; } }
@container (max-width: 560px) {
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table tbody tr {
	background: var(--ev-card) !important; border: 1px solid var(--ev-line) !important;
	border-radius: 18px !important; padding: 16px !important; box-shadow: none !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table tbody tr:hover td,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child { background: transparent !important; border: 0 !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:first-child { padding-bottom: 12px !important; border-bottom: 1px solid var(--ev-line) !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child {
	display: flex !important; flex-wrap: wrap; gap: 8px !important; align-items: center;
	padding-top: 12px !important; border-top: 1px solid var(--ev-line) !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__actions { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__manage.is-primary { order: -1; flex: 1 1 100%; justify-content: center; min-height: 44px; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__manage.is-edit,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__manage.is-archive,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__archive { flex: 1 1 calc(50% - 4px); justify-content: center; margin: 0 !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__archive .beeang-event-list__manage { width: 100%; }
}
@media (max-width: 680px) {
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table tbody tr {
	background: var(--ev-card) !important; border: 1px solid var(--ev-line) !important;
	border-radius: 18px !important; padding: 16px !important; box-shadow: none !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table tbody tr:hover td,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child { background: transparent !important; border: 0 !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:first-child { padding-bottom: 12px !important; border-bottom: 1px solid var(--ev-line) !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child {
	display: flex !important; flex-wrap: wrap; gap: 8px !important; align-items: center;
	padding-top: 12px !important; border-top: 1px solid var(--ev-line) !important;
}
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__actions { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__manage.is-primary { order: -1; flex: 1 1 100%; justify-content: center; min-height: 44px; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__manage.is-edit,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__manage.is-archive,
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__archive { flex: 1 1 calc(50% - 4px); justify-content: center; margin: 0 !important; }
html body .beeang-hub--workspace .beeang-event-portal__panel.beeang-event-list:not(.beeang-event-list--selected) .beeang-event-list__table td:last-child .beeang-event-list__archive .beeang-event-list__manage { width: 100%; }
}