/* 0.54.63 · Halaman kelola Kompetisi: stepper tahap, tab pil, ringkasan bento, dan tab "Rubrik & Juri" baru.
 * Hanya tampilan. Aturan tab dan kartu dibatasi di `.beeang-event-module` supaya halaman kompetisi publik tidak terpengaruh. */

/* ── Stepper tahap (header detail) ── */
html body .beeang-comp-stepper{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:760px}
html body .beeang-comp-stepper li{border-top:5px solid var(--line,#d3dfe8);padding-top:9px;display:flex;flex-direction:column;gap:2px;min-width:0}
html body .beeang-comp-stepper li b{font-size:13px;font-weight:700;color:var(--mut,#566b7e);overflow-wrap:anywhere}
html body .beeang-comp-stepper li span{font-size:12px;color:var(--mut,#566b7e)}
html body .beeang-comp-stepper li.is-done{border-top-color:#0F766E}
html body .beeang-comp-stepper li.is-done b{color:var(--ink,#12324a)}
html body .beeang-comp-stepper li.is-current{border-top-color:#f5b800}
html body .beeang-comp-stepper li.is-current b{color:var(--ink,#12324a)}
html body .beeang-comp-stepper li.is-current span{color:#7a5a00;font-weight:700}
@media (max-width:760px){html body .beeang-comp-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── Kartu "Kompetisi · pendaftaran, karya & penilaian": tidak lagi kartu di dalam kartu ── */
html body .beeang-event-module details.beeang-event-competition{border:0;background:transparent;box-shadow:none;padding:0;margin-top:6px}
html body .beeang-event-module details.beeang-event-competition[open]>summary{display:none}
html body .beeang-event-module details.beeang-event-competition>.beeang-comp-tabs__panel,
html body .beeang-event-module details.beeang-event-competition>.beeang-comp-tabs{background:transparent}

/* ── Tab pil ── */
html body .beeang-event-module .beeang-comp-tabs{display:flex;flex-wrap:nowrap;gap:4px;margin:6px 0 20px;padding:6px;background:var(--card,#fff);border:1px solid var(--line,#e1e9f0);border-radius:18px;overflow-x:auto}
html body .beeang-event-module .beeang-comp-tabs__tab{appearance:none;flex:none;min-height:44px;padding:0 18px;margin:0;border:0;border-radius:13px;background:none;color:var(--mut,#566b7e);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
html body .beeang-event-module .beeang-comp-tabs__tab:hover{color:#075d6a;background:rgba(10,127,143,.08)}
html body .beeang-event-module .beeang-comp-tabs__tab.is-active{background:#0b3a52;color:#fff;font-weight:700;border:0}
html body .beeang-event-module .beeang-comp-tabs__tab:focus-visible{outline:2px solid #0F766E;outline-offset:2px}

/* ── Kartu ringkasan event di halaman kompetisi: tanggal sebagai kotak bento, judul ganda disembunyikan ── */
html body .beeang-event-module--competition .beeang-event-card--detail .beeang-event-card__heading h3{display:none}
html body .beeang-event-module--competition .beeang-event-card--detail dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:16px 0 0}
html body .beeang-event-module--competition .beeang-event-card--detail dl>div{background:var(--soft,#f3f7fa);border-radius:16px;padding:16px 18px;border:1px solid var(--line,#e1e9f0)}
html body .beeang-event-module--competition .beeang-event-card--detail dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut,#566b7e)}
html body .beeang-event-module--competition .beeang-event-card--detail dd{margin:6px 0 0;font-size:18px;font-weight:800;color:var(--ink,#12324a)}

/* ── Tab Rubrik & Juri ── */
html body .bcr{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;align-items:start}
html body .bcr-danger{grid-column:1 / -1}
@media (max-width:980px){html body .bcr{grid-template-columns:minmax(0,1fr)}}
html body .bcr-card{background:var(--card,#fff);border:1px solid var(--line,#e1e9f0);border-radius:22px;padding:26px;box-sizing:border-box;min-width:0}
html body .bcr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:6px}
html body .bcr-card h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--ink,#12324a)}
html body .bcr-mut{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--mut,#566b7e)}
html body .bcr-pill,html body .bcr-total{display:inline-flex;align-items:center;padding:6px 12px;border-radius:99px;background:#e3f3f6;color:#075d6a;font-size:12px;font-weight:700;white-space:nowrap}
html body .bcr-total{background:#fdf0cf;color:#6b4e00}
html body .bcr-total.is-ok{background:#dff3e7;color:#146a3c}
html body .bcr-bar{display:flex;gap:3px;height:16px;border-radius:99px;overflow:hidden;margin:18px 0 6px;background:var(--soft,#F5F7FA)}
html body .bcr-bar span{min-width:0;transition:flex .2s ease}
html body .bcr-cols,html body .bcr-row{display:grid;grid-template-columns:14px minmax(0,1fr) 168px 44px;gap:12px;align-items:center}
html body .bcr-cols{margin-top:14px;font-size:12px;font-weight:700;color:var(--mut,#566b7e)}
html body .bcr-row{padding:10px 0;border-bottom:1px solid var(--line,#edf2f6)}
html body .bcr-dot{width:12px;height:12px;border-radius:4px}
html body .bcr input[type="text"],html body .bcr input[type="email"],html body .bcr input[type="number"],html body .bcr input:not([type]),html body .bcr select{font:inherit;font-size:14px;font-weight:600;color:var(--ink,#12324a);min-height:44px;padding:0 14px;margin:0;border:1px solid #d3dfe8;border-radius:12px;background:var(--soft,#f8fbfd);box-sizing:border-box;width:100%}
html body .bcr input:focus-visible,html body .bcr select:focus-visible{outline:2px solid #0F766E;outline-offset:1px;background:var(--card,#fff)}
html body .bcr-weight{display:flex;align-items:center;gap:6px}
html body .bcr-weight input[type="number"]{text-align:center;padding:0;-moz-appearance:textfield}
html body .bcr-weight input::-webkit-outer-spin-button,html body .bcr-weight input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html body .bcr-step,html body .bcr-x{flex:none;width:44px;height:44px;min-width:44px;padding:0;border-radius:12px;border:1px solid #d3dfe8;background:var(--card,#fff);color:var(--ink,#12324a);font:inherit;font-size:18px;font-weight:700;cursor:pointer}
html body .bcr-x{font-size:20px;color:var(--mut,#566b7e)}
html body .bcr-step:hover,html body .bcr-x:hover{border-color:#0F766E;color:#075d6a}
html body .bcr-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
html body .bcr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:14px;border:1px solid transparent;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:none}
html body .bcr-btn--pri{background:#0a6f7d;color:#fff}
html body .bcr-btn--pri:hover{background:#085a66;color:#fff}
html body .bcr-btn--ghost{background:var(--card,#fff);border:1px dashed #b9c9d6;color:var(--ink,#12324a)}
html body .bcr-btn--ghost:hover{border-color:#0F766E;color:#075d6a}
html body .bcr-btn--danger{background:var(--card,#fff);border-color:#f0c3c3;color:#a42222}
html body .bcr-btn--danger:hover{background:#fdf1f1}
html body .bcr-btn--sm{padding:0 14px;font-size:13px}
html body .bcr-btn:focus-visible,html body .bcr-link:focus-visible{outline:2px solid #0F766E;outline-offset:2px}
html body .bcr-judge-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
html body .bcr-judge{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line,#e1e9f0);border-radius:16px;background:var(--soft,#fbfdfe);flex-wrap:wrap}
html body .bcr-avatar{width:42px;height:42px;border-radius:14px;background:#0b3a52;color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none}
html body .bcr-judge__who{flex:1;min-width:140px;display:flex;flex-direction:column}
html body .bcr-judge__who strong{font-size:14px;color:var(--ink,#12324a)}
html body .bcr-judge__who span{font-size:13px;color:var(--mut,#566b7e);overflow-wrap:anywhere}
html body .bcr-link{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:13px;font-weight:700;color:#075d6a;text-decoration:none}
html body .bcr-link:hover{text-decoration:underline}
html body .bcr-inline{display:inline-flex;margin:0}
html body .bcr-block{margin-top:22px;padding-top:20px;border-top:1px solid var(--line,#edf2f6);display:flex;flex-direction:column;gap:10px}
html body .bcr-block>label{font-size:14px;font-weight:800;color:var(--ink,#12324a)}
html body .bcr-field-row{display:flex;gap:10px;flex-wrap:wrap}
html body .bcr-field-row>input:not(.bds-field__control),html body .bcr-field-row>select:not(.bds-field__control){flex:1;min-width:180px;width:auto}
html body .bcr-note{margin:18px 0 0;padding:14px 16px;border-radius:14px;background:var(--soft,#f3f7fa);font-size:13px;line-height:1.55;color:var(--mut,#566b7e)}
html body .bcr-danger{border-color:#f0c3c3;background:#fffafa;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
html body .bcr-danger h3{color:#8f1d1d}
html body .bcr-danger__text{max-width:560px}
html body .bcr-danger__actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:620px){
	html body .bcr-cols{display:none}
	html body .bcr-row{grid-template-columns:14px minmax(0,1fr) 44px}
	html body .bcr-weight{grid-column:2 / 3;grid-row:2}
	html body .bcr-x{grid-column:3;grid-row:1}
	html body .bcr-card{padding:20px 16px}
}
html body .beeang-hub--workspace[data-theme="dark"] .bcr-danger{background:rgba(180,40,40,.1)}

/* ───────── 0.54.71 · Daftar Kompetisi EO/Admin: header gelap, kartu statistik terpisah, kartu kompetisi lebih lega ─────────
 * Hanya tampilan; markup dan handler tidak berubah (kecuali item "Perlu tindakan" yang kini menjadi tautan ke kompetisinya).
 * Dibatasi ke `.beeang-event-module--competition` agar halaman lain tidak terpengaruh. */
html body .beeang-event-module--competition .beeang-event-module__header--competition {
	position: relative;
	overflow: hidden;
	align-items: center;
	gap: 18px;
	padding: 26px 30px;
	border: 0;
	border-radius: 24px;
	background: radial-gradient(120% 140% at 100% 0, rgba(25, 184, 201, .35) 0, rgba(25, 184, 201, 0) 55%), linear-gradient(135deg, #0b3a52 0%, #0e5a6b 100%);
	box-shadow: 0 18px 36px -24px rgba(6, 32, 46, .6);
}
html body .beeang-event-module--competition .beeang-event-module__header--competition .beeang-event-module__icon {
	background: rgba(255, 255, 255, .14);
	color: #ffd75a;
	box-shadow: none;
}
html body .beeang-event-module--competition .beeang-event-module__header--competition h1 { color: #fff; -webkit-text-fill-color: #fff; }
html body .beeang-event-module--competition .beeang-event-module__header--competition p { color: #d6ecf2; -webkit-text-fill-color: #d6ecf2; }
html body .beeang-event-module--competition .beeang-comp-head__action,
html body .beeang-event-module--competition .beeang-comp-head__action:is(:link, :visited, :hover, :focus) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	min-height: 46px;
	padding: 0 22px;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(180deg, #ffd75a, #f5b800);
	color: #10324a;
	-webkit-text-fill-color: #10324a;
	font-weight: 800;
	box-shadow: 0 10px 20px -12px rgba(245, 184, 0, .9);
}

/* Statistik: empat kartu terpisah dengan aksen warna, bukan satu blok bersekat. */
html body .beeang-event-module--competition .beeang-competition-overview__cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	overflow: visible;
	border: 0;
	background: transparent;
	box-shadow: none;
}
html body .beeang-event-module--competition .beeang-competition-overview__card {
	position: relative;
	padding: 18px 20px 16px;
	border: 1px solid var(--cp-line, #DCE3EA);
	border-top: 4px solid var(--stat, #0F766E);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 40, 70, .05);
}
html body .beeang-event-module--competition .beeang-competition-overview__card + .beeang-competition-overview__card { border-left: 1px solid var(--cp-line, #DCE3EA); }
html body .beeang-event-module--competition .beeang-competition-overview__card:nth-child(1) { --stat: #0F766E; }
html body .beeang-event-module--competition .beeang-competition-overview__card:nth-child(2) { --stat: #5b6cf0; }
html body .beeang-event-module--competition .beeang-competition-overview__card:nth-child(3) { --stat: #f5b800; }
html body .beeang-event-module--competition .beeang-competition-overview__card:nth-child(4) { --stat: #e2765f; }
html body .beeang-event-module--competition .beeang-competition-overview__card:nth-child(n+3) { border-top: 4px solid var(--stat); }
@media (max-width: 900px) {
	html body .beeang-event-module--competition .beeang-competition-overview__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Perlu tindakan: item menjadi tautan */
html body .beeang-event-module--competition a.beeang-comp-attn__item,
html body .beeang-event-module--competition a.beeang-comp-attn__item:is(:link, :visited, :hover, :focus) { color: inherit; text-decoration: none; }
html body .beeang-event-module--competition a.beeang-comp-attn__item { transition: border-color .15s ease, box-shadow .15s ease; }
html body .beeang-event-module--competition a.beeang-comp-attn__item:hover { border-color: #0F766E; box-shadow: 0 10px 22px -16px rgba(10, 127, 143, .6); }
html body .beeang-event-module--competition a.beeang-comp-attn__item:focus-visible { outline: 3px solid #19b8c9; outline-offset: 2px; }
html body .beeang-event-module--competition .beeang-comp-attn__list { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }

/* Daftar: kartu lebih lebar (dua kolom pada konten 1064px), statistik 2 + 1 agar teks tidak terpotong */
html body .beeang-event-module--competition .beeang-comp-list__grid { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 18px; }
html body .beeang-event-module--competition .beeang-comp-card { padding: 20px; gap: 12px; border-radius: 20px; }
html body .beeang-event-module--competition .beeang-comp-card h3 { min-height: 44px; font-size: 18px; }
html body .beeang-event-module--competition .beeang-comp-card .beeang-stage-track { gap: 5px; }
html body .beeang-event-module--competition .beeang-comp-card .beeang-stage-track i { height: 7px; }
html body .beeang-event-module--competition .beeang-comp-card__stats { grid-template-columns: 1fr 1fr; gap: 10px; }
html body .beeang-event-module--competition .beeang-comp-card__stats > div:nth-child(3) { grid-column: 1 / -1; min-height: 62px; }
html body .beeang-event-module--competition .beeang-comp-card__stats dd { font-size: 15px; }
html body .beeang-event-module--competition .beeang-comp-card__go,
html body .beeang-event-module--competition .beeang-comp-card__go:is(:link, :visited, :hover, :focus) { min-height: 46px; border-radius: 14px; color: #fff; -webkit-text-fill-color: #fff; }

/* Catatan alur pembayaran */
html body .beeang-event-module--competition .beeang-comp-payflow {
	margin: 18px 0 0;
	padding: 14px 18px;
	border: 1px solid #d6e8ee;
	border-radius: 16px;
	background: #eef7fa;
	color: #3d566a;
	font-size: 13px;
	line-height: 1.6;
}
html body .beeang-event-module--competition .beeang-comp-payflow strong { color: #10324a; }

/* ───────── 0.54.72 · Kelola kompetisi: tab Aturan, Entri & Karya, Penilaian, Voting, Hasil ─────────
 * Hanya tampilan. Tidak mengubah display panel `[data-comp-tab]` (diatur competition-tabs.js). */
html body .beeang-event-module details.beeang-event-competition { --kc-ink: var(--bp-ink, #12324a); --kc-mut: var(--bp-mut, #566b7e); --kc-line: var(--bp-line, #e1e9f0); --kc-soft: var(--bp-soft, #f3f7fa); --kc-card: var(--bp-card, #fff); --kc-field: var(--bp-input, #fff); --kc-field-line: var(--bp-input-line, #d3dfe8); --kc-link: var(--bp-accent-line, #0a6f7d); }
html body .beeang-event-module details.beeang-event-competition .beeang-comp-summary,
html body .beeang-event-module details.beeang-event-competition .beeang-event-competition__form { padding: 0 4px; }
html body .beeang-event-module details.beeang-event-competition h3,
html body .beeang-event-module details.beeang-event-competition .beeang-comp-summary > h4 {
	margin: 6px 0 14px;
	color: var(--kc-ink);
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -.01em;
}
html body .beeang-event-module details.beeang-event-competition .beeang-comp-summary > h4 ~ h4 { margin-top: 26px; }
html body .beeang-event-module details.beeang-event-competition .beeang-comp-summary p,
html body .beeang-event-module details.beeang-event-competition .beeang-comp-summary .description { color: var(--kc-mut); font-size: 14px; line-height: 1.6; margin: 0 0 10px; }
html body .beeang-event-module details.beeang-event-competition .beeang-comp-summary p strong { color: var(--kc-ink); }

/* Tabel */
html body .beeang-event-module details.beeang-event-competition table.beeang-comp-table {
	width: 100%;
	margin: 6px 0 14px;
	border: 1px solid var(--kc-line);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
}
html body .beeang-event-module details.beeang-event-competition table.beeang-comp-table th {
	padding: 12px 16px;
	border: 0;
	border-bottom: 1px solid var(--kc-line);
	background: var(--kc-soft);
	color: var(--kc-mut);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .08em;
	text-align: left;
	text-transform: uppercase;
}
html body .beeang-event-module details.beeang-event-competition table.beeang-comp-table td {
	padding: 13px 16px;
	border: 0;
	border-bottom: 1px solid #F5F7FA;
	color: var(--kc-ink);
	font-size: 14px;
	font-weight: 600;
}
html body .beeang-event-module details.beeang-event-competition table.beeang-comp-table tbody tr:last-child td { border-bottom: 0; }
html body .beeang-event-module details.beeang-event-competition table.beeang-comp-table tbody tr:hover td { background: #f8fbfd; }
html body .beeang-event-module details.beeang-event-competition table.beeang-comp-table td:first-child { width: 56px; color: #0F766E; font-weight: 800; }

/* Entri & Karya: kartu per entri, bukan baris yang terbelah titik */
html body .beeang-event-module details.beeang-event-competition ul.beeang-event-competition__submissions { display: grid; gap: 14px; margin: 0 0 18px; padding: 0; list-style: none; }
html body .beeang-event-module details.beeang-event-competition ul.beeang-event-competition__submissions > li {
	display: block;
	margin: 0;
	padding: 18px 20px;
	border: 1px solid var(--kc-line);
	border-radius: 18px;
	background: var(--kc-card);
	color: var(--kc-mut);
	font-size: 14px;
	line-height: 1.7;
}
html body .beeang-event-module details.beeang-event-competition ul.beeang-event-competition__submissions > li > strong { color: var(--kc-ink); font-size: 16px; font-weight: 800; }
html body .beeang-event-module details.beeang-event-competition ul.beeang-event-competition__submissions > li > p { margin: 6px 0 0; color: var(--kc-mut); }
html body .beeang-event-module details.beeang-event-competition ul.beeang-event-competition__submissions > li > a { color: var(--kc-link); font-weight: 700; }
html body .beeang-event-module details.beeang-event-competition form.beeang-event-competition__status-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px 12px;
	margin: 14px 0 0;
	padding: 14px 0 0;
	border-top: 1px dashed var(--kc-line);
}
html body .beeang-event-module details.beeang-event-competition form.beeang-event-competition__status-form label { display: grid; gap: 4px; margin: 0; color: var(--kc-mut); font-size: 12px; font-weight: 700; }
html body .beeang-event-module details.beeang-event-competition form.beeang-event-competition__status-form label:last-of-type { flex: 1 1 220px; }
html body .beeang-event-module details.beeang-event-competition form.beeang-event-competition__status-form select,
html body .beeang-event-module details.beeang-event-competition form.beeang-event-competition__status-form input {
	min-height: 42px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--kc-field-line);
	border-radius: 12px;
	background: var(--kc-field);
	color: var(--kc-ink);
	font: inherit;
	font-size: 14px;
}

/* Tombol bawaan di dalam panel (Ubah status, Publikasikan hasil, Ekspor CSV, Kirim notifikasi) */
html body .beeang-event-module details.beeang-event-competition button.button,
html body .beeang-event-module details.beeang-event-competition a.button,
html body .beeang-event-module details.beeang-event-competition a.button:is(:link, :visited, :hover, :focus) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px;
	border: 1px solid #0b6a77;
	border-radius: 13px;
	background: #0b6a77;
	color: #fff;
	-webkit-text-fill-color: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}
html body .beeang-event-module details.beeang-event-competition a.button,
html body .beeang-event-module details.beeang-event-competition a.button:is(:link, :visited, :hover, :focus) { background: #fff; color: #0b6a77; -webkit-text-fill-color: #0b6a77; }
html body .beeang-event-module details.beeang-event-competition button.button:hover { background: #085a66; border-color: #085a66; }
html body .beeang-event-module details.beeang-event-competition > p { margin: 14px 0 0; }
html body .beeang-event-module details.beeang-event-competition > form:not([class]) { display: inline-block; margin: 12px 12px 0 0; }

/* Aturan: kotak centang sebaris, kolom bidang rapi */
html body .beeang-event-module details.beeang-event-competition .beeang-event-competition__form label:has(> input[type="checkbox"]) {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border: 1px solid var(--kc-line);
	border-radius: 14px;
	background: var(--kc-soft);
	color: var(--kc-ink);
	font-weight: 700;
}
html body .beeang-event-module details.beeang-event-competition .beeang-event-competition__form input[type="checkbox"] { width: 20px; height: 20px; margin: 0; accent-color: #0F766E; }
html body .beeang-event-module details.beeang-event-competition .beeang-event-competition__form textarea { min-height: 120px; }
html body .beeang-event-module details.beeang-event-competition table.beeang-comp-table:has(th:nth-child(4)) td:first-child { width: auto; color: var(--kc-ink); font-weight: 700; }
html body .beeang-event-module details.beeang-event-competition .beeang-event-competition__form label:has(> input[type="checkbox"]) { justify-content: flex-start; text-align: left; }

/* ───────── 0.54.73 · Panel Kelola kompetisi & edit info event: rata kiri, tab segmen, panel berkartu, aksi sebaris ─────────
 * Hanya tampilan. Menimpa lapisan lama (workspace.css) dengan satu blok yang konsisten. */
html body .beeang-event-module--competition details.beeang-event-competition > :not(summary) {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs {
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	margin: 22px 0 18px;
	padding: 5px;
	border: 1px solid var(--line, #e1e9f0);
	border-radius: 16px;
	background: var(--soft, #f3f7fa);
	overflow-x: auto;
	scrollbar-width: none;
}
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs::-webkit-scrollbar { display: none; }
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs .beeang-comp-tabs__tab {
	flex: 1 1 auto;
	min-height: 42px;
	padding: 0 18px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: var(--mut, #566b7e);
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	box-shadow: none;
}
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs .beeang-comp-tabs__tab:hover { background: rgba(10, 127, 143, .1); color: #075d6a; }
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs .beeang-comp-tabs__tab.is-active {
	background: #0b3a52;
	color: #fff;
	box-shadow: 0 6px 14px -8px rgba(11, 58, 82, .7);
}
/* Panel yang isinya teks/aksi (Voting, Hasil, Penilaian, Ringkasan) menjadi satu kartu; panel berformulir/rubrik sudah punya kartu sendiri. */
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs__panel:not([hidden]):not(:has(.bcr, .beeang-event-competition__form)) {
	padding: 22px 24px 14px;
	border: 1px solid var(--line, #e1e9f0);
	border-radius: 18px;
	background: var(--card, #fff);
}
html body .beeang-event-module--competition details.beeang-event-competition .beeang-comp-summary { padding-top: 0; }
html body .beeang-event-module--competition details.beeang-event-competition .beeang-comp-summary h4,
html body .beeang-event-module--competition details.beeang-event-competition .beeang-comp-tabs__panel > h3:first-child {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 800;
	color: var(--ink, #12324a);
}
html body .beeang-event-module--competition details.beeang-event-competition .beeang-comp-summary p {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--mut, #566b7e);
}
html body .beeang-event-module--competition details.beeang-event-competition .beeang-comp-summary p strong { color: var(--ink, #12324a); }
/* Aksi Hasil: tombol sebaris, tinggi sama */
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs__panel > form:not([class]),
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs__panel > p:has(> a.button) {
	display: inline-block;
	margin: 0 10px 10px 0 !important; /* menimpa style inline dari self::form() */
	vertical-align: top;
}
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs__panel > p:has(> a.button) { padding: 0; }
html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs__panel > form:not([class]) button.button { min-height: 44px; }

/* Edit info event (langsung berlaku) */
html body .beeang-event-live {
	margin: 18px 0 0;
	border: 1px solid var(--line, #e1e9f0);
	border-radius: 18px;
	background: var(--card, #fff);
	overflow: hidden;
}
html body .beeang-event-live > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 22px;
	cursor: pointer;
	list-style: none;
	font-size: 15px;
	font-weight: 800;
	color: var(--ink, #12324a);
}
html body .beeang-event-live > summary::-webkit-details-marker { display: none; }
html body .beeang-event-live > summary small {
	margin-left: auto;
	padding: 4px 10px;
	border-radius: 99px;
	background: #dff3e7;
	color: #146a3c;
	font-size: 12px;
	font-weight: 700;
}
html body .beeang-event-live[open] > summary { border-bottom: 1px solid var(--line, #e1e9f0); background: var(--soft, #f7fafc); }
html body .beeang-event-live > form.beeang-event-live__form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 18px;
	padding: 22px !important;
	margin: 0 !important;
}
html body .beeang-event-live__form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; color: var(--ink, #12324a); min-width: 0; }
html body .beeang-event-live__form label.is-wide,
html body .beeang-event-live__hint,
html body .beeang-event-live__actions { grid-column: 1 / -1; }
html body .beeang-event-live__form input,
html body .beeang-event-live__form textarea {
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	color: var(--ink, #12324a);
	width: 100%;
	box-sizing: border-box;
	min-height: 44px;
	padding: 10px 14px;
	margin: 0;
	border: 1px solid #d3dfe8;
	border-radius: 12px;
	background: var(--soft, #f8fbfd);
}
html body .beeang-event-live__form textarea { resize: vertical; line-height: 1.5; }
html body .beeang-event-live__form input:focus-visible,
html body .beeang-event-live__form textarea:focus-visible { outline: 2px solid #0F766E; outline-offset: 1px; background: var(--card, #fff); }
html body .beeang-event-live__hint { margin: 0; padding: 12px 14px; border-radius: 12px; background: #fdf6dc; color: #6b4e00; font-size: 13px; line-height: 1.55; }
html body .beeang-event-live__actions { display: flex; justify-content: flex-end; }
html body .beeang-event-live__actions .button {
	min-height: 44px;
	padding: 0 24px;
	border: 0;
	border-radius: 13px;
	background: #0b6a77;
	color: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
html body .beeang-event-live__actions .button:hover { background: #085a66; }
@media (max-width: 720px) {
	html body .beeang-event-live > form.beeang-event-live__form { grid-template-columns: minmax(0, 1fr); padding: 16px !important; }
	html body .beeang-event-live > summary { padding: 14px 16px; }
}

/* Arsip: event yang sudah tampil tidak dihapus, hanya diarsipkan */
html body .beeang-event-archive-note {
	margin: 22px 0 0;
	padding-top: 18px;
	border-top: 1px solid var(--line, #e1e9f0);
	font-size: 13px;
	line-height: 1.55;
	color: var(--mut, #566b7e);
}
html body form.beeang-event-archive { display: block; margin: 10px 0 0; }
html body .beeang-event-archive__btn.button,
html body .beeang-event-archive__btn.button:is(:link, :visited, :hover, :focus) {
	min-height: 44px;
	padding: 0 20px;
	border: 1px solid #f0c3c3;
	border-radius: 13px;
	background: #fff;
	color: #a42222;
	-webkit-text-fill-color: #a42222;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
html body .beeang-event-archive__btn.button:hover { background: #fdf1f1; border-color: #e5978f; }
@media (max-width: 720px) {
	html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs { margin: 18px 0 14px; }
	html body .beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs .beeang-comp-tabs__tab { flex: none; padding: 0 14px; }
}

/* ── 0.54.74 · Rapikan halaman kelola Kompetisi (Ringkasan, tab, kartu).
 * Dikunci dengan #beeang-event-module agar menang atas aturan lama di workspace.css tanpa bergantung urutan muat. Hanya tampilan. ── */
#beeang-event-module.beeang-event-module--competition details.beeang-event-competition {
	margin: 22px 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
#beeang-event-module.beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs,
#beeang-event-module.beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs__panel {
	margin-left: 0;
	margin-right: 0;
}
#beeang-event-module.beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs {
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	margin-top: 0;
	margin-bottom: 16px;
	padding: 5px;
	border: 1px solid var(--line, #e1e9f0);
	border-radius: 16px;
	background: var(--soft, #f3f7fa);
	overflow-x: auto;
	scrollbar-width: none;
}
#beeang-event-module.beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs .beeang-comp-tabs__tab {
	flex: 1 1 auto;
	min-height: 42px;
	padding: 0 18px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: var(--mut, #566b7e);
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	box-shadow: none;
}
#beeang-event-module.beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs .beeang-comp-tabs__tab.is-active {
	background: #0b3a52;
	color: #fff;
	box-shadow: 0 6px 14px -8px rgba(11, 58, 82, .7);
}
#beeang-event-module.beeang-event-module--competition details.beeang-event-competition > .beeang-comp-tabs__panel:not([hidden]) {
	padding-left: 0;
	padding-right: 0;
}

/* Ringkasan: tahap, 4 kartu angka selebar kartu induk, dua kolom informasi */
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary {
	display: block;
	font-family: inherit;
	color: var(--ink, #12324a);
}
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__stage {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 14px;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(10, 127, 143, .08);
	color: #075d6a;
	font-size: 13px;
	line-height: 1.3;
}
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__stage strong { color: #0b3a52; }
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 22px;
}
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__stat {
	gap: 4px;
	padding: 16px 18px;
	border: 1px solid var(--line, #e1e9f0);
	border-radius: 14px;
	background: var(--card, #fff);
	min-width: 0;
}
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__stat span { font-size: 13px; font-weight: 600; color: var(--mut, #566b7e); }
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__stat strong { font-size: 30px; font-weight: 800; line-height: 1.1; color: var(--ink, #12324a); }
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__stat small { font-size: 12px; color: var(--mut, #566b7e); }
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__cols {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__cols > div {
	padding: 18px 20px;
	border: 1px solid var(--line, #e1e9f0);
	border-radius: 14px;
	background: var(--soft, #f8fbfd);
}
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__cols h4 {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 800;
	color: var(--ink, #12324a);
}
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__list { gap: 10px; }
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.5;
	color: var(--ink, #12324a);
}
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__list li > span[aria-hidden] {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 1;
}
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__list li.is-warn > span[aria-hidden] { background: #fff4d6; color: #8a5a00; }
#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__list li.is-ok > span[aria-hidden] { background: #e3f5ea; color: #1f7a45; }
@media (max-width: 900px) {
	#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	#beeang-event-module.beeang-event-module--competition .beeang-comp-summary__cols { grid-template-columns: 1fr; }
}

/* 0.54.75 · Daftar Semua Event (admin): kolom Label Katalog dan editor label. */
html body .beeang-event-list .bec-chip{display:inline-flex;align-items:center;padding:4px 10px;margin:0 6px 6px 0;border-radius:999px;font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap}
html body .beeang-event-list .bec-chip--featured{background:#fff1c2;color:#7a4d00}
html body .beeang-event-list .bec-chip--partner{background:#ede4fb;color:#5b21b6}
html body .beeang-event-list .bec-chip--sponsor{background:#e5ecff;color:#2b3f9e}
html body .beeang-event-list .bec-chip--new{background:#e3f5ea;color:#1f6b3a}
html body .beeang-event-list .bec-chip--void{background:#fde8e8;color:#9b2c2c}
html body .beeang-event-list .bec-chip--ended{background:#e8edf2;color:#44566a}
html body .beeang-event-list .bec-chip--ongoing{background:#dff3f6;color:#075d6a}
html body .beeang-event-list .bec-chip--closed{background:#fff0e0;color:#8a4b00}
html body .beeang-event-list .bec-chip--full{background:#fde8e8;color:#9b2c2c}
html body .beeang-event-list .bec-chip--soon{background:#fff4d6;color:#8a5a00}
html body .beeang-event-list .bec-chip.is-auto{box-shadow:inset 0 0 0 1px rgba(11,58,82,.18)}
html body .beeang-event-list__stickers{display:flex;flex-wrap:wrap;min-height:8px}
html body .beeang-labels>summary{cursor:pointer;display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px dashed #9fb6c4;border-radius:10px;font-size:12px;font-weight:700;color:#0b3a52;list-style:none}
html body .beeang-labels[open]>summary{background:#eef6f8;border-style:solid}
html body .beeang-labels__form{display:grid;gap:2px;margin-top:10px;padding:12px;border:1px solid #e1e9f0;border-radius:12px;background:#fff;min-width:240px}
html body .beeang-labels__opt{display:flex;align-items:center;gap:10px;min-height:40px;font-size:13px;font-weight:600;color:#12324a}
html body .beeang-labels__form p{margin:6px 0 10px;font-size:12px;line-height:1.5;color:#566b7e}
html body a.beeang-event-list__catalog{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #cfdbe3;border-radius:12px;background:#fff;color:#0b3a52;font-weight:700;font-size:13px;text-decoration:none}

/* ── 0.54.76 · Rapikan daftar Semua Event (internal): judul hero terbaca, tepi sejajar, filter satu baris. Hanya tampilan. ── */
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__heading {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 0 0 18px;
	border-radius: 20px;
}
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__heading > div:first-child { flex: 1 1 360px; min-width: 0; }
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__heading h2 { color: #fff !important; text-shadow: none; }
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__heading p { color: rgba(255, 255, 255, .88) !important; }
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__heading > a { flex: none; }
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__summary,
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__filters,
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__count,
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__table-wrap {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__summary { margin-top: 0; margin-bottom: 16px; gap: 12px; }
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__filters {
	grid-template-columns: minmax(220px, 1.8fr) repeat(3, minmax(140px, 1fr)) auto;
	align-items: end;
	margin-top: 0;
	margin-bottom: 14px;
}
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__filters .beeang-event-list__reset {
	grid-column: auto;
	justify-self: stretch;
	min-height: 44px;
	padding: 0 16px;
	font-size: 13px;
}
html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__count { margin-top: 0; margin-bottom: 10px; }
@media (max-width: 1100px) {
	html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html body .beeang-event-shell--internal #beeang-event-list > .beeang-event-list__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 0.55.2: stepper tahap kompetisi (lingkaran bernomor + garis penghubung) */
html body .beeang-comp-stepper{gap:0;max-width:820px;counter-reset:none}
html body .beeang-comp-stepper li{position:relative;border-top:0;padding:0 6px;align-items:center;text-align:center;gap:4px}
html body .beeang-comp-stepper li::before{content:"";position:absolute;top:15px;right:50%;width:100%;height:3px;background:var(--line,#d3dfe8);z-index:0}
html body .beeang-comp-stepper li:first-child::before{display:none}
html body .beeang-comp-stepper li.is-done::before,html body .beeang-comp-stepper li.is-current::before{background:#0F766E}
html body .beeang-comp-stepper__num{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px;background:#e4edf1;color:var(--mut,#566b7e);box-shadow:0 0 0 4px #fff}
html body .beeang-comp-stepper li.is-done .beeang-comp-stepper__num{background:#0F766E;color:#fff}
html body .beeang-comp-stepper li.is-current .beeang-comp-stepper__num{background:#f5b800;color:#12324a;box-shadow:0 0 0 4px rgba(245,184,0,.28)}
html body .beeang-comp-stepper li b{font-size:13px}
@media (max-width:640px){
 html body .beeang-comp-stepper{grid-template-columns:1fr;gap:10px}
 html body .beeang-comp-stepper li{flex-direction:row;text-align:left;gap:10px;padding:0}
 html body .beeang-comp-stepper li::before{display:none}
 html body .beeang-comp-stepper li span{margin-left:auto}
}

/* 0.55.2: tombol kembali + form Aturan kompetisi dirapikan */
html body .beeang-comp-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:7px 14px;border:1px solid #cfdde6;border-radius:999px;background:#fff;color:#0b3a52;font-size:13px;font-weight:700;text-decoration:none}
html body .beeang-comp-back:hover{background:#eef6f8;border-color:#0F766E;color:#0F766E}
html body #beeang-event-module .beeang-event-competition__form{align-items:start}
html body #beeang-event-module .beeang-event-competition__form > h3,
html body #beeang-event-module .beeang-event-competition__form > h4,
html body #beeang-event-module .beeang-event-competition__form > p,
html body #beeang-event-module .beeang-event-competition__form > aside,
html body #beeang-event-module .beeang-event-competition__form > .beeang-event-form__pair,
html body #beeang-event-module .beeang-event-competition__form > label:has(> textarea),
html body #beeang-event-module .beeang-event-competition__form > label:has(> input[type="checkbox"]),
html body #beeang-event-module .beeang-event-competition__form > button{grid-column:1 / -1}
html body #beeang-event-module .beeang-event-competition__form > h4{margin:14px 0 0;padding-top:12px;border-top:1px solid #e3ecf1;font-size:15px;color:#0b3a52}
html body #beeang-event-module .beeang-event-competition__form label{align-content:start}
html body #beeang-event-module .beeang-event-competition__form select{height:auto;min-height:0;line-height:1.4}
html body #beeang-event-module .beeang-event-competition__form label > input:not([type="checkbox"]),
html body #beeang-event-module .beeang-event-competition__form label > select,
html body #beeang-event-module .beeang-event-competition__form label > textarea{width:100%;box-sizing:border-box;min-width:0}
html body #beeang-event-module .beeang-event-competition__form > .beeang-event-form__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

/* 0.55.4: kotak voting (checkbox tidak lagi melebar), kolom tim tersembunyi, editor isian tambahan */
html body #beeang-event-module .beeang-event-competition__form input[type="checkbox"]{min-width:0 !important;width:20px !important;height:20px !important;padding:0 !important;flex:0 0 20px;margin:0}
html body #beeang-event-module .beeang-event-competition__form label.beeang-event-competition__voting-toggle{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px;border:1px solid #cfdde6;border-radius:14px;background:#f4f9fb;color:#0b3a52;font-size:14px;font-weight:700;cursor:pointer;text-align:left}
html body #beeang-event-module .beeang-event-competition__form label.beeang-event-competition__voting-toggle:has(input:checked){background:#e3f4f6;border-color:#0F766E}
html body #beeang-event-module .beeang-event-competition__form [data-team-field][hidden]{display:none !important}
html body #beeang-event-module .beeang-extras{grid-column:1 / -1;display:grid;gap:10px}
html body .beeang-extras__hint{margin:0;font-size:13px;color:#566b7e}
html body .beeang-extras__list{display:grid;gap:10px}
html body .beeang-extras__row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid #d9e5ec;border-radius:12px;background:#fff}
html body .beeang-extras__num{width:26px;height:26px;border-radius:50%;background:#e3f4f6;color:#0b5a66;font-weight:800;font-size:12px;display:grid;place-items:center;margin-top:7px}
html body .beeang-extras__main{display:grid;gap:8px;min-width:0}
html body #beeang-event-module .beeang-event-competition__form .beeang-extras__main > input[type="text"]{width:100%;box-sizing:border-box;min-width:0}
html body .beeang-extras__opts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html body #beeang-event-module .beeang-event-competition__form .beeang-extras__opts select{min-width:0;width:auto;max-width:100%}
html body #beeang-event-module .beeang-event-competition__form .beeang-extras__req{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
html body .beeang-extras__act{display:flex;gap:4px}
html body .beeang-extras__act button{width:32px;height:32px;border:1px solid #cfdde6;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;line-height:1;color:#0b3a52;padding:0}
html body .beeang-extras__act button:hover{background:#eef6f8}
html body .beeang-extras__bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
html body .beeang-extras__bar button{padding:9px 14px;border-radius:10px;border:1px solid #0F766E;background:#fff;color:#0F766E;font-weight:700;cursor:pointer}
html body .beeang-extras__bar .beeang-extras__add{background:#0F766E;color:#fff}
html body .beeang-extras__count{margin-left:auto;font-size:13px;color:#566b7e}
html body .beeang-extras__count.is-over{color:#b42318;font-weight:700}
html body .beeang-extras__empty{margin:0;padding:14px;border:1px dashed #cfdde6;border-radius:12px;color:#566b7e;text-align:center}
html body .beeang-extras__legacy{font-size:13px;color:#566b7e}
html body .beeang-extras__legacy summary{cursor:pointer;font-weight:700}
@media (max-width:640px){html body .beeang-extras__row{grid-template-columns:26px minmax(0,1fr)}html body .beeang-extras__act{grid-column:2}}