
	.html-release-panel__container.svelte-10ajtwx { max-width: 1000px; height: auto; max-height: 90vh; }
	.html-release-panel__heading.svelte-10ajtwx { margin: 20px 0 10px; font-size: 1em; }
	.html-release-panel__records.svelte-10ajtwx { width: 100%; border-collapse: collapse; }
	.html-release-panel__records.svelte-10ajtwx th:where(.svelte-10ajtwx), .html-release-panel__records.svelte-10ajtwx td:where(.svelte-10ajtwx) { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--border); vertical-align: top; }
	.html-release-panel__slug.svelte-10ajtwx { display: block; font-size: .85em; opacity: .7; }
	.html-release-panel__record--removed.svelte-10ajtwx { opacity: .75; }
	.html-release-panel__closure.svelte-10ajtwx { margin-top: 16px; padding: 12px 16px; border: 1px solid var(--border); border-radius: 4px; background: var(--background-light); }
	.html-release-panel__drawer.svelte-10ajtwx { margin: 12px 0; padding: 12px 16px; border-left: 4px solid var(--danger); background: #fff5f5; }
	.html-release-panel__drawer.svelte-10ajtwx ul:where(.svelte-10ajtwx) { margin: 4px 0 8px 18px; }
	.html-release-panel__recent.svelte-10ajtwx { list-style: none; margin: 0; padding: 0; }
	.html-release-panel__recent.svelte-10ajtwx li:where(.svelte-10ajtwx) { display: grid; grid-template-columns: 14em 9em 6em 1fr 10em auto; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--border); align-items: center; }
	.html-release-panel__recent--dead.svelte-10ajtwx .html-release-panel__recent-state:where(.svelte-10ajtwx) { color: var(--danger); font-weight: 600; }

	/* One split button: Publish All and its (#) count share an edge, square where they meet. No outer border:
	   the global hover rule swaps a button's border to transparent, which made a bordered half look bigger on
	   hover. The only line is the divider, kept on hover too. */
	.html-release-publish-all.svelte-128263q { display: inline-flex; align-items: stretch; gap: 0; }
	.html-release-publish-all.svelte-128263q .html-release-publish-all__main:where(.svelte-128263q),
	.html-release-publish-all.svelte-128263q .html-release-publish-all__count:where(.svelte-128263q) { border-color: transparent; }
	.html-release-publish-all.svelte-128263q .html-release-publish-all__main:where(.svelte-128263q) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
	.html-release-publish-all.svelte-128263q .html-release-publish-all__count:where(.svelte-128263q),
	.html-release-publish-all.svelte-128263q .html-release-publish-all__count:where(.svelte-128263q):hover {
		border-top-left-radius: 0; border-bottom-left-radius: 0;
		border-left: 1px solid rgba(255, 255, 255, .25);
		padding-inline: .75em;
	}
	/* The count matches Publish All: primary while it can publish, the disabled colours while it can't, but it
	   stays clickable either way, since it opens the list of what is waiting (and why a publish is refused). */
	.html-release-publish-all.svelte-128263q .html-release-publish-all__count--muted:where(.svelte-128263q),
	.html-release-publish-all.svelte-128263q .html-release-publish-all__count--muted:where(.svelte-128263q):hover { background: var(--background-light); color: var(--text-grey); border-left-color: var(--border); }
	.html-release-publish-all.svelte-128263q .html-release-publish-all__count--stuck:where(.svelte-128263q) { color: var(--danger, #b42318); }

	.adminbar__publish.svelte-1htoqn6 { flex-shrink: 0; margin-left: 10px; display: flex; align-items: center; }

	.site-title__converting.svelte-jvx4dn { color: #ff6b6b; font-weight: 600; }
