/* BEEang Hub 0.9.152 — gaya modern ruang kerja mengikuti foto referensi:
   sidebar putih yang diam di layar, header kaca dengan lonceng, kartu putih, latar sangat terang.
   Dimuat paling akhir; selector sengaja diperberat agar menang atas workspace.css, mobile.css, sidebar-compact.css, dan CSS EMS. */

/* ---------- Latar lebih terang (hanya tema terang) ---------- */
@media (prefers-color-scheme:light){
	body.beeang-hub-workspace-page .beeang-hub--workspace:not([data-theme="dark"]){--bg:#f6f8fc;--line:var(--bh-line)}
}
body.beeang-hub-workspace-page .beeang-hub--workspace[data-theme="light"]{--bg:#f6f8fc;--line:var(--bh-line)}

/* ---------- Sidebar putih ---------- */
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar{
	background:var(--card);color:var(--ink);border-right:1px solid var(--line);box-shadow:none;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .bh-brand .bh-brand__caption{color:var(--teal)}
/* Logo: versi berwarna untuk terang, versi putih untuk gelap */
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-brand img.bh-logo--dark{display:none}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace)[data-theme="dark"] .bh-brand img.bh-logo--light{display:none}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace)[data-theme="dark"] .bh-brand img.bh-logo--dark{display:block}
@media (prefers-color-scheme:dark){
	:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace):not([data-theme="light"]) .bh-brand img.bh-logo--light{display:none}
	:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace):not([data-theme="light"]) .bh-brand img.bh-logo--dark{display:block}
}
/* Menu */
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__nav-item{color:var(--ink);font-weight:600}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__nav-item .dashicons,
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__nav-item i{color:var(--mut);opacity:1}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar a.beeang-hub__nav-item:hover{background:var(--soft);color:var(--ink)}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__nav-item.is-active,
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar a.beeang-hub__nav-item.is-active:hover{
	background:linear-gradient(90deg,var(--teal),var(--cyan));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--teal) 30%,transparent);
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__nav-item.is-active .dashicons,
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__nav-item.is-active i{color:#fff}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__nav-group h2{color:var(--mut)}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__nav-item small{color:var(--mut);background:var(--soft);padding:1px 8px;border-radius:99px}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .bh-back{background:var(--soft);border:1px solid var(--line);color:var(--ink)}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__sidebar-note{background:var(--soft);border:1px solid var(--line);color:var(--mut)}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__sidebar-note strong{color:var(--ink)}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar .beeang-hub__sidebar-note em{color:var(--teal)}

/* ---------- Sidebar diam di layar (desktop); di HP tetap laci ---------- */
@media (min-width:801px){
	:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__sidebar.beeang-hub__sidebar{
		position:sticky;top:0;align-self:stretch;height:auto;min-height:100vh;min-height:100dvh;overflow:visible;
	}
}

/* ---------- Header kaca ---------- */
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top.bh-top{
	background:color-mix(in srgb,var(--card) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);
	border-bottom:1px solid var(--line);padding:12px 32px;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top.bh-top .bh-search{background:var(--soft);border:1px solid var(--line);border-radius:14px;max-width:420px}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top.bh-top .bh-tg{border-radius:12px;background:var(--card)}
/* Profil akun menjadi satu kontrol yang rapi; alamat email tetap terbaca sebagai informasi sekunder. */
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top .beeang-hub__user{
	gap:10px;padding:5px 9px;border:1px solid transparent;border-radius:14px;transition:background .16s ease,border-color .16s ease;max-width:min(270px,32vw);
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top .beeang-hub__user:hover,
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top .beeang-hub__user[aria-expanded="true"]{
	background:var(--soft);border-color:var(--line);
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top .bh-who{min-width:0;max-width:190px;line-height:1.25}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top .bh-who b{
	max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top .bh-who small{
	max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top .bh-who .bh-who-role{
	display:inline-flex!important;width:max-content;max-width:100%;margin-top:4px;padding:2px 7px;border:1px solid var(--line);border-radius:999px;
	background:var(--card);color:var(--teal);font-size:10px!important;font-weight:700;line-height:1.3;white-space:nowrap;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top .beeang-hub__user:focus-visible{
	outline:2px solid var(--cyan);outline-offset:2px;
}
/* Lonceng */
.bh-bellwrap{position:relative;display:block}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-bell{
	all:unset;box-sizing:border-box;cursor:pointer;position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
	border:1px solid var(--line);background:var(--card);color:var(--ink);
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-bell:hover{background:var(--soft)}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-bell:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.bh-bell svg{width:20px;height:20px}
.bh-bell__badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--badt);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;border:2px solid var(--card);line-height:1}
.bh-bell__panel{position:absolute;right:0;top:calc(100% + 12px);width:320px;max-width:calc(100vw - 24px);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px color-mix(in srgb,var(--ink) 18%,transparent);padding:8px;z-index:30}
.bh-bell__panel[hidden]{display:none}
.bh-bell__hd{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px;color:var(--ink)}
.bh-bell__hd span{font-size:11.5px;color:var(--mut)}
.bh-bell__it{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border-radius:10px;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}
.bh-bell__it:hover{background:var(--soft);color:var(--teal)}
.bh-bell__it em{font-style:normal;font-size:11px;font-weight:800;padding:2px 9px;border-radius:99px;background:var(--warn);color:var(--warnt)}
.bh-bell__empty{margin:0;padding:18px 10px;text-align:center;color:var(--mut);font-size:13px}

/* ---------- Area konten ---------- */
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__content.beeang-hub__content{padding:24px 32px 48px}
@media (max-width:800px){
	:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .beeang-hub__content.beeang-hub__content{padding:16px 14px 40px}
	:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top.bh-top{padding:10px 14px}
}

/* =====================================================================
   0.9.153 — Tanpa hero; header diam, hanya konten yang bergerak (mengikuti foto referensi)
   Berlaku di halaman ruang kerja Hub dan cangkang EMS (Dashboard Event).
   ===================================================================== */

/* Header menempel di atas; sidebar tetap diam. overflow:clip (bukan hidden) agar sticky tidak patah. */
.beeang-event-shell.beeang-hub--workspace,
.beeang-event-shell.beeang-hub--workspace .beeang-event-shell__layout,
.beeang-event-shell.beeang-hub--workspace .beeang-event-shell__main{overflow:clip}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-top.bh-top{position:sticky;top:0;z-index:30}

/* ---------- Dashboard Utama Hub: hero menjadi judul biasa + tombol aksi di kanan ---------- */
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero{
	background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 4px;color:var(--ink);
	display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero small{display:none}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero h1{color:var(--ink);font-size:28px;margin:0 0 4px;letter-spacing:-.02em}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero p{color:var(--mut);margin:0 0 8px}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero > :not(.bh-actions){grid-column:1}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero .bh-pill{justify-self:start;background:var(--soft);border:1px solid var(--line);color:var(--ink)}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero .bh-actions{grid-column:2;grid-row:1 / span 4;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero .bh-actions .bh-btn{margin:0;padding:10px 16px;border-radius:12px}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero .bh-actions .bh-btn.g{background:var(--card);color:var(--ink);border:1px solid var(--line)}
@media (max-width:900px){
	:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero{grid-template-columns:minmax(0,1fr)}
	:is(body.beeang-hub-workspace-page .beeang-hub--workspace,.beeang-event-shell.beeang-hub--workspace) .bh-hero.bh-hero .bh-actions{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:8px}
}

/* ---------- Dashboard Event (EMS): banner teal menjadi judul biasa ---------- */
html body .beeang-event-ops .beeang-event-ops__heading.beeang-event-ops__heading{
	background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;padding:0 0 4px!important;color:var(--ink,#0f2a3d)!important;
}
html body .beeang-event-ops .beeang-event-ops__heading::before,
html body .beeang-event-ops .beeang-event-ops__heading::after{display:none!important}
html body .beeang-event-ops .beeang-event-ops__heading > div:first-child > span{display:none!important}
html body .beeang-event-ops .beeang-event-ops__heading h2{color:var(--ink,#0f2a3d)!important;font-size:28px!important;margin:0 0 4px!important;letter-spacing:-.02em}
html body .beeang-event-ops .beeang-event-ops__heading p{color:var(--mut,#5b6b7c)!important;font-size:14px!important}
html body .beeang-event-ops .beeang-event-ops__heading .button{background:var(--card,#fff)!important;color:var(--ink,#0f2a3d)!important;border:1px solid var(--line,#e8edf4)!important;border-radius:12px!important;box-shadow:none!important}
html body .beeang-event-ops .beeang-event-ops__heading .button-primary{background:var(--gold,#f5b921)!important;color:#3b2d00!important;border-color:transparent!important}

/* Cangkang Event memakai token Hub yang sama; hanya struktur halaman yang tetap khusus EMS. */
.beeang-event-shell.beeang-hub--workspace{
	--navy:#142D4E;--teal:#0F766E;--cyan:#08a6b4;--gold:#F4B942;--ink:#1F2937;--mut:#64748B;--line:var(--bh-line);--bg:#f6f8fc;--card:#fff;--soft:#F5F7FA;
	--ok:#e8f5ee;--okt:#17613f;--bad:#fdecec;--badt:#b3392f;--warn:#fff6dc;--warnt:#8a6500;
	--muted:var(--mut);--blue:var(--cyan);
}
.beeang-event-shell.beeang-hub--workspace[data-theme="dark"]{--navy:#0B1728;--teal:#2DD4BF;--gold:#F4B942;--ink:#F1F5F9;--mut:#A7B4C7;--line:var(--bh-line);--bg:#0F172A;--card:#1E293B;--soft:#172033;--ok:#12382b;--okt:#7fe0b0;--bad:#40201f;--badt:#ff9b92;--warn:#3a3012;--warnt:#f2d067;color-scheme:dark}
@media (prefers-color-scheme:dark){
	.beeang-event-shell.beeang-hub--workspace:not([data-theme="light"]){--navy:#0B1728;--teal:#2DD4BF;--gold:#F4B942;--ink:#F1F5F9;--mut:#A7B4C7;--line:var(--bh-line);--bg:#0F172A;--card:#1E293B;--soft:#172033;--ok:#12382b;--okt:#7fe0b0;--bad:#40201f;--badt:#ff9b92;--warn:#3a3012;--warnt:#f2d067;color-scheme:dark}
}
/* ---------- Tombol ghost di judul Dashboard Utama: teks tidak boleh putih di atas putih ---------- */
html body .beeang-hub--workspace .bh-hero .bh-actions a.bh-btn.g,
html body .beeang-hub--workspace .bh-hero .bh-actions a.bh-btn.g:visited{
	background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important;text-decoration:none!important;
}
html body .beeang-hub--workspace .bh-hero .bh-actions a.bh-btn.g:hover{background:var(--soft)!important}
html body .beeang-hub--workspace .bh-hero .bh-actions a.bh-btn:not(.g){color:#3b2d00!important;text-decoration:none!important}

/* 0.9.305: judul grup sidebar (PERUSAHAAN, KOMUNIKASI, DOKUMEN, BEEANG CORE, ALAT ADMIN) dibuat lebih besar dan kontras.
   Warna memakai Midnight Blue (heading, Blue Book I) di tema terang dan Slate terang di tema gelap.
   Menimpa aturan 9-10,5px di workspace.css, sidebar-compact.css, dan mobile.css. */
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .beeang-hub__nav-group h2,
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-fold__btn {
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	color: var(--bh-midnight, #191970) !important;
	opacity: 1 !important;
}
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-fold__btn:hover,
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-fold__btn:focus-visible {
	color: var(--bh-midnight, #191970) !important;
	text-decoration: underline;
}
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-fold__btn small.bh-badge {
	font-size: 11px !important;
	color: #3b2d00 !important;
}
@media (max-width: 860px) {
	html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .beeang-hub__nav-group h2,
	html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-fold__btn {
		font-size: 11px !important;
	}
}
html body.beeang-hub-workspace-page .beeang-hub--workspace[data-theme="dark"] .beeang-hub__sidebar .beeang-hub__nav-group h2,
html body.beeang-hub-workspace-page .beeang-hub--workspace[data-theme="dark"] .beeang-hub__sidebar .bh-fold__btn {
	color: #A7B3C2 !important;
}
html body.beeang-hub-workspace-page .beeang-hub--workspace[data-theme="dark"] .beeang-hub__sidebar .bh-fold__btn:hover {
	color: #E6EEF5 !important;
}

/* 0.9.419 — shared page components; Hub and Event workspaces use the same card, action, and tab language. */
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-card {
	border-radius: 16px;
	box-shadow: 0 6px 20px color-mix(in srgb, var(--ink) 6%, transparent);
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-staff-stat {
	border-radius: 16px;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-btn {
	display: inline-flex;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 9px 16px;
	border-radius: 10px;
	text-decoration: none;
	transition: filter .16s ease, transform .16s ease;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-btn:hover {
	transform: translateY(-1px);
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-tabs {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	margin: 0 0 16px;
	padding: 4px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: var(--soft);
	scrollbar-width: thin;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-tabs > a {
	display: inline-flex;
	flex: 0 0 auto;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0 12px;
	border: 1px solid transparent;
	border-radius: 9px;
	color: var(--mut);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-tabs > a:hover,
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-tabs > a:focus-visible {
	border-color: var(--line);
	color: var(--ink);
	outline-color: var(--teal);
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-tabs > a[aria-current="page"] {
	border-color: var(--line);
	background: var(--card);
	box-shadow: 0 2px 6px color-mix(in srgb, var(--ink) 8%, transparent);
	color: var(--teal);
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-tabs__count {
	display: inline-flex;
	min-width: 22px;
	height: 22px;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
	border-radius: 99px;
	background: var(--soft);
	color: var(--mut);
	font-size: 10px;
	font-weight: 800;
}
:is(body.beeang-hub-workspace-page .beeang-hub--workspace, .beeang-event-shell.beeang-hub--workspace) .bh-tabs > a[aria-current="page"] .bh-tabs__count {
	background: color-mix(in srgb, var(--teal) 12%, var(--card));
	color: var(--teal);
}

/* BEEang Hub core pages use the Blue Book palette without changing Event/DP/Media workspaces. */
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main {
	--teal: var(--bh-midnight);
	--blue: var(--bh-midnight);
	--hub-accent-text: var(--bh-midnight);
	--hub-focus: var(--bh-sage);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] {
	--hub-accent-text: #c4c9ff;
}

@media (prefers-color-scheme: dark) {
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) {
		--hub-accent-text: #c4c9ff;
	}
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .beeang-hub__sidebar .beeang-hub__nav-item.is-active,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .beeang-hub__sidebar a.beeang-hub__nav-item.is-active:hover {
	background: linear-gradient(100deg, var(--bh-midnight), color-mix(in srgb, var(--bh-midnight) 76%, var(--bh-sage)));
	box-shadow: 0 6px 16px color-mix(in srgb, var(--bh-midnight) 24%, transparent);
	color: #fff;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .beeang-hub__sidebar .beeang-hub__nav-item.is-active .dashicons,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .beeang-hub__sidebar .beeang-hub__nav-item.is-active i {
	color: #fff;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-btn:not(.ghost) {
	border: 1px solid var(--bh-midnight);
	background: var(--bh-midnight);
	color: var(--bh-on-primary) !important;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-btn.ghost {
	border: 1px solid var(--line);
	background: var(--card);
	color: var(--ink) !important;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-btn:focus-visible,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main a:focus-visible,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main button:focus-visible,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main input:focus-visible,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main select:focus-visible,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main textarea:focus-visible {
	outline-color: var(--hub-focus);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-card {
	border: 1px solid var(--line);
	border-radius: 16px;
	background: var(--card);
	box-shadow: 0 4px 18px color-mix(in srgb, var(--ink) 5%, transparent);
	color: var(--ink);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-card h2,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-card h3 {
	color: var(--ink);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-home-nav a,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-home-nav a:hover,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-home-nav a.is-current {
	border-color: color-mix(in srgb, var(--bh-midnight) 28%, var(--line));
	color: var(--hub-accent-text);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-home-nav a.is-current {
	background: color-mix(in srgb, var(--bh-midnight) 9%, var(--card));
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-lk,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-au-detail summary {
	color: var(--hub-accent-text);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-home-action {
	border-color: var(--line);
	background: color-mix(in srgb, var(--bh-midnight) 4%, var(--card));
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main .bh-home-action:hover {
	border-color: color-mix(in srgb, var(--bh-midnight) 42%, var(--line));
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm {
	--bh-cm-accent: #c4c9ff;
	color: var(--ink);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__ph h1,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__card h2,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__ann h3,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__form label,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__list strong,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__mhead,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__day {
	color: var(--ink);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__ann.is-unread h3,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__mhead a,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__day.is-today {
	color: var(--bh-cm-accent);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__card {
	background: var(--card);
	border-color: var(--line);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__form input,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__form textarea {
	background: var(--bg);
	border-color: var(--line);
	color: var(--ink);
	caret-color: var(--ink);
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__form input::placeholder,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__form textarea::placeholder {
	color: var(--mut);
	opacity: 1;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__form input:focus-visible,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__form textarea:focus-visible,
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__day:focus-visible {
	border-color: var(--bh-cm-accent);
	outline: 2px solid color-mix(in srgb, var(--bh-cm-accent) 60%, transparent);
	outline-offset: 2px;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__btn:not(.bh-cm__btn--o):not(.bh-cm__btn--danger),
html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__filter a.is-on {
	border-color: #4b4bb0;
	background: #4b4bb0;
	color: #fff !important;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__btn--o {
	border-color: var(--line);
	color: var(--bh-cm-accent) !important;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__btn--danger {
	border-color: color-mix(in srgb, var(--bh-terracotta) 55%, var(--line));
	color: #ffd2c5;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__new {
	background: color-mix(in srgb, var(--bh-terracotta) 22%, var(--card));
	color: #ffd2c5;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__notice.is-ok {
	background: #12382b;
	color: #a8d5a8;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__notice.is-error {
	background: #40201f;
	color: #ffd2c5;
}

html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main[data-theme="dark"] .bh-cm__day em {
	background: #12382b;
	color: #a8d5a8;
}

@media (prefers-color-scheme: dark) {
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm {
		--bh-cm-accent: #c4c9ff;
		color: var(--ink);
	}

	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__ph h1,
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__card h2,
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__ann h3,
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__form label,
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__list strong,
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__mhead,
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__day {
		color: var(--ink);
	}

	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__ann.is-unread h3,
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__mhead a,
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__day.is-today {
		color: var(--bh-cm-accent);
	}

	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__card {
		background: var(--card);
		border-color: var(--line);
	}

	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__form input,
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__form textarea {
		background: var(--bg);
		border-color: var(--line);
		color: var(--ink);
		caret-color: var(--ink);
	}

	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__btn:not(.bh-cm__btn--o):not(.bh-cm__btn--danger),
	html body.beeang-hub-workspace-page .beeang-hub--workspace.beeang-hub--main:not([data-theme="light"]) .bh-cm__filter a.is-on {
		border-color: #4b4bb0;
		background: #4b4bb0;
		color: #fff !important;
	}
}

/* 0.9.522 · Footer sidebar (BEEANG HUB + versi plugin): satu blok aturan, memakai token tema.
   Menggantikan tumpukan aturan lama untuk .beeang-hub__sidebar-note. */
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .beeang-hub__sidebar-note{
	display:block;box-sizing:border-box;width:100%;margin:auto 0 0;padding:14px;
	border:1px solid var(--line);border-radius:14px;background:var(--soft);
	color:var(--mut);font-size:12px;line-height:1.5;
}
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-sbf__brand strong{display:block;color:var(--ink);font-size:13px;font-weight:800;letter-spacing:.02em}
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-sbf__brand span{display:block;margin-top:2px;color:var(--mut);font-size:12px}
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-sbf__cap{margin:12px 0 6px;color:var(--mut);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-sbf__versions{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0;padding-top:10px;border-top:1px solid var(--line)}
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-sbf__versions dt{margin:0;color:var(--mut);font-weight:600}
html body.beeang-hub-workspace-page .beeang-hub--workspace .beeang-hub__sidebar .bh-sbf__versions dd{margin:0;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}