.xht-content-workflow-page {
	height: 100%;
	width: 100%;
	max-width: none;
	min-height: 0;
	overflow: hidden;
	background: #f8fafc;
	color: #0f172a;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow,
body[class*="_page_xhtheme-ai-content-workflow"] {
	--xht-content-workflow-admin-offset: 32px;
	--xht-content-workflow-shell-max-width: 1200px;
	height: calc(100vh - var(--xht-content-workflow-admin-offset));
	background: #f8fafc;
	overflow: hidden !important;
}

html:has(body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow),
html:has(body[class*="_page_xhtheme-ai-content-workflow"]) {
	overflow: hidden;
}

body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow #wpcontent,
body[class*="_page_xhtheme-ai-content-workflow"] #wpcontent {
	width: auto !important;
	padding-left: 0 !important;
}

body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow #wpwrap,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow #wpcontent,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow #wpbody,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow #wpbody-content,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow
	#xhtheme-ai-content-workflow-wrapper,
body[class*="_page_xhtheme-ai-content-workflow"] #wpwrap,
body[class*="_page_xhtheme-ai-content-workflow"] #wpcontent,
body[class*="_page_xhtheme-ai-content-workflow"] #wpbody,
body[class*="_page_xhtheme-ai-content-workflow"] #wpbody-content,
body[class*="_page_xhtheme-ai-content-workflow"]
	#xhtheme-ai-content-workflow-wrapper {
	height: 100%;
	width: 100%;
	max-width: none;
	min-height: 0;
	overflow: hidden !important;
}

body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow #wpbody-content,
body[class*="_page_xhtheme-ai-content-workflow"] #wpbody-content {
	padding-bottom: 0 !important;
}

body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow #wpfooter,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow .notice,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow div.updated,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow div.error,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow .update-nag,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow .settings-error,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow .is-dismissible,
body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow #message,
body[class*="_page_xhtheme-ai-content-workflow"] #wpfooter,
body[class*="_page_xhtheme-ai-content-workflow"] .notice,
body[class*="_page_xhtheme-ai-content-workflow"] div.updated,
body[class*="_page_xhtheme-ai-content-workflow"] div.error,
body[class*="_page_xhtheme-ai-content-workflow"] .update-nag,
body[class*="_page_xhtheme-ai-content-workflow"] .settings-error,
body[class*="_page_xhtheme-ai-content-workflow"] .is-dismissible,
body[class*="_page_xhtheme-ai-content-workflow"] #message {
	display: none !important;
}

body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow .wrap,
body[class*="_page_xhtheme-ai-content-workflow"] .wrap {
	margin: 0;
}

.xht-content-workflow-page *,
.xht-content-workflow-page *::before,
.xht-content-workflow-page *::after {
	box-sizing: border-box;
}

.xht-content-workflow-page button,
.xht-content-workflow-page select {
	cursor: pointer;
}

.xht-content-workflow-page button:disabled {
	cursor: not-allowed;
}

.xht-content-workflow-page input,
.xht-content-workflow-page textarea,
.xht-content-workflow-page select {
	min-height: 0;
}

.xht-content-workflow-page button:focus-visible,
.xht-content-workflow-page a:focus-visible,
.xht-content-workflow-page input:focus-visible,
.xht-content-workflow-page textarea:focus-visible,
.xht-content-workflow-page select:focus-visible {
	outline: none;
	box-shadow: 0 0 0 2px #dbeafe;
}

.xht-content-workflow-shell {
	display: flex;
	height: 100%;
	width: 100%;
	min-height: 0;
	flex-direction: column;
	overflow: hidden;
}

.xht-content-workflow-empty-row {
	padding: 18px;
	color: #94a3b8;
	font-size: 13px;
	text-align: center;
}

.xht-content-workflow-main {
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
	overflow-y: auto;
	padding: 0 40px 64px;
	display: flex;
	flex-direction: column;
}

.xht-content-workflow-main--detail {
	padding-bottom: 40px;
}

.xht-content-workflow-main--guide {
	overflow: hidden;
	padding: 0;
}

.xht-content-workflow-guide {
	height: 100%;
	width: 100%;
	max-width: none;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	overscroll-behavior: contain;
	scrollbar-color: #94a3b8 transparent;
	scrollbar-gutter: stable;
	padding: 42px 40px 0;
}

.xht-content-workflow-guide::-webkit-scrollbar {
	width: 10px;
}

.xht-content-workflow-guide::-webkit-scrollbar-thumb {
	border: 3px solid transparent;
	border-radius: 999px;
	background-clip: padding-box;
	background-color: #94a3b8;
}

.xht-content-workflow-guide::-webkit-scrollbar-track {
	background: transparent;
}

.xht-content-workflow-guide--categories {
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: visible;
	padding-top: 12px;
	padding-bottom: 0;
}

.xht-content-workflow-guide--categories .xht-content-workflow-stepper {
	margin-top: 14px !important;
}

.xht-content-workflow-guide__head {
	width: 100%;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.xht-content-workflow-guide__head h1,
.xht-content-workflow-page-head h1,
.xht-content-workflow-detail__title h1 {
	margin: 0;
	color: #0f172a;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.xht-content-workflow-guide__head h1,
.xht-content-workflow-page-head h1 {
	font-size: 24px;
}

.xht-content-workflow-page-head h1 {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
	line-height: 1.25;
}

.xht-content-workflow-page-head h1 span {
	color: #cbd5e1;
	font-weight: 400;
}

.xht-content-workflow-page-head h1 small {
	color: #64748b;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

.xht-content-workflow-guide__head p,
.xht-content-workflow-page-head p {
	margin: 10px 0 0;
	color: #64748b;
	font-size: 14px;
}

.xht-content-workflow-stepper {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 44px auto 0;
}

.xht-content-workflow-stepper__item {
	position: relative;
	display: flex;
	align-items: center;
	border: 0;
	background: transparent;
	padding: 0;
	width: 140px;
	justify-content: center;
}

.xht-content-workflow-stepper__item:not(:last-child)::after {
	position: absolute;
	top: 12px;
	left: 50%;
	width: 100%;
	height: 2px;
	background: #e2e8f0;
	content: "";
	z-index: 1;
}

.xht-content-workflow-stepper__item.is-complete:not(:last-child)::after {
	background: #2563eb;
}

.xht-content-workflow-stepper__marker {
	position: relative;
	z-index: 2;
	display: flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	border: 2px solid #e2e8f0;
	border-radius: 999px;
	background: #fff;
	color: #94a3b8;
	font-size: 11px;
	font-weight: 800;
}

.xht-content-workflow-stepper__item.is-active
	.xht-content-workflow-stepper__marker {
	border-color: #2563eb;
	background: #2563eb;
	color: #fff;
	box-shadow: 0 0 0 4px #eff6ff;
}

.xht-content-workflow-stepper__item.is-complete
	.xht-content-workflow-stepper__marker {
	border-color: #2563eb;
	background: #2563eb;
	color: #fff;
}

.xht-content-workflow-stepper__label {
	position: absolute;
	top: 32px;
	left: 50%;
	width: 120px;
	text-align: center;
	transform: translateX(-50%);
	color: #94a3b8;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}

.xht-content-workflow-stepper__item.is-active
	.xht-content-workflow-stepper__label,
.xht-content-workflow-stepper__item.is-complete
	.xht-content-workflow-stepper__label {
	color: #334155;
}

.xht-content-workflow-guide__body {
	width: 100%;
	min-height: 0;
	max-width: 840px;
	margin-top: 76px;
	margin-left: auto;
	margin-right: auto;
}

.xht-content-workflow-guide--categories .xht-content-workflow-guide__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	max-width: none;
	margin-top: 52px !important;
}

.xht-content-workflow-type-options {
	display: grid;
	gap: 16px;
	max-width: 640px;
	margin: 0 auto;
	min-height: 320px;
	align-content: start;
}

.xht-content-workflow-type-options__guide-note {
	width: 100%;
	max-width: 640px;
	margin: 22px auto 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	background: linear-gradient(90deg, #7c3aed 0%, #c026d3 48%, #e11d48 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.xht-content-workflow-type-option {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	min-height: 90px;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	background: #fff;
	padding: 20px;
	text-align: left;
	transition:
		border-color 0.2s ease,
		background 0.2s ease,
		box-shadow 0.2s ease;
}

.xht-content-workflow-type-option:hover {
	border-color: #cbd5e1;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.xht-content-workflow-type-option.is-disabled {
	cursor: not-allowed;
	background: #f8fafc;
	opacity: 0.72;
}

.xht-content-workflow-type-option.is-unsupported {
	background: linear-gradient(180deg, #fff1f2 0%, #fff7f7 100%);
	border-color: #fecdd3;
}

.xht-content-workflow-type-option.is-disabled:hover {
	border-color: #e2e8f0;
	box-shadow: none;
}

.xht-content-workflow-type-option.is-selected {
	border-color: #2563eb;
	background: rgba(239, 246, 255, 0.55);
	box-shadow: 0 1px 3px rgba(37, 99, 235, 0.14);
}

.xht-content-workflow-type-option__icon {
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #f1f5f9;
	color: #64748b;
	flex-shrink: 0;
}

.xht-content-workflow-type-option.is-selected
	.xht-content-workflow-type-option__icon {
	background: #2563eb;
	color: #fff;
}

.xht-content-workflow-type-option__text {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
	gap: 5px;
}

.xht-content-workflow-type-option__text strong {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #0f172a;
	font-size: 15px;
}

.xht-content-workflow-type-option__text strong span {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	background: #e2e8f0;
	color: #475569;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	padding: 5px 8px;
}

.xht-content-workflow-type-option.is-unsupported
	.xht-content-workflow-type-option__text
	strong
	span {
	background: #ffe4e6;
	color: #be123c;
}

.xht-content-workflow-type-option.is-configured
	.xht-content-workflow-type-option__text
	strong
	span {
	background: #dcfce7;
	color: #15803d;
}

.xht-content-workflow-type-option__text small,
.xht-content-workflow-type-option__text em {
	color: #64748b;
	font-size: 13px;
	font-style: normal;
	line-height: 1.55;
}

.xht-content-workflow-type-option__text em {
	color: #94a3b8;
	font-size: 12px;
	font-weight: 600;
}

.xht-content-workflow-type-option__radio {
	width: 20px;
	height: 20px;
	margin-top: 10px;
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	flex-shrink: 0;
}

.xht-content-workflow-type-option.is-selected
	.xht-content-workflow-type-option__radio {
	border: 6px solid #2563eb;
}

.xht-content-workflow-type-option.is-disabled
	.xht-content-workflow-type-option__radio {
	border-color: #cbd5e1;
	background: #e2e8f0;
}

.xht-content-workflow-type-option.is-unsupported
	.xht-content-workflow-type-option__radio {
	border-color: #fda4af;
	background: #ffe4e6;
}

.xht-content-workflow-type-option.is-unsupported
	.xht-content-workflow-type-option__text
	em {
	color: #be123c;
}

.xht-content-workflow-loading-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 260px;
	border: 0;
	border-radius: 16px;
	background: transparent;
	box-shadow: none;
	text-align: center;
}

.xht-content-workflow-loading-title {
	margin: 16px 0 0;
	color: #475569;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}

.xht-content-workflow-loading-card p {
	max-width: 420px;
	margin: 8px 0 0;
	color: #94a3b8;
	font-size: 13px;
	line-height: 1.65;
}

.xht-content-workflow-loading-card--workflow-task {
	box-sizing: border-box;
	margin-top: 60px;
	padding: 32px 20px;
}

.xht-content-workflow-loading-card--workflow-task .xht-content-workflow-loading-title {
	margin: 14px 0 0;
	color: #1e293b;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
}

.xht-content-workflow-loading-card--workflow-task p {
	max-width: 460px;
	margin: 6px 0 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.6;
}

.xht-content-workflow-loading-timer {
	position: relative;
	display: grid;
	width: 68px;
	height: 68px;
	place-items: center;
	flex: 0 0 auto;
}

.xht-content-workflow-loading-timer__ring {
	position: absolute;
	inset: 0;
	border: 4px solid #dbeafe;
	border-top-color: #2563eb;
	border-right-color: #2563eb;
	border-radius: 50%;
	animation: xht-content-workflow-loading-spin 0.9s linear infinite;
}

.xht-content-workflow-loading-timer__value {
	position: relative;
	color: #1d4ed8;
	font-size: 12px;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
}

.xht-content-workflow-loading-details {
	display: flex;
	width: min(100%, 520px);
	min-height: 74px;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
}

.xht-content-workflow-loading-card .xht-content-workflow-loading-retry {
	display: none;
	margin: 0;
	color: #b45309;
	font-weight: 600;
}

.xht-content-workflow-loading-card .xht-content-workflow-loading-retry.is-visible {
	display: block;
}

.xht-content-workflow-loading-card .xht-content-workflow-loading-message {
	display: flex;
	max-width: 460px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: #64748b;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	animation: xht-content-workflow-loading-message-in 0.26s ease-out;
}

.xht-content-workflow-error-card {
	display: flex;
	min-height: 260px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	box-shadow: none;
	padding: 32px 20px;
	text-align: center;
}

.xht-content-workflow-error-card--workflow-task {
	box-sizing: border-box;
	margin-top: 60px;
}

.xht-content-workflow-error-card__icon {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	border-radius: 50%;
	background: #fff1f2;
	color: #e11d48;
}

.xht-content-workflow-error-card__title {
	margin: 16px 0 0;
	color: #9f1239;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
}

.xht-content-workflow-error-card__message {
	max-width: 460px;
	margin: 10px 0 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.6;
}

.xht-content-workflow-error-card__retry {
	margin-top: 22px;
}

@keyframes xht-content-workflow-loading-spin {

	to {
		transform: rotate(360deg);
	}
}

@keyframes xht-content-workflow-loading-message-in {

	from {
		opacity: 0;
		transform: translateY(4px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 640px) {

	.xht-content-workflow-loading-card--workflow-task {
		min-height: 240px;
		margin-top: 12px;
		padding: 28px 16px;
	}

	.xht-content-workflow-loading-timer {
		width: 64px;
		height: 64px;
	}

	.xht-content-workflow-loading-card--workflow-task .xht-content-workflow-loading-title {
		font-size: 18px;
	}

	.xht-content-workflow-loading-card--workflow-task p {
		font-size: 13px;
	}

	.xht-content-workflow-loading-card .xht-content-workflow-loading-message {
		font-size: 13px;
	}

	.xht-content-workflow-error-card {
		min-height: 240px;
		padding: 28px 16px;
	}

	.xht-content-workflow-error-card--workflow-task {
		margin-top: 12px;
	}

	.xht-content-workflow-error-card__icon {
		width: 48px;
		height: 48px;
	}

	.xht-content-workflow-error-card__title {
		font-size: 18px;
	}

	.xht-content-workflow-error-card__message {
		font-size: 13px;
	}
}

@media (max-width: 782px) {
	.xht-content-workflow-category-editor__body
		.xht-content-workflow-field,
	.xht-content-workflow-category-editor__body
		.xht-content-workflow-field--span-2,
	.xht-content-workflow-category-editor__body
		.xht-content-workflow-field--span-3,
	.xht-content-workflow-category-editor__body
		.xht-content-workflow-field--full {
		grid-column: 1 / -1;
		min-width: 0;
	}

	.xht-content-workflow-category-editor__body
		.xht-content-workflow-field > input,
	.xht-content-workflow-category-editor__body
		.xht-content-workflow-field > textarea,
	.xht-content-workflow-category-editor__body
		.xht-content-workflow-field > select,
	.xht-content-workflow-category-editor__body
		.xht-content-workflow-field > .xht-shared-dropdown {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}
}

.xht-content-workflow-complete-card h2 {
	margin: 16px 0 0;
	color: #0f172a;
	font-size: 16px;
	font-weight: 800;
}

.xht-content-workflow-complete-card p {
	max-width: 420px;
	margin: 8px 0 0;
	color: #64748b;
	font-size: 13px;
	line-height: 1.65;
}

.xht-content-workflow-form-card {
	padding: 24px;
}

.xht-content-workflow-form-card label,
.xht-content-workflow-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.xht-content-workflow-form-card label + label {
	margin-top: 22px;
}

.xht-content-workflow-form-card > label > span,
.xht-content-workflow-field > span {
	color: #0f172a;
	font-size: 13px;
	font-weight: 800;
}

.xht-content-workflow-form-card small {
	color: #64748b;
	font-size: 12px;
	line-height: 1.55;
}

.xht-content-workflow-form-card input,
.xht-content-workflow-form-card textarea,
.xht-content-workflow-field input,
.xht-content-workflow-field textarea,
.xht-content-workflow-field select,
.xht-content-workflow-detail__actions select {
	width: 100%;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background-color: #fff;
	color: #0f172a;
	font-size: 13px;
	line-height: 1.5;
	padding: 10px 12px;
	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease;
}

.xht-content-workflow-form-card input:focus,
.xht-content-workflow-form-card textarea:focus,
.xht-content-workflow-field input:focus,
.xht-content-workflow-field textarea:focus,
.xht-content-workflow-field select:focus,
.xht-content-workflow-detail__actions select:focus {
	border-color: #2563eb;
	background-color: #fff;
	box-shadow: 0 0 0 1px #2563eb;
}

.xht-content-workflow-form-card textarea {
	resize: vertical;
}

.xht-content-workflow-guide-notice {
	--xht-guide-notice-icon-size: 28px;
	--xht-guide-notice-first-line: 20.8px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 18px;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	background: #eff6ff;
	color: #1e3a8a;
	padding: 12px 14px;
}

.xht-content-workflow-guide-notice--preparation {
	border-color: #fde68a;
	background: #fffbeb;
	color: #92400e;
}

.xht-content-workflow-guide-notice--success {
	border-color: #bbf7d0;
	background: #f0fdf4;
	color: #166534;
}

.xht-content-workflow-guide-notice.is-compact {
	padding-top: 10px;
	padding-bottom: 10px;
}

.xht-content-workflow-guide-notice__icon {
	display: inline-flex;
	width: var(--xht-guide-notice-icon-size);
	height: var(--xht-guide-notice-icon-size);
	flex: 0 0 var(--xht-guide-notice-icon-size);
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: #dbeafe;
	color: #2563eb;
}

.xht-content-workflow-guide-notice--preparation
	.xht-content-workflow-guide-notice__icon {
	background: #fef3c7;
	color: #b45309;
}

.xht-content-workflow-guide-notice--success
	.xht-content-workflow-guide-notice__icon {
	background: #dcfce7;
	color: #16a34a;
}

.xht-content-workflow-guide-notice__content {
	min-width: 0;
	flex: 1;
	/* Keep the first text line centered on the badge, even when text wraps. */
	padding-block: max(0px, calc((var(--xht-guide-notice-icon-size) - var(--xht-guide-notice-first-line)) / 2));
}

.xht-content-workflow-guide-notice.has-title {
	--xht-guide-notice-first-line: 18.85px;
}

.xht-content-workflow-guide-notice__content h3 {
	margin: 0 0 3px;
	color: inherit;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.45;
}

.xht-content-workflow-guide-notice__content p {
	margin: 0;
	color: inherit;
	font-size: 13px;
	line-height: 1.6;
	white-space: normal;
	overflow-wrap: anywhere;
}

.xht-content-workflow-guide-notice__metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 8px 0 0;
}

.xht-content-workflow-guide-notice__metrics > div {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border: 1px solid rgba(180, 83, 9, 0.18);
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.72);
	padding: 3px 6px;
}

.xht-content-workflow-guide-notice__metrics > div.is-met {
	border-color: rgba(22, 101, 52, 0.2);
	background: #f0fdf4;
	color: #166534;
}

.xht-content-workflow-guide-notice__metrics > div.is-unmet {
	border-color: #fecdd3;
	background: #fff1f2;
	color: #be123c;
}

.xht-content-workflow-guide-notice__metrics dt,
.xht-content-workflow-guide-notice__metrics dd {
	margin: 0;
	font-size: 11px;
	line-height: 1.3;
}

.xht-content-workflow-guide-notice__metrics dt {
	font-weight: 400;
}

.xht-content-workflow-guide-notice__metrics dd {
	font-weight: 700;
}

.xht-content-workflow-guide-notice__metrics em {
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
}

.xht-content-workflow-field__single-row-textarea {
	box-sizing: border-box;
	min-height: 86px;
	height: auto;
	overflow: auto;
	resize: vertical;
}

.xht-content-workflow-inline-notice {
	margin-bottom: 18px;
	border: 1px solid #fde68a;
	border-radius: 12px;
	background: #fffbeb;
	color: #92400e;
	font-size: 13px;
	line-height: 1.6;
	padding: 12px 14px;
}

.xht-content-workflow-inline-notice--actionable {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.xht-content-workflow-inline-notice--actionable span {
	min-width: 0;
	flex: 1;
}

.xht-content-workflow-inline-notice--actionable button {
	flex-shrink: 0;
	border: 1px solid rgba(190, 18, 60, 0.22);
	border-radius: 999px;
	background: #fff;
	color: #be123c;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 8px 12px;
	transition:
		border-color 0.2s ease,
		background 0.2s ease,
		color 0.2s ease;
}

.xht-content-workflow-inline-notice--actionable button:hover {
	border-color: rgba(190, 18, 60, 0.34);
	background: #fff1f2;
}

.xht-content-workflow-inline-notice.is-success {
	border-color: #bbf7d0;
	background: #f0fdf4;
	color: #166534;
}

.xht-content-workflow-inline-notice.is-error {
	border-color: #fecdd3;
	background: #fff1f2;
	color: #be123c;
}

.xht-content-workflow-guide__body > .xht-content-workflow-inline-notice {
	box-sizing: border-box;
	width: min(840px, 100%);
	margin-right: auto;
	margin-left: auto;
}

.xht-content-workflow-guide--select .xht-content-workflow-inline-notice {
	width: 100%;
	max-width: 640px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

.xht-content-workflow-guide--categories
	.xht-content-workflow-guide__body
	> .xht-content-workflow-inline-notice {
	width: min(840px, calc(100% - 80px));
}

.xht-content-workflow-feature-warning {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	border: 1px solid #fde68a;
	border-radius: 12px;
	background: linear-gradient(135deg, #fffbeb 0%, #fff7ed 100%);
	color: #92400e;
	padding: 10px 12px;
}

.xht-content-workflow-feature-warning--shell {
	width: 100%;
	max-width: var(--xht-content-workflow-shell-max-width);
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
}

.xht-content-workflow-feature-warning--app-id {
	margin-top: 24px;
}

.xht-content-workflow-feature-warning--error {
	border-color: #fecdd3;
	background: linear-gradient(135deg, #fff1f2 0%, #fff7f7 100%);
	color: #be123c;
}

.xht-content-workflow-feature-warning__message {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
	flex: 1;
	font-size: 13px;
	line-height: 1.45;
}

.xht-content-workflow-feature-warning__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	margin-top: calc((1.45em - 18px) / 2);
	color: #d97706;
}

.xht-content-workflow-feature-warning--error
	.xht-content-workflow-feature-warning__icon {
	color: #e11d48;
}

.xht-content-workflow-feature-warning__content {
	min-width: 0;
	flex: 1;
	font-size: 13px;
	line-height: 1.45;
}

.xht-content-workflow-feature-warning__content strong {
	color: #78350f;
	font-weight: 700;
}

.xht-content-workflow-feature-warning--error
	.xht-content-workflow-feature-warning__content
	strong {
	color: #881337;
}

.xht-content-workflow-feature-warning__actions {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.xht-content-workflow-feature-warning__actions a,
.xht-content-workflow-feature-warning__actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 30px;
	border: 1px solid rgba(217, 119, 6, 0.28);
	border-radius: 999px;
	background: #fff;
	color: #b45309;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 7px 11px;
	text-decoration: none;
	transition:
		border-color 0.2s ease,
		background 0.2s ease,
		color 0.2s ease;
}

.xht-content-workflow-feature-warning--error
	.xht-content-workflow-feature-warning__actions
	a,
.xht-content-workflow-feature-warning--error
	.xht-content-workflow-feature-warning__actions
	button {
	border-color: rgba(225, 29, 72, 0.28);
	color: #be123c;
}

.xht-content-workflow-feature-warning__actions a:hover,
.xht-content-workflow-feature-warning__actions button:hover {
	border-color: rgba(217, 119, 6, 0.42);
	background: #fff7ed;
	color: #92400e;
}

.xht-content-workflow-feature-warning__actions a:active,
.xht-content-workflow-feature-warning__actions a:focus,
.xht-content-workflow-feature-warning__actions a:focus-visible,
.xht-content-workflow-feature-warning__actions button:active,
.xht-content-workflow-feature-warning__actions button:focus,
.xht-content-workflow-feature-warning__actions button:focus-visible {
	border-radius: 999px;
	outline: none;
	box-shadow: none;
}

.xht-content-workflow-feature-warning--error
	.xht-content-workflow-feature-warning__actions
	a:hover,
.xht-content-workflow-feature-warning--error
	.xht-content-workflow-feature-warning__actions
	button:hover {
	border-color: rgba(225, 29, 72, 0.42);
	background: #ffe4e6;
	color: #9f1239;
}

@media (max-width: 782px) {
	.xht-content-workflow-feature-warning {
		flex-direction: column;
		align-items: flex-start;
	}

	.xht-content-workflow-feature-warning__message {
		width: 100%;
	}

	.xht-content-workflow-feature-warning__actions {
		width: 100%;
		justify-content: flex-start;
	}
}

/* 已有分类标签区域 */
.xht-content-workflow-existing-tags {
	margin-bottom: 22px;
}

.xht-content-workflow-existing-tags__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 8px;
}

.xht-content-workflow-existing-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #f1f5f9;
	color: #475569;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
}

.xht-content-workflow-existing-tag em {
	color: #94a3b8;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
}

.xht-content-workflow-existing-tag--selectable {
	position: relative;
	width: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	border-color: #cbd5e1;
	background: #fff;
	padding: 3px 6px 3px 10px;
	transition:
		border-color 0.18s ease,
		background-color 0.18s ease,
		box-shadow 0.18s ease;
}

.xht-content-workflow-existing-tag--selectable:hover {
	border-color: #bfdbfe;
	background: #f8fbff;
}

.xht-content-workflow-existing-tag--selectable.is-selected {
	border-color: #bfdbfe;
	background: #f8fbff;
	box-shadow: none;
}

.xht-content-workflow-form-card
	.xht-content-workflow-existing-tag__choice {
	display: flex;
	width: 100%;
	min-width: 0;
	min-height: 36px;
	flex: 1 1 auto;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	margin: 0;
	cursor: pointer;
	text-align: left;
}

.xht-content-workflow-existing-tag__input {
	position: absolute;
	width: 1px !important;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.xht-content-workflow-existing-tag__checkbox {
	display: inline-flex;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	align-items: center;
	justify-content: center;
	border: 1.5px solid #94a3b8;
	border-radius: 50%;
	background: #fff;
	color: transparent;
	transition:
		border-color 0.16s ease,
		background-color 0.16s ease,
		color 0.16s ease;
}

.xht-content-workflow-existing-tag__input:checked
	+ .xht-content-workflow-existing-tag__checkbox {
	border-color: #2563eb;
	background: #2563eb;
	color: #fff;
}

.xht-content-workflow-existing-tag__input:focus-visible
	+ .xht-content-workflow-existing-tag__checkbox {
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}

.xht-content-workflow-existing-tag__choice:hover
	.xht-content-workflow-existing-tag__checkbox {
	border-color: #3b82f6;
}

.xht-content-workflow-existing-tag__content {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: flex-start;
	gap: 7px;
	overflow: hidden;
	text-align: left;
}

.xht-content-workflow-existing-tag__content strong {
	min-width: 0;
	overflow: hidden;
	color: #334155;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xht-content-workflow-existing-tag__content em {
	flex: 0 0 auto;
	white-space: nowrap;
}

.xht-content-workflow-reason-trigger {
	display: inline-flex;
	min-width: 32px;
	height: 32px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	border-radius: 6px;
	background: transparent;
	color: #64748b;
	cursor: help;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	padding: 0;
	transition:
		background-color 0.16s ease,
		border-color 0.16s ease,
		color 0.16s ease;
}

.xht-content-workflow-reason-trigger:hover,
.xht-content-workflow-reason-trigger:focus-visible {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1d4ed8;
}

.xht-content-workflow-reason-trigger:focus-visible {
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
	outline: none;
}

.xht-content-workflow-reason-trigger.has-label {
	min-width: auto;
	padding: 0 8px;
}

.xht-content-workflow-existing-tag--selectable
	> .xht-content-workflow-reason-trigger {
	margin-left: auto;
}

.xht-content-workflow-reason-trigger.is-negative {
	color: #b45309;
}

.xht-content-workflow-reason-trigger.is-negative:hover,
.xht-content-workflow-reason-trigger.is-negative:focus-visible {
	border-color: #fde68a;
	background: #fffbeb;
	color: #92400e;
}

.xht-content-workflow-category-tag-input {
	display: grid;
	gap: 8px;
}

.xht-content-workflow-category-tag-input__tags {
	display: flex;
	min-height: 44px;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	border: 0;
	border-radius: 8px;
	background: #f8fafc;
	padding: 7px 8px;
}

.xht-content-workflow-category-tag-input__entry {
	display: flex;
	min-height: 46px;
	align-items: center;
	gap: 10px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: #fff;
	padding: 5px 8px 5px 12px;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.xht-content-workflow-category-tag-input__entry:focus-within {
	border-color: #2563eb;
	box-shadow: 0 0 0 1px #2563eb;
}

.xht-content-workflow-category-tag-input__entry-controls {
	display: flex;
	min-width: 0;
	flex: 1;
	align-items: center;
	gap: 8px;
}

.xht-content-workflow-category-tag-input__entry-label {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 6px;
	color: #475569;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.xht-content-workflow-category-tag-input__entry:focus-within
	.xht-content-workflow-category-tag-input__entry-label {
	color: #1d4ed8;
}

.xht-content-workflow-category-tag-input__tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.4;
	padding: 4px 7px 4px 10px;
}

.xht-content-workflow-category-tag-input__remove {
	display: inline-flex;
	width: 22px;
	height: 22px;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 999px;
	background: #fee2e2;
	color: #dc2626;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	transition:
		background-color 0.16s ease,
		color 0.16s ease;
}

.xht-content-workflow-category-tag-input__remove:hover,
.xht-content-workflow-category-tag-input__remove:focus-visible {
	background: #fecaca;
	color: #b91c1c;
}

.xht-content-workflow-category-tag-input__remove:focus-visible {
	box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.18);
	outline: none;
}

.xht-content-workflow-category-tag-input__tag
	.xht-content-workflow-reason-trigger {
	width: 20px;
	min-width: 20px;
	height: 20px;
	border: 0;
	border-radius: 999px;
	color: #3b82f6;
}

.xht-content-workflow-category-tag-input__tag
	.xht-content-workflow-reason-trigger:hover,
.xht-content-workflow-category-tag-input__tag
	.xht-content-workflow-reason-trigger:focus-visible {
	background: #dbeafe;
	color: #1d4ed8;
}

.xht-content-workflow-field
	.xht-content-workflow-category-tag-input__entry-controls
	input {
	width: auto;
	min-width: 0;
	flex: 1;
	border: 0;
	background: transparent;
	box-shadow: none;
	padding: 6px 4px;
}

.xht-content-workflow-field
	.xht-content-workflow-category-tag-input__entry-controls
	input:focus {
	border: 0;
	box-shadow: none;
}

.xht-content-workflow-category-tag-input__submit {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border: 1px solid #2563eb;
	border-radius: 6px;
	background: #2563eb;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 0 10px;
	transition:
		background-color 0.16s ease,
		border-color 0.16s ease,
		opacity 0.16s ease;
}

.xht-content-workflow-category-tag-input__submit:hover,
.xht-content-workflow-category-tag-input__submit:focus-visible {
	border-color: #1d4ed8;
	background: #1d4ed8;
}

.xht-content-workflow-category-tag-input__submit:focus-visible {
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
	outline: none;
}

.xht-content-workflow-category-tag-input__submit:disabled {
	cursor: not-allowed;
	opacity: 0.48;
}

.xht-content-workflow-existing-tags__warn {
	margin-top: 2px;
	color: #f59e0b !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

.xht-content-workflow-guide__hint {
	margin: 0 0 18px;
	color: #64748b;
	font-size: 13px;
}

.xht-content-workflow-guide__actions-summary {
	min-width: 0;
	flex: 1 1 auto;
}

.xht-content-workflow-enabled-count {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	background: #f1f5f9;
	color: #475569;
	font-size: 12px;
	font-variant-numeric: tabular-nums;
	font-weight: 650;
	line-height: 1;
	padding: 7px 10px;
}

.xht-content-workflow-category-plan {
	display: grid;
	gap: 16px;
}

.xht-content-workflow-category-editor {
	overflow: visible;
	position: relative;
}

.xht-content-workflow-category-editor::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: -1px;
	left: 20px;
	width: 90px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, #ef4444 0 30px, #facc15 30px 60px, #22c55e 60px 90px);
	pointer-events: none;
}

.xht-content-workflow-category-editor:focus-within {
	z-index: 30;
}

.xht-content-workflow-category-editor__head {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	border: 0;
	border-radius: 16px;
	background: #fff;
	padding: 14px 20px;
	text-align: left;
}

.xht-content-workflow-category-editor.is-enabled
	.xht-content-workflow-category-editor__head {
	border-radius: 16px 16px 0 0;
}

.xht-content-workflow-category-editor__title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #0f172a;
	font-size: 16px;
	min-width: 0;
}

.xht-content-workflow-category-editor__title svg {
	color: #2563eb;
	flex-shrink: 0;
}

.xht-content-workflow-category-editor__title-text {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 4px;
}

.xht-content-workflow-category-editor__title-main {
	display: flex;
	align-items: center;
	min-width: 0;
	white-space: nowrap;
}

.xht-content-workflow-category-editor__title-main > strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xht-content-workflow-category-editor__count {
	flex-shrink: 0;
	margin-left: 8px;
	color: #64748b;
	font-size: 12px;
	font-weight: 500;
}

.xht-content-workflow-category-editor__alias-separator {
	flex-shrink: 0;
	margin-left: 8px;
	color: #cbd5e1;
	font-weight: 300;
}

.xht-content-workflow-category-editor__alias {
	min-width: 0;
	overflow: hidden;
	margin-left: 4px;
	color: #94a3b8;
	font-size: 12px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xht-content-workflow-category-editor__actions {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	gap: 8px;
	margin-left: 16px;
}

.xht-content-workflow-category-editor__remove {
	flex: 0 0 24px;
	height: 24px !important;
	width: 24px !important;
	border-radius: 6px !important;
	color: #94a3b8;
}

.xht-content-workflow-category-editor__remove svg {
	color: currentcolor;
}

.xht-content-workflow-category-editor__remove:hover,
.xht-content-workflow-category-editor__remove:focus-visible {
	background: #fff1f2;
	color: #e11d48;
}

.xht-content-workflow-category-editor__remove::before,
.xht-content-workflow-category-editor__remove::after {
	position: absolute;
	left: 50%;
	z-index: 40;
	opacity: 0;
	pointer-events: none;
	transition:
		opacity 0.14s ease,
		transform 0.14s ease;
}

.xht-content-workflow-category-editor__remove::before {
	top: -7px;
	width: 0;
	height: 0;
	border-color: #0f172a transparent transparent;
	border-style: solid;
	border-width: 5px 5px 0;
	content: "";
	transform: translate(-50%, -2px);
}

.xht-content-workflow-category-editor__remove::after {
	bottom: calc(100% + 7px);
	border-radius: 5px;
	background: #0f172a;
	color: #fff;
	content: attr(data-tooltip);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	padding: 5px 8px;
	transform: translate(-50%, 2px);
	white-space: nowrap;
}

.xht-content-workflow-category-editor__remove:hover::before,
.xht-content-workflow-category-editor__remove:hover::after,
.xht-content-workflow-category-editor__remove:focus-visible::before,
.xht-content-workflow-category-editor__remove:focus-visible::after {
	opacity: 1;
}

.xht-content-workflow-category-editor__remove:hover::before,
.xht-content-workflow-category-editor__remove:focus-visible::before {
	transform: translate(-50%, 0);
}

.xht-content-workflow-category-editor__remove:hover::after,
.xht-content-workflow-category-editor__remove:focus-visible::after {
	transform: translate(-50%, 0);
}

.xht-content-workflow-category-editor__badge {
	display: inline-flex;
	align-items: center;
	margin-left: 8px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	padding: 4px 7px;
	white-space: nowrap;
}

.xht-content-workflow-category-editor__badge.is-existing {
	background: #eff6ff;
	color: #2563eb;
}

.xht-content-workflow-category-editor__badge.is-new {
	background: #f5f3ff;
	color: #7c3aed;
}

.xht-content-workflow-category-editor__subtitle {
	display: block;
	color: #94a3b8;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;
}

.xht-content-workflow-category-editor__note {
	margin-top: 0;
	border-top: 1px solid #f1f5f9;
	border-radius: 0 0 16px 16px;
	background: #f8fafc;
	color: #64748b;
	font-size: 12px;
	line-height: 1.6;
	padding: 10px 20px 14px;
}

.xht-content-workflow-category-editor__note.is-error {
	border-top-color: #fecdd3;
	background: #fff1f2;
	color: #be123c;
}

.xht-content-workflow-category-editor__note.is-warning {
	border-top-color: #fde68a;
	background: #fffbeb;
	color: #b45309;
}

.xht-content-workflow-category-editor__note.is-muted {
	border-top-color: #e2e8f0;
	background: #f8fafc;
	color: #64748b;
}

.xht-content-workflow-toggle {
	position: relative;
	width: 42px;
	height: 22px;
	flex: 0 0 42px;
	border: 0;
	border-radius: 999px;
	background: #cbd5e1;
	cursor: pointer;
	padding: 0;
	transition: background 0.2s ease;
}

.xht-content-workflow-toggle:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}

.xht-content-workflow-toggle::after {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.16);
	content: "";
	transition: transform 0.2s ease;
}

.xht-content-workflow-toggle.is-on {
	background: #2563eb;
}

.xht-content-workflow-toggle.is-on::after {
	transform: translateX(20px);
}

.xht-content-workflow-category-editor__body {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 18px;
	border-top: 1px solid #e2e8f0;
	border-radius: 0 0 16px 16px;
	background: rgba(248, 250, 252, 0.7);
	padding: 18px 20px 20px;
}

.xht-content-workflow-page .xht-shared-dropdown > button,
.xht-content-workflow-page .xht-shared-dropdown > button span,
.xht-content-workflow-page .xht-shared-dropdown__menu button,
.xht-content-workflow-page .xht-shared-dropdown__menu button span {
	font-weight: 400 !important;
}

.xht-content-workflow-field .xht-shared-dropdown,
.xht-content-workflow-field .xht-shared-dropdown > button {
	min-height: 40px;
}

.xht-content-workflow-field .xht-shared-dropdown > button {
	height: 40px;
	box-sizing: border-box;
}

.xht-content-workflow-field--full {
	grid-column: 1 / -1;
}

.xht-content-workflow-field--span-2 {
	grid-column: span 2 / span 2;
}

.xht-content-workflow-field--span-3 {
	grid-column: span 3 / span 3;
}

.xht-content-workflow-field .xht-content-workflow-field__hint {
	font-weight: 400 !important;
	color: #64748b;
	font-size: 0.85em;
	margin-left: 4px;
}

.xht-content-workflow-author-selector {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.xht-content-workflow-author-selector.is-disabled {
	opacity: 0.7;
}

.xht-content-workflow-author-selector__label,
.xht-content-workflow-author-selector__selected-title {
	color: #475569;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
}

.xht-content-workflow-author-selector__search {
	position: relative;
	display: flex;
	align-items: stretch;
	gap: 8px;
}

.xht-content-workflow-author-selector__search-field {
	position: relative;
	min-width: 0;
	flex: 1;
}

.xht-content-workflow-author-selector__search input {
	width: 100%;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: #fff;
	color: #0f172a;
	font-size: 13px;
	line-height: 1.5;
	padding: 10px 40px 10px 12px;
}

.xht-content-workflow-author-selector__search input:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 1px #2563eb;
}

.xht-content-workflow-author-selector__search-button {
	min-width: 64px;
	border: 1px solid #2563eb;
	border-radius: 8px;
	background: #2563eb;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	padding: 0 14px;
	cursor: pointer;
	transition:
		background-color 160ms ease,
		border-color 160ms ease;
}

.xht-content-workflow-author-selector__search-button:disabled {
	border-color: #60a5fa;
	background: #60a5fa;
	color: #fff;
	cursor: not-allowed;
}

.xht-content-workflow-author-selector__search-button:focus-visible {
	outline: 2px solid #93c5fd;
	outline-offset: 2px;
}

.xht-content-workflow-author-selector__search-button:hover:not(:disabled) {
	border-color: #1d4ed8;
	background: #1d4ed8;
}

.xht-content-workflow-author-selector__loader {
	position: absolute;
	right: 12px;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	color: #64748b;
}

.xht-content-workflow-author-selector__dropdown {
	z-index: 100000;
	overflow: hidden auto;
	overscroll-behavior: contain;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
}

.xht-content-workflow-author-selector__option {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #f1f5f9;
	background: #fff;
	color: #0f172a;
	font-size: 13px;
	text-align: left;
	padding: 10px 12px;
	cursor: pointer;
	transition: background-color 180ms ease;
}

.xht-content-workflow-author-selector__option:last-child {
	border-bottom: 0;
}

.xht-content-workflow-author-selector__option:hover:not(:disabled) {
	background: #f8fafc;
}

.xht-content-workflow-author-selector__option:focus-visible,
.xht-content-workflow-author-selector__more:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: -2px;
}

.xht-content-workflow-author-selector__option:disabled {
	background: #f8fafc;
	color: #475569;
	cursor: not-allowed;
	opacity: 1;
}

.xht-content-workflow-author-selector__option img,
.xht-content-workflow-author-selector__avatar-fallback {
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	border-radius: 999px;
}

.xht-content-workflow-author-selector__avatar-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #e2e8f0;
	color: #475569;
	font-size: 12px;
	font-weight: 700;
}

.xht-content-workflow-author-selector__identity {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
}

.xht-content-workflow-author-selector__name-line {
	display: flex;
	min-width: 0;
	width: 100%;
	align-items: center;
	gap: 6px;
}

.xht-content-workflow-author-selector__option strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xht-content-workflow-author-selector__role {
	flex-shrink: 0;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	background: #f8fafc;
	color: #475569;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.4;
	padding: 1px 5px;
}

.xht-content-workflow-author-selector__role.is-administrator {
	border-color: #d8b4fe;
	background: #faf5ff;
	color: #7e22ce;
}

.xht-content-workflow-author-selector__role.is-editor {
	border-color: #93c5fd;
	background: #eff6ff;
	color: #1d4ed8;
}

.xht-content-workflow-author-selector__role.is-author {
	border-color: #86efac;
	background: #f0fdf4;
	color: #15803d;
}

.xht-content-workflow-author-selector__role.is-contributor {
	border-color: #fcd34d;
	background: #fffbeb;
	color: #a16207;
}

.xht-content-workflow-author-selector__role.is-subscriber {
	border-color: #cbd5e1;
	background: #f1f5f9;
	color: #475569;
}

.xht-content-workflow-author-selector__option:disabled
	.xht-content-workflow-author-selector__role {
	opacity: 0.65;
}

.xht-content-workflow-author-selector__option em {
	color: #64748b;
	font-size: 11px;
	font-style: normal;
}

.xht-content-workflow-author-selector__option small {
	color: #b42318;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
}

.xht-content-workflow-author-selector__more {
	display: flex;
	width: 100%;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	border: 0;
	border-top: 1px solid #e2e8f0;
	background: #fff;
	color: #0369a1;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 180ms ease;
}

.xht-content-workflow-author-selector__more:hover:not(:disabled) {
	background: #f0f9ff;
}

.xht-content-workflow-author-selector__empty,
.xht-content-workflow-author-selector__hint {
	color: #64748b;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
}

.xht-content-workflow-author-selector__empty {
	padding: 12px;
}

.xht-content-workflow-author-selector__empty.is-error {
	color: #be123c;
}

.xht-content-workflow-author-selector__selected {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.xht-content-workflow-author-selector__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.xht-content-workflow-author-selector__tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	border: 1px solid #dbeafe;
	border-radius: 999px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	padding: 5px 10px;
}

.xht-content-workflow-author-selector__tag img {
	width: 18px;
	height: 18px;
	border-radius: 999px;
}

.xht-content-workflow-author-selector__tag > span {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xht-content-workflow-author-selector__tag
	.xht-content-workflow-author-selector__role {
	font-size: 9px;
}

.xht-content-workflow-author-selector__tag button {
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 16px;
	line-height: 1;
	padding: 0 0 0 2px;
}

.xht-content-workflow-frequency {
	display: grid;
	grid-template-columns: max-content minmax(48px, 1fr) minmax(80px, 1.25fr);
	min-width: 0;
	width: 100%;
	min-height: 40px;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: #fff;
}

.xht-content-workflow-frequency:focus-within {
	border-color: #2563eb;
	box-shadow: 0 0 0 1px #2563eb;
}

.xht-content-workflow-frequency__prefix {
	display: flex;
	align-items: center;
	border-right: 1px solid #e2e8f0;
	border-radius: 0;
	background: #f8fafc;
	color: #64748b !important;
	padding: 0 6px;
	min-width: 0;
	justify-content: center;
	white-space: nowrap;
	font-size: 13px !important;
	font-weight: 700 !important;
}

.xht-content-workflow-frequency__prefix:first-child {
	border-radius: 10px 0 0 10px;
}

.xht-content-workflow-frequency__prefix:last-child {
	border-radius: 0 10px 10px 0;
	border-right: 0;
}

.xht-content-workflow-frequency__input,
.xht-content-workflow-frequency__select {
	height: 40px;
	min-height: 40px;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: #fff !important;
	box-shadow: none !important;
}

.xht-content-workflow-frequency__input {
	width: 100% !important;
	min-width: 0;
	padding: 0 4px !important;
	text-align: center;
	border-right: 1px solid #e2e8f0 !important;
}

.xht-content-workflow-frequency--modal
	.xht-content-workflow-frequency__input {
	width: 100% !important;
	min-width: 0;
	flex: 1 1 0;
}

.xht-content-workflow-frequency--modal > .xht-shared-dropdown {
	width: auto !important;
	min-width: 0;
	flex: 1 1 0 !important;
}

.xht-content-workflow-frequency--modal {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(40px, 0.85fr) minmax(64px, 1.25fr);
}

.xht-content-workflow-frequency--modal
	.xht-content-workflow-frequency__prefix {
	min-width: 0;
	justify-content: center;
	padding: 0 6px;
	white-space: nowrap;
}

.xht-content-workflow-frequency--modal
	> .xht-shared-dropdown
	> button {
	width: 100%;
	min-width: 0;
}

/* 频率组件内部的通用下拉去除边框和背景，融入频率容器 */
.xht-content-workflow-frequency .xht-shared-dropdown > button {
	height: 40px;
	border: 0;
	border-right: 1px solid #e2e8f0;
	border-radius: 0;
	background: #fff;
}

.xht-content-workflow-frequency .xht-shared-dropdown > button:hover {
	background: #f8fafc;
}

.xht-content-workflow-field--frequency {
	container-type: inline-size;
}

.xht-content-workflow-frequency > .xht-shared-dropdown {
	width: 100% !important;
	min-width: 0;
}

.xht-content-workflow-frequency .xht-shared-dropdown > button {
	width: 100%;
	min-width: 0;
	padding: 0 6px;
}

.xht-content-workflow-frequency > :nth-child(-n + 3) {
	border-bottom: 1px solid #e2e8f0 !important;
}

@container (min-width: 330px) {
	.xht-content-workflow-frequency {
		grid-template-columns: auto minmax(52px, 1fr) minmax(80px, 1.2fr) auto minmax(52px, 1fr) auto;
	}
	.xht-content-workflow-frequency > :nth-child(-n + 3) {
		border-bottom: 0 !important;
	}
}

@media (max-width: 400px) {
	.xht-content-workflow-config-editor .xht-content-workflow-settings-layout {
		padding-left: 12px;
		padding-right: 12px;
	}
	.xht-content-workflow-category-editor__body {
		padding-left: 12px;
		padding-right: 12px;
	}
}

a.xht-content-workflow-engine-card {
	display: block;
	color: inherit;
	text-decoration: none;
}

.xht-content-workflow-page a.xht-content-workflow-engine-card:focus-visible {
	outline: 2px solid #2563eb !important;
	outline-offset: 4px;
}

.xht-content-workflow-queue-action {
	display: inline-flex;
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px;
	background: transparent !important;
	box-shadow: none !important;
	color: #64748b;
	cursor: pointer;
	transition:
		background-color 0.18s ease,
		color 0.18s ease;
}

.xht-content-workflow-queue-action:hover {
	box-shadow: none !important;
	outline: none;
}

.xht-content-workflow-queue-action:focus-visible {
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2) !important;
	outline: none;
}

.xht-content-workflow-queue-action--run:hover,
.xht-content-workflow-queue-action--run:focus-visible {
	background: #ecfdf5 !important;
	color: #059669;
}

.xht-content-workflow-queue-action--retry:hover,
.xht-content-workflow-queue-action--retry:focus-visible {
	background: #eff6ff !important;
	color: #2563eb;
}

.xht-content-workflow-queue-action--resume:hover,
.xht-content-workflow-queue-action--resume:focus-visible {
	background: #eff6ff !important;
	color: #2563eb;
}

.xht-content-workflow-queue-action--discard:hover,
.xht-content-workflow-queue-action--discard:focus-visible {
	background: #fff1f2 !important;
	color: #e11d48;
}

.xht-content-workflow-queue-action:disabled {
	cursor: not-allowed;
	color: #94a3b8;
	opacity: 0.5;
}

.xht-content-workflow-queue-action__label {
	display: none;
}

.xht-content-workflow-queue-expand-row {
	display: flex;
	width: 100%;
	margin: 16px 0 -28px;
	border-top: 1px solid #f1f5f9;
	padding: 0;
}

.xht-content-workflow-queue-expand {
	display: inline-flex;
	width: 100%;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #2563eb;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	padding: 11px 16px 7px;
	transition: color 0.18s ease;
}

.xht-content-workflow-queue-expand:hover {
	color: #1d4ed8;
}

.xht-content-workflow-queue-expand:focus-visible {
	outline: none;
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
}

.xht-content-workflow-queue-expand:disabled {
	cursor: wait;
	opacity: 0.65;
}

.xht-content-workflow-queue-expand svg {
	transition: transform 0.18s ease;
}

.xht-content-workflow-queue-load-error {
	margin-top: 12px;
	border: 1px solid #fecdd3;
	border-radius: 8px;
	background: #fff1f2;
	color: #be123c;
	font-size: 12px;
	line-height: 1.55;
	padding: 10px 12px;
}

.xht-content-workflow-complete-card {
	display: flex;
	min-height: 250px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 32px;
	text-align: center;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.xht-content-workflow-complete-card__icon {
	display: flex;
	width: 64px;
	height: 64px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #dcfce7;
	color: #16a34a;
}

.xht-content-workflow-guide__actions {
	display: flex;
	width: 100%;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	justify-content: flex-end;
	margin-top: 32px;
	margin-bottom: 0;
	border-top: 1px solid #e2e8f0;
	padding-top: 24px;
	padding-bottom: 15px;
	gap: 12px;
	position: sticky;
	bottom: 0;
	background: rgba(248, 250, 252, 0.95);
	backdrop-filter: blur(8px);
	z-index: 10;
}

.xht-content-workflow-guide--select .xht-content-workflow-guide__actions {
	max-width: 640px;
}

.xht-content-workflow-guide--categories .xht-content-workflow-guide__actions {
	position: static;
	background: transparent;
	backdrop-filter: none;
	padding-bottom: 24px;
}

.xht-content-workflow-guide__actions--center {
	justify-content: center;
}

.xht-content-workflow-tooltip {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.xht-content-workflow-tooltip__bubble {
	position: absolute;
	right: calc(100% + 12px);
	top: 50%;
	z-index: 30;
	display: flex;
	width: max-content;
	max-width: min(300px, calc(100vw - 48px));
	flex-direction: column;
	border-radius: 8px;
	background: #fef3c7;
	box-shadow: none;
	color: #b45309;
	font-size: 12px;
	line-height: 1.55;
	opacity: 0;
	padding: 6px 12px;
	pointer-events: none;
	text-align: left;
	transform: translate(6px, -50%);
	transition:
		opacity 0.16s ease,
		transform 0.16s ease;
}

.xht-content-workflow-tooltip__bubble::after {
	position: absolute;
	right: -6px;
	top: 50%;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #fef3c7;
	border-style: solid;
	border-width: 6px 0 6px 7px;
	content: "";
	transform: translateY(-50%);
}

.xht-content-workflow-tooltip.is-focus-visible
	.xht-content-workflow-tooltip__bubble--tooltip,
.xht-content-workflow-tooltip:not(.is-hover-suppressed):hover
	.xht-content-workflow-tooltip__bubble--tooltip,
.xht-content-workflow-tooltip__bubble--coachmark {
	opacity: 1;
	transform: translate(0, -50%);
}

.xht-content-workflow-tooltip__description {
	color: #b45309;
	font-size: 12px;
	font-weight: 400;
}

.xht-content-workflow-reason-tooltip {
	--xht-reason-tooltip-arrow-left: 50%;
	--xht-reason-tooltip-background: #0f172a;
	--xht-reason-tooltip-text: #cbd5e1;

	position: fixed;
	z-index: 100000;
	display: flex;
	width: max-content;
	max-width: min(340px, calc(100vw - 24px));
	flex-direction: column;
	gap: 4px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background: var(--xht-reason-tooltip-background);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.22);
	color: #e2e8f0;
	font-size: 12px;
	line-height: 1.55;
	padding: 10px 12px;
	pointer-events: none;
	text-align: left;
}

.xht-content-workflow-reason-tooltip strong {
	color: #fff;
	font-size: 12px;
	font-weight: 650;
}

.xht-content-workflow-reason-tooltip span {
	color: var(--xht-reason-tooltip-text);
	font-weight: 400;
}

.xht-content-workflow-reason-tooltip.is-positive {
	--xht-reason-tooltip-background: #1d4ed8;
	--xht-reason-tooltip-text: #dbeafe;
}

.xht-content-workflow-reason-tooltip.is-negative {
	--xht-reason-tooltip-background: #b45309;
	--xht-reason-tooltip-text: #ffedd5;
}

.xht-content-workflow-reason-tooltip.is-suggested {
	--xht-reason-tooltip-background: #0f172a;
	--xht-reason-tooltip-text: #cbd5e1;
}

.xht-content-workflow-reason-tooltip::after {
	position: absolute;
	left: var(--xht-reason-tooltip-arrow-left);
	width: 0;
	height: 0;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	transform: translateX(-50%);
}

.xht-content-workflow-reason-tooltip.is-top::after {
	bottom: -6px;
	border-top: 6px solid var(--xht-reason-tooltip-background);
}

.xht-content-workflow-reason-tooltip.is-bottom::after {
	top: -6px;
	border-bottom: 6px solid var(--xht-reason-tooltip-background);
}

.xht-content-workflow-queue-tooltip {
	--xht-queue-tooltip-arrow-left: 50%;

	position: fixed;
	z-index: 100000;
	display: block;
	width: max-content;
	max-width: min(220px, calc(100vw - 16px));
	border-radius: 8px;
	background: #0f172a;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.2);
	color: #f8fafc;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
	opacity: 0;
	padding: 6px 8px;
	pointer-events: none;
	text-align: center;
	transform: translateY(4px);
	transition:
		opacity 0.1s ease,
		transform 0.1s ease;
	white-space: normal;
	overflow-wrap: anywhere;
}

.xht-content-workflow-queue-tooltip::after {
	position: absolute;

	/*rtl:ignore*/
	left: var(--xht-queue-tooltip-arrow-left);
	width: 0;
	height: 0;
	border-style: solid;
	content: "";

	/*rtl:ignore*/
	transform: translateX(-50%);
}

.xht-content-workflow-queue-tooltip.is-positioned {
	opacity: 1;
	transform: translateY(0);
}

.xht-content-workflow-queue-tooltip.is-top::after {
	bottom: -5px;
	border-color: #0f172a transparent transparent;
	border-width: 5px 5px 0;
}

.xht-content-workflow-queue-tooltip.is-bottom {
	transform: translateY(-4px);
}

.xht-content-workflow-queue-tooltip.is-bottom.is-positioned {
	transform: translateY(0);
}

.xht-content-workflow-queue-tooltip.is-bottom::after {
	top: -5px;
	border-color: transparent transparent #0f172a;
	border-width: 0 5px 5px;
}

.xht-content-workflow-list {
	width: 100%;
	max-width: var(--xht-content-workflow-shell-max-width);
	margin: 0 auto;
	padding-top: 34px;
}

.xht-content-workflow-detail {
	width: 100%;
	padding-top: 34px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.xht-content-workflow-detail__head,
.xht-content-workflow-detail-tabs,
.xht-content-workflow-detail-grid {
	width: 100%;
	max-width: var(--xht-content-workflow-shell-max-width);
	margin-left: auto;
	margin-right: auto;
}

.xht-content-workflow-page-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 34px;
}

.xht-content-workflow-log-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px;
	background: radial-gradient(
			circle at 0 0,
			rgba(59, 130, 246, 0.08),
			transparent 34%
		),
		linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

.xht-content-workflow-log-toolbar__filters,
.xht-content-workflow-log-toolbar__actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.xht-content-workflow-log-toolbar__filters {
	flex: 1 1 auto;
	min-width: 0;
}

.xht-content-workflow-log-toolbar__actions {
	flex: 0 0 auto;
}

.xht-content-workflow-log-filter {
	flex: 0 0 auto;
}

.xht-content-workflow-log-filter--type {
	width: 176px;
}

.xht-content-workflow-log-filter--post-type {
	width: 168px;
}

.xht-content-workflow-log-filter--status {
	width: 132px;
}

.xht-content-workflow-log-toolbar__danger {
	color: #be123c !important;
}

.xht-content-workflow-log-toolbar__danger:hover {
	border-color: #fecdd3 !important;
	background: #fff1f2 !important;
	color: #9f1239 !important;
}

.xht-content-workflow-log-notice {
	margin-top: 12px;
	border: 1px solid #bfdbfe;
	border-radius: 12px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 13px;
	font-weight: 700;
	padding: 10px 12px;
}

.xht-content-workflow-log-notice.is-success {
	border-color: #bbf7d0;
	background: #f0fdf4;
	color: #15803d;
}

.xht-content-workflow-log-notice.is-error {
	border-color: #fecdd3;
	background: #fff1f2;
	color: #be123c;
}

.xht-content-workflow-log-content {
	color: #475569;
	line-height: 1.6;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

.xht-content-workflow-log-content-cell {
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

.xht-content-workflow-log-timestamp {
	display: grid;
	gap: 2px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
		"Liberation Mono", "Courier New", monospace;
	font-size: 12px;
	line-height: 1.25;
	white-space: nowrap;
	color: #64748b;
}

.xht-content-workflow-log-timestamp small {
	color: #94a3b8;
	font-size: 11px;
}

.xht-content-workflow-log-row .xht-content-workflow-log-content__actions {
	opacity: 0;
	transform: translateY(2px);
	transition:
		opacity 0.16s ease,
		transform 0.16s ease;
	pointer-events: none;
}

.xht-content-workflow-log-row:hover .xht-content-workflow-log-content__actions,
.xht-content-workflow-log-row:focus-within
	.xht-content-workflow-log-content__actions {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.xht-content-workflow-log-content.is-error {
	color: #be123c;
}

.xht-content-workflow-log-content.is-warning {
	color: #b45309;
}

.xht-content-workflow-log-content__summary {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.xht-content-workflow-log-content__actions {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.xht-content-workflow-log-content__actions a {
	color: #2563eb;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	padding: 0;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.xht-content-workflow-log-content__actions a:hover {
	color: #1d4ed8;
}

.xht-content-workflow-log-content__actions a.is-view {
	color: #059669;
}

.xht-content-workflow-log-content__actions a.is-view:hover {
	color: #047857;
}

.xht-content-workflow-log-content__titles {
	display: grid;
	gap: 6px;
	margin-top: 8px;
	min-width: 0;
	max-width: 100%;
}

.xht-content-workflow-log-content__title-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #f8fafc;
	color: #334155;
	padding: 6px 8px;
}

.xht-content-workflow-log-content__title-item span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.xht-content-workflow-log-content__title-item small {
	flex: 0 0 auto;
	color: #94a3b8;
	font-size: 11px;
	white-space: nowrap;
}

.xht-content-workflow-log-content__titles.is-title-pool {
	gap: 5px;
	margin-top: 0;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.xht-content-workflow-log-content__titles.is-title-pool
	.xht-content-workflow-log-content__title-item {
	position: relative;
	display: block;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #64748b;
	font-size: 12px;
	padding: 0 0 0 13px;
}

.xht-content-workflow-log-content__titles.is-title-pool
	.xht-content-workflow-log-content__title-item::before {
	content: "";
	position: absolute;
	top: 0.62em;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 999px;
	background: #94a3b8;
}

.xht-content-workflow-log-content__titles.is-title-pool
	.xht-content-workflow-log-content__title-item
	span {
	display: block;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	line-height: 1.55;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xht-content-workflow-log-content__titles.is-title-pool
	.xht-content-workflow-log-content__title-item
	small {
	display: block;
	margin-top: 1px;
}

.xht-content-workflow-log-content__title-toggle {
	width: max-content;
	border: 0;
	background: transparent;
	color: #2563eb;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.5;
	padding: 0;
}

.xht-content-workflow-log-content__title-toggle--inline {
	flex: 0 0 auto;
	color: #2563eb;
}

.xht-content-workflow-log-content__title-toggle:hover {
	color: #1d4ed8;
	text-decoration: underline;
}

.xht-content-workflow-log-content__title-result {
	color: #64748b;
	font-size: 12px;
	line-height: 1.5;
}

.xht-content-workflow-log-content__images {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.xht-content-workflow-log-content__images a {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
	background: #f8fafc;
}

.xht-content-workflow-log-content__images img {
	display: block;
	width: 58px;
	height: 44px;
	object-fit: cover;
}

.xht-content-workflow-log-content.is-error .xht-content-workflow-log-content__summary > span {
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xht-content-workflow-log-content__errors {
	margin-top: 4px;
	color: #9f5261;
	font-size: 12px;
	line-height: 1.55;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 960px) {
	.xht-content-workflow-log-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.xht-content-workflow-log-toolbar__filters,
	.xht-content-workflow-log-toolbar__actions {
		flex-wrap: wrap;
	}

	.xht-content-workflow-log-filter--type,
	.xht-content-workflow-log-filter--post-type,
	.xht-content-workflow-log-filter--status {
		width: min(100%, 220px);
	}

	.xht-content-workflow-log-toolbar__actions {
		justify-content: flex-end;
	}
}

@media (max-width: 640px) {
	.xht-content-workflow-page-head,
	.xht-content-workflow-log-toolbar__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.xht-content-workflow-log-filter,
	.xht-content-workflow-log-toolbar__actions button {
		width: 100%;
	}
}

.xht-content-workflow-list-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.xht-content-workflow-engine-card {
	overflow: hidden;
}

.xht-content-workflow-engine-card.is-unconfigured {
	border-style: dashed;
	background: linear-gradient(180deg, #fff 0%, #fffbeb 100%);
}

.xht-content-workflow-engine-card.is-unconfigured
	.xht-content-workflow-engine-card__stats {
	opacity: 0.68;
}

.xht-content-workflow-engine-card__body {
	padding: 24px;
}

.xht-content-workflow-engine-card__head,
.xht-content-workflow-engine-card__title,
.xht-content-workflow-engine-card__foot {
	display: flex;
	align-items: center;
}

.xht-content-workflow-engine-card__head {
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

.xht-content-workflow-engine-card__title {
	gap: 12px;
}

.xht-content-workflow-engine-card__icon {
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #f1f5f9;
	color: #475569;
}

.xht-content-workflow-engine-card h2 {
	margin: 0;
	color: #0f172a;
	font-size: 16px;
	font-weight: 800;
}

.xht-content-workflow-engine-card__title
	span:not(.xht-content-workflow-engine-card__icon) {
	display: block;
	margin-top: 3px;
	color: #94a3b8;
	font-size: 11px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
		monospace;
}

.xht-content-workflow-engine-card__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px 12px;
}

.xht-content-workflow-engine-card__stats span,
.xht-content-workflow-engine-card__stats strong {
	display: block;
}

.xht-content-workflow-engine-card__stats span {
	color: #94a3b8;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.xht-content-workflow-engine-card__stats strong {
	margin-top: 8px;
	color: #0f172a;
	font-size: 16px;
	font-weight: 800;
}

.xht-content-workflow-engine-card__stats-full {
	grid-column: 1 / -1;
	border-top: 1px dashed #e2e8f0;
	padding-top: 14px;
}

.xht-content-workflow-engine-card__stats-full
	.xht-content-workflow-engine-card__time {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 8px;
}

.xht-content-workflow-engine-card__stats-full
	.xht-content-workflow-engine-card__time
	small {
	color: #64748b;
	font-size: 12px;
	font-weight: 600;
}

.xht-content-workflow-engine-card__foot {
	justify-content: space-between;
	border-top: 1px solid #f1f5f9;
	background: rgba(248, 250, 252, 0.75);
	padding: 13px 24px;
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
}

.xht-content-workflow-engine-card__link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #2563eb;
	opacity: 0.72;
}

.xht-content-workflow-engine-card:hover
	.xht-content-workflow-engine-card__link {
	opacity: 1;
}

.xht-content-workflow-toast {
	margin-bottom: 18px;
	border: 1px solid #bfdbfe;
	border-radius: 12px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 13px;
	font-weight: 700;
	padding: 12px 14px;
}

.xht-content-workflow-toast.is-error {
	border-color: #fecdd3;
	background: #fff1f2;
	color: #be123c;
}

.xht-content-workflow-detail__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 32px;
}

.xht-content-workflow-unconfigured-panel {
	width: 100%;
	max-width: var(--xht-content-workflow-shell-max-width);
	margin: 0 auto;
	padding: 48px 32px;
	text-align: center;
}

.xht-content-workflow-unconfigured-panel__icon {
	display: inline-flex;
	width: 56px;
	height: 56px;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	background: #eff6ff;
	color: #2563eb;
}

.xht-content-workflow-unconfigured-panel h2 {
	margin: 18px 0 8px;
	color: #0f172a;
	font-size: 20px;
	font-weight: 800;
}

.xht-content-workflow-unconfigured-panel p {
	max-width: 520px;
	margin: 0 auto;
	color: #64748b;
	font-size: 14px;
	line-height: 1.7;
}

.xht-content-workflow-unconfigured-panel__actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 24px;
}

.xht-content-workflow-detail__title {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
}

.xht-content-workflow-back-button {
	display: inline-flex;
	width: 34px;
	height: 34px;
	align-items: center;
	justify-content: center;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: #fff;
	color: #64748b;
	flex-shrink: 0;
}

.xht-content-workflow-detail__title h1 {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
	font-size: 22px;
	line-height: 1.25;
}

.xht-content-workflow-detail__title h1 span {
	color: #cbd5e1;
	font-weight: 400;
}

.xht-content-workflow-detail__title h1 small {
	color: #64748b;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

.xht-content-workflow-detail__actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.xht-content-workflow-detail__actions select {
	min-width: 210px;
	background: #fff;
}

.xht-content-workflow-detail-tabs {
	display: flex;
	gap: 22px;
	margin-bottom: 24px;
	border-bottom: 1px solid #e2e8f0;
}

.xht-content-workflow-detail-tabs button {
	position: relative;
	border: 0;
	background: transparent;
	color: #64748b;
	font-size: 13px;
	font-weight: 700;
	padding: 0 0 12px;
}

.xht-content-workflow-detail-tabs button::after {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 2px;
	border-radius: 999px;
	background: transparent;
	content: "";
}

.xht-content-workflow-detail-tabs button.is-active {
	color: #0f172a;
}

.xht-content-workflow-detail-tabs button.is-active::after {
	background: #0f172a;
}

.xht-content-workflow-detail-grid {
	display: grid;
	grid-template-columns: 384px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.xht-content-workflow-streams {
	padding: 20px;
}

.xht-content-workflow-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 1px solid #f1f5f9;
	padding: 18px 20px;
}

.xht-content-workflow-streams > .xht-content-workflow-section-head {
	border-bottom: 0;
	padding: 0 0 14px;
}

.xht-content-workflow-section-head h2 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #0f172a;
	font-size: 14px;
	font-weight: 800;
}

.xht-content-workflow-section-head > span {
	display: inline-flex;
	min-width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #f1f5f9;
	color: #64748b;
	font-size: 12px;
	font-weight: 800;
}

.xht-content-workflow-section-head small {
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
}

.xht-content-workflow-section-head > button {
	border: 0;
	background: transparent;
	color: #2563eb;
	font-size: 12px;
	font-weight: 800;
}

.xht-content-workflow-stream-list {
	display: grid;
	gap: 12px;
}

.xht-content-workflow-stream-card {
	border: 1px solid #dbe3ef;
	border-radius: 12px;
	background: #f8fafc;
	padding: 16px;
}

.xht-content-workflow-stream-card__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.xht-content-workflow-stream-card h3 {
	margin: 0;
	color: #0f172a;
	font-size: 14px;
	font-weight: 800;
}

.xht-content-workflow-stream-card p {
	margin: 10px 0 0;
	color: #64748b;
	font-size: 12px;
	line-height: 1.6;
}

.xht-content-workflow-stream-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.xht-content-workflow-stream-card__meta span {
	border: 1px solid #e2e8f0;
	border-radius: 7px;
	background: #fff;
	color: #475569;
	font-size: 11px;
	font-weight: 700;
	padding: 6px 8px;
}

.xht-content-workflow-stream-card__pool-notice {
	margin-top: 10px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.55;
	padding: 9px 10px;
}

.xht-content-workflow-stream-card__pool-notice.is-error {
	background: #fff1f2;
	color: #be123c;
}

.xht-content-workflow-stream-card__pool-notice.has-action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	border-radius: 8px;
	padding: 5px 10px;
	font-weight: 400;
}

.xht-content-workflow-stream-card__pool-message {
	min-width: 0;
	text-align: left;
}

.xht-content-workflow-stream-card__pool-reset {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
	margin: 0 0 0 auto;
	padding: 4px 0 4px 8px;
	border: 0;
	border-radius: 3px;
	background: transparent;
	box-shadow: none;
	color: #2563eb;
	font-family: inherit;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.5;
	white-space: nowrap;
	cursor: pointer;
}

.xht-content-workflow-stream-card__pool-reset:hover:not(:disabled) {
	color: #1d4ed8;
	text-decoration: underline;
}

.xht-content-workflow-stream-card__pool-reset:focus-visible {
	/* Override the shared button focus reset for keyboard navigation. */
	outline: 2px solid #2563eb !important;
	outline-offset: 2px;
}

.xht-content-workflow-stream-card__pool-reset:disabled {
	opacity: 0.55;
	cursor: wait;
}

.xht-content-workflow-stream-card__pool-notice.is-warning {
	background: #fffbeb;
	color: #b45309;
}

.xht-content-workflow-stream-card__pool-notice.is-muted {
	background: #f1f5f9;
	color: #64748b;
}

.xht-content-workflow-queue-notice {
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.625;
	overflow-wrap: anywhere;
}

.xht-content-workflow-queue-notice__action {
	display: inline;
	margin-left: 6px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #2563eb;
	font: inherit;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

.xht-content-workflow-queue-notice__action:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 3px;
}

.xht-content-workflow-queue-notice__details {
	margin-top: 6px;
	color: #64748b;
	white-space: pre-wrap;
}

.xht-content-workflow-queue-operation-error {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-top: 8px;
	padding: 8px 10px;
	border: 1px solid #fecdd3;
	border-radius: 8px;
	background: #fff1f2;
	color: #9f1239;
	font-size: 12px;
	line-height: 1.625;
	overflow-wrap: anywhere;
}

.xht-content-workflow-queue-operation-error > span {
	flex: 1;
	min-width: 0;
}

.xht-content-workflow-queue-operation-error__dismiss {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.xht-content-workflow-queue-operation-error__dismiss:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Keep the desktop timeline; on phones each title gets the entire row. */
@media (max-width: 640px) {
	.xht-content-workflow-queue-card .xht-content-workflow-queue-entry {
		display: grid;
		grid-template-columns: minmax(84px, 1fr) minmax(0, auto);
		gap: 8px 12px;
		padding: 16px 0;
		border-bottom: 1px solid #f1f5f9;
	}

	.xht-content-workflow-queue-entry:first-child {
		padding-top: 0;
	}

	.xht-content-workflow-queue-entry:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.xht-content-workflow-queue-entry__content,
	.xht-content-workflow-queue-entry__head {
		display: contents;
	}

	.xht-content-workflow-queue-entry__track {
		display: none;
	}

	.xht-content-workflow-queue-entry__title {
		grid-column: 1 / -1;
		grid-row: 1;
		display: block;
		width: 100%;
		min-width: 0;
		font-size: 15px;
		line-height: 1.6;
		-webkit-line-clamp: unset;
		overflow: visible;
		overflow-wrap: anywhere;
	}

	.xht-content-workflow-queue-entry__time {
		grid-column: 1;
		grid-row: 2;
		align-self: center;
		width: auto;
		min-width: 0;
		padding-top: 0;
		text-align: left;
		font-family: inherit;
		font-size: 13px;
		color: #64748b;
	}

	.xht-content-workflow-queue-entry__time > .xht-text-slate-300 {
		color: #64748b;
		transform: none;
	}

	.xht-content-workflow-queue-entry__time > .xht-text-amber-500 {
		color: #b45309;
	}

	.xht-content-workflow-queue-entry__actions {
		grid-column: 2;
		grid-row: 2;
		justify-self: end;
		justify-content: flex-end;
		flex-wrap: wrap;
		min-width: 0;
		max-width: 100%;
		gap: 4px;
	}

	.xht-content-workflow-queue-entry__actions .xht-content-workflow-queue-action {
		width: auto;
		min-width: 44px;
		min-height: 44px;
		gap: 5px;
		padding: 0 8px !important;
		font-size: 13px;
		white-space: nowrap;
	}

	.xht-content-workflow-queue-action__label {
		display: inline;
	}

	.xht-content-workflow-queue-entry__meta {
		grid-column: 1 / -1;
		grid-row: 3;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 4px 12px;
		min-width: 0;
		margin-top: 0;
		overflow-wrap: anywhere;
	}

	.xht-content-workflow-queue-entry__meta > span {
		max-width: 100%;
		color: #64748b;
	}

	.xht-content-workflow-queue-entry .xht-content-workflow-queue-notice,
	.xht-content-workflow-queue-operation-error {
		grid-column: 1 / -1;
		min-width: 0;
		margin-top: 0;
		font-size: 13px;
	}

	.xht-content-workflow-queue-notice > span {
		display: block;
	}

	.xht-content-workflow-queue-notice__action {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		margin: 0 12px 0 0;
	}

	.xht-content-workflow-queue-operation-error__dismiss {
		width: 44px;
		height: 44px;
	}
}

.xht-content-workflow-detail-main {
	display: grid;
	gap: 24px;
}

.xht-content-workflow-queue-card,
.xht-content-workflow-recent-card,
.xht-content-workflow-full-list {
	overflow: hidden;
}

.xht-content-workflow-orange-dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #fb923c;
}

.xht-content-workflow-queue-list,
.xht-content-workflow-recent-list {
	display: grid;
}

.xht-content-workflow-queue-item,
.xht-content-workflow-recent-item {
	display: flex;
	gap: 16px;
	border-top: 1px solid #f1f5f9;
	background: #fff;
	padding: 16px 20px;
}

.xht-content-workflow-queue-card .xht-content-workflow-queue-item:first-child,
.xht-content-workflow-recent-card
	.xht-content-workflow-recent-item:first-child {
	border-top: 0;
}

.xht-content-workflow-queue-item:hover,
.xht-content-workflow-recent-item:hover {
	background: #f8fafc;
}

.xht-content-workflow-queue-item > div {
	min-width: 0;
}

.xht-content-workflow-queue-item__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
}

.xht-content-workflow-queue-item__meta span {
	border: 1px solid #bfdbfe;
	border-radius: 6px;
	background: #eff6ff;
	color: #2563eb;
	font-size: 11px;
	font-weight: 800;
	padding: 3px 7px;
}

.xht-content-workflow-queue-item__meta small {
	color: #94a3b8;
	font-size: 11px;
	font-weight: 700;
}

.xht-content-workflow-queue-item strong {
	display: block;
	color: #0f172a;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.55;
}

.xht-content-workflow-recent-item {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) auto;
	align-items: flex-start;
	gap: 16px;
	transition: all 0.2s ease;
	padding: 16px 20px;
	border-top: 0;
	border-bottom: 1px dashed #e2e8f0;
}

.xht-content-workflow-recent-item:last-child {
	border-bottom: none;
}

.xht-content-workflow-recent-item:hover {
	background: #f8fafc;
}

.xht-content-workflow-recent-item__thumbnail {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 42px;
	border-radius: 4px;
	background: #f1f5f9;
	flex-shrink: 0;
	overflow: hidden;
	margin-top: 2px;
}

.xht-content-workflow-recent-item__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xht-content-workflow-recent-item__placeholder {
	color: #94a3b8;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #f8fafc;
}

.xht-content-workflow-recent-item__content {
	min-width: 0;
	max-width: 100%;
	padding: 0;
}

.xht-content-workflow-recent-item__title {
	display: block;
	width: 100%;
	max-width: 100%;
	color: #0f172a;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 6px;
}

.xht-content-workflow-recent-item__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	color: #64748b;
	font-size: 12px;
}

.xht-content-workflow-recent-item__term {
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 500;
}

.xht-content-workflow-recent-item__dot {
	color: #cbd5e1;
}

.xht-content-workflow-recent-item__time {
	font-weight: 400;
}

.xht-content-workflow-recent-item__meta-action {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #64748b;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	transition: color 0.2s ease;
}

.xht-content-workflow-recent-item__meta-action:hover {
	color: #2563eb;
}

.xht-content-workflow-recent-item__status {
	flex-shrink: 0;
}

.xht-content-workflow-recent-item__side {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-width: 0;
}

.xht-content-workflow-recent-item__view-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 26px;
	padding: 0 8px;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	background: #fff;
	color: #64748b;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition:
		border-color 0.2s ease,
		background 0.2s ease,
		color 0.2s ease;
}

.xht-content-workflow-recent-item__view-action:hover {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #2563eb;
}

.xht-content-workflow-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 16px;
	border-top: 1px solid #f1f5f9;
}

.xht-content-workflow-pagination__pages {
	display: flex;
	align-items: center;
	gap: 4px;
}

.xht-content-workflow-pagination__page {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	border: 1px solid transparent;
	background: transparent;
	color: #475569;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.xht-content-workflow-pagination__page:hover:not(.is-active) {
	background: #f1f5f9;
	color: #1e293b;
}

.xht-content-workflow-pagination__page.is-active {
	background: #2563eb;
	color: #fff;
	font-weight: 600;
	box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}

.xht-content-workflow-pagination__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 12px;
	border-radius: 6px;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: #475569;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.xht-content-workflow-pagination__nav:hover:not(:disabled) {
	background: #f8fafc;
	color: #1e293b;
	border-color: #cbd5e1;
}

.xht-content-workflow-pagination__nav:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	background: #f1f5f9;
}

.xht-content-workflow-pagination__ellipsis {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: #94a3b8;
	font-weight: 600;
}

.xht-content-workflow-config-editor {
	padding: 24px;
}

.xht-content-workflow-config-editor__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
}

.xht-content-workflow-config-editor__head h3 {
	margin: 0;
	color: #0f172a;
	font-size: 18px;
	font-weight: 800;
}

.xht-content-workflow-config-editor__head p {
	margin: 6px 0 0;
	color: #64748b;
	font-size: 13px;
}

.xht-content-workflow-config-editor__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.xht-content-workflow-config-editor__note {
	margin-top: 22px;
	border: 1px solid #bfdbfe;
	border-radius: 12px;
	background: #eff6ff;
	color: #1e40af;
	font-size: 13px;
	line-height: 1.65;
	padding: 14px 16px;
}

.xht-content-workflow-config-guide {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 48px;
}

.xht-content-workflow-config-guide__head {
	padding-top: 18px;
}

.xht-content-workflow-config-step {
	display: grid;
	gap: 18px;
}

.xht-content-workflow-config-tip {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	border: 1px solid #dbeafe;
	border-radius: 12px;
	background: #eff6ff;
	color: #1e40af;
	padding: 14px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.xht-content-workflow-config-tip svg {
	flex-shrink: 0;
	margin-top: 2px;
	color: #2563eb;
}

.xht-content-workflow-config-tip p {
	margin: 0;
	color: #1e40af;
	font-size: 12.5px;
	line-height: 1.65;
}

.xht-content-workflow-config-tip strong {
	color: #1e3a8a;
}

.xht-content-workflow-config-tools {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #f8fafc;
	padding: 12px;
}

.xht-content-workflow-config-tools > span {
	color: #475569;
	font-size: 13px;
	font-weight: 700;
}

.xht-content-workflow-config-tools > div {
	display: flex;
	gap: 8px;
}

.xht-content-workflow-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(15, 23, 42, 0.42);
	padding: 30px;
	backdrop-filter: blur(4px);
}

.xht-content-workflow-modal__panel {
	width: min(100%, 448px);
	display: flex;
	max-height: calc(100vh - 60px);
	max-height: calc(100dvh - 60px);
	flex-direction: column;
	overflow: hidden;
	padding: 0;
}

.xht-content-workflow-modal__panel--wide {
	width: min(100%, 560px);
}

.xht-content-workflow-modal__head {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 24px 24px 0;
}

.xht-content-workflow-modal__head span {
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border: 1px solid #fecdd3;
	border-radius: 999px;
	background: #fff1f2;
	color: #e11d48;
}

.xht-content-workflow-modal__head--analysis span {
	width: 32px;
	height: 32px;
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #2563eb;
}

.xht-content-workflow-modal__head h3 {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	color: #0f172a;
	font-size: 16px;
	font-weight: 800;
}

.xht-content-workflow-add-category-modal__close {
	margin-left: auto;
	flex: 0 0 auto;
}

.xht-content-workflow-modal__panel p {
	margin: 0;
	color: #475569;
	font-size: 13px;
	line-height: 1.75;
}

.xht-content-workflow-modal__body {
	min-height: 0;
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 16px 24px 24px;
	scrollbar-color: #94a3b8 transparent;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
}

.xht-content-workflow-modal__body::-webkit-scrollbar {
	width: 8px;
}

.xht-content-workflow-modal__body::-webkit-scrollbar-track {
	background: transparent;
}

.xht-content-workflow-modal__body::-webkit-scrollbar-thumb {
	border: 2px solid transparent;
	border-radius: 999px;
	background-clip: padding-box;
	background-color: #94a3b8;
}

.xht-content-workflow-analysis-prompt {
	width: 100%;
	margin-top: 16px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #fff;
	color: #0f172a;
	font-size: 13px;
	line-height: 1.65;
	padding: 12px 14px;
	resize: vertical;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.xht-content-workflow-analysis-prompt:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 1px #2563eb;
	outline: none;
}

.xht-content-workflow-analysis-prompt__error {
	margin-top: 8px;
	color: #e11d48;
	font-size: 12px;
	line-height: 1.5;
}

.xht-content-workflow-modal__actions {
	display: flex;
	flex: 0 0 auto;
	justify-content: flex-end;
	gap: 12px;
	margin: 0;
	border-top: 1px solid #e2e8f0;
	background: #fff;
	padding: 16px 24px 24px;
}

.xht-content-workflow-modal__actions--seamless {
	border-top: 0;
}

@media (prefers-reduced-motion: reduce) {
	.xht-content-workflow-page *,
	.xht-content-workflow-page *::before,
	.xht-content-workflow-page *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}

	.xht-content-workflow-queue-tooltip {
		transition-duration: 0.01ms !important;
	}

	.xht-content-workflow-loading-timer__ring,
	.xht-content-workflow-loading-message {
		animation: none !important;
	}
}

@media (max-width: 1100px) {
	.xht-content-workflow-list-grid,
	.xht-content-workflow-detail-grid {
		grid-template-columns: 1fr;
	}

	.xht-content-workflow-existing-tags__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.xht-content-workflow-streams {
		order: 0;
	}
}

@media (max-width: 782px) {
	body.xhtheme-ai-assistant_page_xhtheme-ai-content-workflow,
	body[class*="_page_xhtheme-ai-content-workflow"] {
		--xht-content-workflow-admin-offset: 46px;
		height: 100vh;
	}

	.xht-content-workflow-main {
		padding: 0 16px 48px;
	}

	.xht-content-workflow-main--guide {
		padding: 0;
	}

	.xht-content-workflow-guide {
		padding: 34px 16px 0;
	}

	.xht-content-workflow-guide--categories {
		padding-top: 12px;
	}

	.xht-content-workflow-guide__head h1,
	.xht-content-workflow-page-head h1 {
		font-size: 22px;
	}

	.xht-content-workflow-stepper {
		--xht-content-workflow-stepper-item-width: min(
			86px,
			calc((100vw - 40px) / 4)
		);
		--xht-content-workflow-stepper-label-width: min(
			76px,
			calc((100vw - 48px) / 4)
		);
		width: 100%;
		justify-content: center;
		max-width: 100%;
		overflow: hidden;
		padding: 0 2px 52px;
	}

	.xht-content-workflow-guide--categories .xht-content-workflow-stepper {
		overflow: hidden;
	}

	.xht-content-workflow-stepper__item,
	.xht-content-workflow-guide--categories
		.xht-content-workflow-stepper__item {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		max-width: var(--xht-content-workflow-stepper-item-width);
	}

	.xht-content-workflow-stepper__item:not(:last-child) {
		padding-right: 0;
	}

	.xht-content-workflow-stepper__item:not(:last-child)::after {
		right: auto;
		left: 50%;
		width: 100%;
	}

	.xht-content-workflow-stepper__label,
	.xht-content-workflow-guide--categories
		.xht-content-workflow-stepper__label {
		width: var(--xht-content-workflow-stepper-label-width);
		font-size: 10px;
		line-height: 1.35;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.xht-content-workflow-guide--categories .xht-content-workflow-guide__body {
		margin-top: 28px !important;
	}

	.xht-content-workflow-guide--categories
		.xht-content-workflow-guide__body
		> .xht-content-workflow-inline-notice {
		width: min(840px, calc(100% - 32px));
	}

	.xht-content-workflow-guide--categories
	.xht-content-workflow-guide__actions {
		margin-top: 24px;
		padding-bottom: 24px;
	}

	.xht-content-workflow-guide__body {
		margin-top: 58px;
	}

	.xht-content-workflow-category-editor__body,
	.xht-content-workflow-config-editor__grid,
	.xht-content-workflow-engine-card__stats {
		grid-template-columns: 1fr;
	}

	.xht-content-workflow-guide__actions,
	.xht-content-workflow-page-head,
	.xht-content-workflow-detail__head,
	.xht-content-workflow-config-editor__head,
	.xht-content-workflow-config-tools {
		align-items: stretch;
		flex-direction: column;
	}

	.xht-content-workflow-tooltip--guide {
		width: 100%;
	}

	.xht-content-workflow-tooltip--guide > button {
		width: 100%;
	}

	.xht-content-workflow-tooltip--guide .xht-content-workflow-tooltip__bubble {
		right: auto;
		left: 0;
		top: auto;
		bottom: calc(100% + 10px);
		max-width: min(320px, calc(100vw - 48px));
		transform: translateY(6px);
	}

	.xht-content-workflow-tooltip--guide
		.xht-content-workflow-tooltip__bubble::after {
		right: auto;
		left: 20px;
		top: auto;
		bottom: -5px;
		border-color: #fef3c7 transparent transparent;
		border-width: 6px 6px 0;
		transform: none;
	}

	.xht-content-workflow-tooltip--guide.is-focus-visible
		.xht-content-workflow-tooltip__bubble--tooltip,
	.xht-content-workflow-tooltip--guide:not(.is-hover-suppressed):hover
		.xht-content-workflow-tooltip__bubble--tooltip,
	.xht-content-workflow-tooltip--guide
		.xht-content-workflow-tooltip__bubble--coachmark {
		transform: translateY(0);
	}

	.xht-content-workflow-config-tools > div,
	.xht-content-workflow-modal__actions {
		flex-direction: column;
	}

	.xht-content-workflow-detail__title {
		align-items: flex-start;
	}

	.xht-content-workflow-detail__title h1 {
		flex-wrap: wrap;
		gap: 8px;
		font-size: 20px;
		word-break: keep-all;
	}

	.xht-content-workflow-detail__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.xht-content-workflow-detail__actions select {
		min-width: 0;
	}

	.xht-content-workflow-recent-item {
		align-items: flex-start;
		flex-direction: column;
	}

	.xht-content-workflow-recent-item__side {
		width: 100%;
		align-items: center;
		justify-content: flex-start;
	}
}

/* ——— 分类计划滚动区（含渐变遮罩） ——— */
.xht-content-workflow-category-plan-scrollarea {
	--xht-content-workflow-category-scrollbar-width: 12px;
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

.xht-content-workflow-category-plan-wrapper {
	max-height: calc(100vh - 300px);
	min-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0;
	margin: 0;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.xht-content-workflow-category-plan-wrapper::-webkit-scrollbar {
	display: none;
}

/* Custom mini scrollbar */
.xht-content-workflow-category-plan-track {
	position: absolute;
	top: 50%;
	right: -24px;
	transform: translateY(-50%);
	width: 6px;
	height: 200px;
	background-color: rgba(148, 163, 184, 0.2);
	border-radius: 999px;
	z-index: 20;
	cursor: pointer;
}

.xht-content-workflow-category-plan-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(100, 116, 139, 0.5);
	border-radius: 999px;
	transition: background-color 0.2s;
	cursor: grab;
}

.xht-content-workflow-category-plan-thumb:active {
	cursor: grabbing;
	background-color: rgba(71, 85, 105, 0.85);
}

/* Firefox fallback */
@supports not selector(::-webkit-scrollbar) {
	.xht-content-workflow-category-plan-wrapper {
		scrollbar-color: rgba(100, 116, 139, 0.55) rgba(148, 163, 184, 0.18);
		scrollbar-width: auto;
	}
}

.xht-content-workflow-guide--categories
	.xht-content-workflow-category-plan-scrollarea {
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
}

.xht-content-workflow-guide--categories
	.xht-content-workflow-category-plan-wrapper {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
}

.xht-content-workflow-category-plan-wrapper > .xht-content-workflow-guide__hint,
.xht-content-workflow-category-plan-wrapper
	> .xht-content-workflow-feature-warning,
.xht-content-workflow-category-plan-wrapper
	> .xht-content-workflow-category-plan {
	width: min(840px, calc(100% - 80px));
	max-width: 840px;
	margin-right: auto;
	margin-left: auto;
}

/* 顶部/底部渐变遮罩 */
.xht-content-workflow-category-plan-fade {
	position: absolute;
	left: 0;
	right: var(--xht-content-workflow-category-scrollbar-width);
	pointer-events: none;
	z-index: 10;
}

.xht-content-workflow-category-plan-fade--top {
	top: 62px;
	height: 48px;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(to bottom, #f8fafc, transparent);
}

.xht-content-workflow-category-plan-fade--bottom {
	bottom: 0;
	height: 56px;
	border-radius: 0 0 10px 10px;
	background: linear-gradient(to top, #f8fafc, transparent);
}

@media (max-width: 782px) {
	.xht-content-workflow-category-plan-scrollarea {
		--xht-content-workflow-category-scrollbar-width: 10px;
	}

	.xht-content-workflow-category-plan-wrapper {
		overflow-y: scroll;
	}

	.xht-content-workflow-category-plan-track {
		right: 4px;
	}

	@supports not selector(::-webkit-scrollbar) {
		.xht-content-workflow-category-plan-wrapper {
			scrollbar-width: thin;
		}
	}

	.xht-content-workflow-category-plan-wrapper::-webkit-scrollbar {
		width: 10px;
	}

	.xht-content-workflow-guide--categories
		.xht-content-workflow-category-plan-scrollarea {
		width: calc(100% + 32px);
		margin-right: -16px;
		margin-left: -16px;
	}

	.xht-content-workflow-category-plan-wrapper
		> .xht-content-workflow-guide__hint,
	.xht-content-workflow-category-plan-wrapper
		> .xht-content-workflow-feature-warning,
	.xht-content-workflow-category-plan-wrapper
		> .xht-content-workflow-category-plan {
		width: min(840px, calc(100% - 32px));
	}

	.xht-content-workflow-existing-tags__list {
		grid-template-columns: 1fr;
	}

	.xht-content-workflow-form-card
		.xht-content-workflow-existing-tag__choice,
	.xht-content-workflow-reason-trigger {
		min-height: 44px;
	}

	.xht-content-workflow-reason-trigger.is-icon-only {
		width: 44px;
		min-width: 44px;
	}

	.xht-content-workflow-category-tag-input__entry {
		align-items: flex-start;
		flex-direction: column;
		gap: 2px;
		padding: 8px 10px;
	}

	.xht-content-workflow-category-tag-input__entry-controls {
		width: 100%;
	}

	.xht-content-workflow-field
		.xht-content-workflow-category-tag-input__entry-controls
		input {
		width: 100%;
	}
}

/* Custom select with icon */
.xht-select-with-icon {
	appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
	background-position: right 0.5rem center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	padding-right: 2rem !important;
}

/* Settings Dashboard Layout (ConfigEditorPanel) */
.xht-content-workflow-config-editor {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: calc(100vh - 150px);
}

.xht-content-workflow-settings-layout {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 32px 24px;
}

.xht-content-workflow-settings-section {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 48px;
	align-items: start;
}

@media (max-width: 768px) {
	.xht-content-workflow-settings-section {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

.xht-content-workflow-settings-section__side h3 {
	font-size: 16px;
	font-weight: 600;
	color: #0f172a;
	margin: 0 0 8px;
}

.xht-content-workflow-settings-section__side p {
	font-size: 14px;
	color: #64748b;
	margin: 0;
	line-height: 1.5;
}

.xht-content-workflow-settings-section__main {
	min-width: 0;
}

.xht-content-workflow-category-stats {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	margin-top: 28px;
}

.xht-content-workflow-category-stat {
	display: flex;
	min-width: 0;
	min-height: 56px;
	align-items: center;
	gap: 10px;
	border: 1px solid currentColor;
	border-radius: 10px;
	color: #334155;
	padding: 10px 12px;
	text-align: left;
}

.xht-content-workflow-category-stat.is-enabled {
	border-color: #d1fae5;
	background: #ecfdf5;
	color: #065f46;
}

.xht-content-workflow-category-stat.is-available {
	border-color: #dbeafe;
	background: #eff6ff;
	color: #1e3a8a;
	cursor: pointer;
	transition:
		background-color 0.18s ease,
		transform 0.18s ease;
}

.xht-content-workflow-category-stat.is-available:hover:not(:disabled),
.xht-content-workflow-category-stat.is-available:focus-visible {
	background: #dbeafe;
	outline: 0;
	transform: translateY(-1px);
}

.xht-content-workflow-category-stat.is-available:disabled {
	cursor: default;
	opacity: 0.58;
}

.xht-content-workflow-category-stat__icon {
	display: flex;
	width: 30px;
	height: 30px;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}

.xht-content-workflow-category-stat.is-enabled
	.xht-content-workflow-category-stat__icon {
	background: #d1fae5;
	color: #047857;
}

.xht-content-workflow-category-stat.is-available
	.xht-content-workflow-category-stat__icon {
	background: #dbeafe;
	color: #1d4ed8;
}

.xht-content-workflow-category-stat__body {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	align-items: center;
	gap: 8px;
}

.xht-content-workflow-category-stat__body strong {
	margin-left: auto;
	color: inherit;
	font-size: 18px;
	font-variant-numeric: tabular-nums;
	line-height: 1;
}

.xht-content-workflow-category-stat__body small {
	color: inherit;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
}

.xht-content-workflow-category-stat__arrow {
	margin-left: 2px;
	flex-shrink: 0;
	color: inherit;
}

.xht-content-workflow-available-categories {
	scroll-margin-top: 24px;
	margin-top: 18px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #f8fafc;
	padding: 14px;
}

.xht-content-workflow-available-categories__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 10px;
}

.xht-content-workflow-available-categories__head > div {
	display: grid;
	gap: 3px;
}

.xht-content-workflow-available-categories__head strong {
	color: #334155;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}

.xht-content-workflow-available-categories__head small {
	color: #64748b;
	font-size: 12px;
	line-height: 1.45;
}

.xht-content-workflow-available-categories__head > span {
	border-radius: 999px;
	background: #e2e8f0;
	color: #475569;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 8px;
}

.xht-content-workflow-available-categories__list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.xht-content-workflow-available-categories__list button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 38px;
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	background: #fff;
	color: #475569;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	padding: 8px 13px;
	transition:
		border-color 0.18s ease,
		background-color 0.18s ease,
		color 0.18s ease;
}

.xht-content-workflow-available-categories__list button:hover,
.xht-content-workflow-available-categories__list button:focus-visible {
	border-color: #93c5fd;
	background: #eff6ff;
	color: #1d4ed8;
}

.xht-content-workflow-available-categories__list em {
	color: #94a3b8;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
}

.xht-content-workflow-add-category-modal {
	width: min(780px, calc(100vw - 40px));
	max-height: calc(100vh - 60px);
	max-height: calc(100dvh - 60px);
}

.xht-content-workflow-add-category-modal__fields {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.xht-content-workflow-category-prefill-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 16px 0;
	border: 1px solid #ddd6fe;
	border-radius: 10px;
	background: #faf5ff;
	padding: 11px 12px;
}

.xht-content-workflow-category-prefill-toolbar > div {
	display: grid;
	min-width: 0;
	gap: 2px;
}

.xht-content-workflow-category-prefill-toolbar__title {
	color: #5b21b6;
	font-size: 12px;
	font-weight: 700;
}

.xht-content-workflow-category-prefill-toolbar__description {
	color: #6b7280;
	font-size: 11px;
	line-height: 1.45;
}

.xht-content-workflow-category-prefill-toolbar__button {
	border: 0 !important;
	background: linear-gradient(
		135deg,
		#7c3aed 0%,
		#c026d3 48%,
		#e11d48 100%
	) !important;
	box-shadow: 0 6px 14px rgba(190, 24, 93, 0.24) !important;
	color: #fff !important;
}

.xht-content-workflow-category-prefill-toolbar__button:hover:not(:disabled) {
	background: linear-gradient(
		135deg,
		#6d28d9 0%,
		#a21caf 48%,
		#be123c 100%
	) !important;
	box-shadow: 0 8px 18px rgba(190, 24, 93, 0.32) !important;
	color: #fff !important;
}

.xht-content-workflow-category-prefill-notice {
	margin: 0 0 16px;
}

.xht-content-workflow-modal.is-underlay {
	pointer-events: none;
}

.xht-content-workflow-modal--nested {
	z-index: 100000;
	background: rgba(15, 23, 42, 0.5);
}

.xht-content-workflow-category-supplement-modal {
	width: min(560px, calc(100vw - 40px));
}

.xht-content-workflow-category-supplement-modal__notice {
	margin-bottom: 16px;
	border: 1px solid #fde68a;
	border-radius: 10px;
	background: #fffbeb;
	color: #92400e;
	font-size: 13px;
	line-height: 1.65;
	padding: 11px 13px;
}

.xht-content-workflow-category-supplement-modal__field {
	display: grid;
	gap: 7px;
}

.xht-content-workflow-category-supplement-modal__label {
	color: #334155;
	font-size: 13px;
	font-weight: 600;
}

.xht-content-workflow-category-supplement-modal__textarea {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	background: #fff;
	color: #0f172a;
	font-size: 13px;
	line-height: 1.65;
	padding: 11px 12px;
	resize: vertical;
}

.xht-content-workflow-category-supplement-modal__textarea:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 1px #2563eb;
	outline: none;
}

.xht-content-workflow-add-category-modal__fields
.xht-content-workflow-field--full {
	grid-column: 1 / -1;
}

/* Mobile workflow layout: keep every surface within the viewport and turn
 * dense desktop rows into readable stacked summaries. */
@media (max-width: 640px) {
	.xht-content-workflow-config-editor,
	.xht-content-workflow-settings-layout,
	.xht-content-workflow-config-editor__grid,
	.xht-content-workflow-category-plan,
	.xht-content-workflow-category-editor,
	.xht-content-workflow-category-editor__head,
	.xht-content-workflow-category-editor__body {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
	}

	.xht-content-workflow-config-editor {
		overflow-x: hidden;
		padding: 16px;
	}

	.xht-content-workflow-config-editor input,
	.xht-content-workflow-config-editor textarea,
	.xht-content-workflow-config-editor select,
	.xht-content-workflow-config-editor .xht-shared-dropdown,
	.xht-content-workflow-config-editor .xht-shared-dropdown > button {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
	}

	.xht-content-workflow-recent-item {
		box-sizing: border-box;
		grid-template-columns: 48px minmax(0, 1fr);
		gap: 10px 12px;
		align-items: start;
		min-width: 0;
		padding: 14px 16px;
	}

	.xht-content-workflow-recent-item__thumbnail {
		width: 48px;
		height: 48px;
		margin-top: 0;
	}

	.xht-content-workflow-recent-item__content {
		grid-column: 2;
		min-width: 0;
	}

	.xht-content-workflow-recent-item__title {
		white-space: normal;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.xht-content-workflow-recent-item__side {
		grid-column: 2;
		width: 100%;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
	}

	.xht-content-workflow-recent-item__view-action {
		min-height: 44px;
		padding: 0 12px;
	}

	.xht-content-workflow-log-toolbar,
	.xht-content-workflow-log-toolbar__filters,
	.xht-content-workflow-log-toolbar__actions {
		min-width: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.xht-content-workflow-log-toolbar__actions button,
	.xht-content-workflow-queue-action {
		min-width: 44px;
		min-height: 44px;
	}

	.xht-content-workflow-log-toolbar__actions button {
		width: 100%;
	}

	.xht-content-workflow-log-row {
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 10px 12px !important;
		min-width: 0 !important;
		width: 100%;
		box-sizing: border-box;
		padding: 14px 16px !important;
	}

	.xht-content-workflow-log-head {
		display: none !important;
	}

	.xht-content-workflow-log-row > div:nth-child(3),
	.xht-content-workflow-log-row > div:nth-child(5) {
		grid-column: 1 / -1;
		min-width: 0;
	}

	.xht-content-workflow-log-row > div:nth-child(2),
	.xht-content-workflow-log-row > div:nth-child(4) {
		justify-self: end;
	}

	.xht-content-workflow-log-row .xht-content-workflow-log-content__actions {
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}

	.xht-content-workflow-log-row .xht-content-workflow-log-content__summary {
		align-items: flex-start;
	}
}

@media (max-width: 640px) {

	.xht-content-workflow-add-category-modal__fields {
		grid-template-columns: 1fr;
	}

	.xht-content-workflow-add-category-modal__fields
		.xht-content-workflow-field--span-2 {
		grid-column: 1 / -1;
	}

}

/* Keep the log stream readable on tablet-width mobile viewports. */
@media (max-width: 782px) {
	.xht-content-workflow-log-row {
		grid-template-columns: minmax(0, 1fr) auto !important;
		gap: 10px 12px !important;
		min-width: 0 !important;
		width: 100%;
		box-sizing: border-box;
		padding: 14px 16px !important;
	}

	.xht-content-workflow-log-head {
		display: none !important;
	}

	.xht-content-workflow-log-row > div:nth-child(3),
	.xht-content-workflow-log-row > div:nth-child(5) {
		grid-column: 1 / -1;
		min-width: 0;
	}

	.xht-content-workflow-log-row > div:nth-child(2),
	.xht-content-workflow-log-row > div:nth-child(4) {
		justify-self: end;
	}

	.xht-content-workflow-log-row .xht-content-workflow-log-content__actions {
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}

	.xht-content-workflow-log-row .xht-content-workflow-log-content__summary {
		align-items: flex-start;
	}
}

.xht-content-workflow-config-transfer {
	display: grid;
	gap: 8px;
	margin-top: 30px;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: #f8fafc;
	padding: 12px;
}

.xht-content-workflow-config-transfer__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.xht-content-workflow-config-transfer__button {
	width: 100%;
	border: 0 !important;
	color: #fff !important;
	font-weight: 600 !important;
}

.xht-content-workflow-config-transfer__button--export {
	background: #16a34a !important;
}

.xht-content-workflow-config-transfer__button--export:hover {
	background: #15803d !important;
}

.xht-content-workflow-config-transfer__button--import {
	background: #2563eb !important;
}

.xht-content-workflow-config-transfer__button--import:hover {
	background: #1d4ed8 !important;
}

.xht-content-workflow-config-transfer__title {
	color: #334155;
	font-size: 12px;
	font-weight: 600;
}

.xht-content-workflow-config-transfer__description {
	margin: -3px 0 2px;
	color: #64748b;
	font-size: 11px;
	line-height: 1.45;
}

.xht-content-workflow-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
}

.xht-content-workflow-upgrade-notice {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 28px;
	border: 1px solid #f59e0b;
	border-radius: 8px;
	background: #fffbeb;
	padding: 16px 18px;
}

.xht-content-workflow-upgrade-notice--migration {
	gap: 12px;
	margin-bottom: 20px;
	padding: 10px 14px;
}

.xht-content-workflow-upgrade-notice--migration > div {
	min-width: 0;
}

.xht-content-workflow-upgrade-notice.xht-content-workflow-upgrade-notice--migration p {
	margin: 0;
	line-height: 20px;
	min-width: 0;
	overflow-wrap: anywhere;
}

.xht-content-workflow-upgrade-notice__title {
	display: block;
	color: #78350f;
	font-size: 14px;
}

.xht-content-workflow-upgrade-notice p {
	margin: 4px 0 0;
	color: #92400e;
	font-size: 13px;
	line-height: 1.5;
}

.xht-content-workflow-upgrade-notice.is-error {
	border-color: #fda4af;
	background: #fff1f2;
}

.xht-content-workflow-upgrade-notice.is-error
.xht-content-workflow-upgrade-notice__title {
	color: #9f1239;
}

.xht-content-workflow-upgrade-notice.is-error p {
	color: #be123c;
}

@media (max-width: 640px) {

	.xht-content-workflow-config-transfer__actions {
		grid-template-columns: 1fr;
	}

	.xht-content-workflow-category-prefill-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.xht-content-workflow-category-prefill-toolbar button {
		width: 100%;
	}
}

.xht-content-workflow-transfer-modal {
	width: min(760px, calc(100vw - 40px));
	max-height: calc(100vh - 60px);
	max-height: calc(100dvh - 60px);
}

.xht-content-workflow-transfer-diff {
	max-height: none;
	overflow: visible;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
}

.xht-content-workflow-transfer-diff__row {
	display: grid;
	grid-template-columns: minmax(150px, 0.35fr) minmax(0, 1fr);
	gap: 16px;
	padding: 10px 12px;
	border-bottom: 1px solid #e2e8f0;
	font-size: 12px;
	line-height: 1.5;
}

.xht-content-workflow-transfer-diff__row:last-child {
	border-bottom: 0;
}

.xht-content-workflow-transfer-diff__key {
	overflow-wrap: anywhere;
	color: #334155;
}

.xht-content-workflow-transfer-diff__value {
	overflow-wrap: anywhere;
	color: #64748b;
}

@media (max-width: 640px) {

	.xht-content-workflow-upgrade-notice {
		align-items: stretch;
		flex-direction: column;
	}

	.xht-content-workflow-transfer-diff__row {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}

.xht-content-workflow-settings-divider {
	border: 0;
	border-top: 1px solid #e2e8f0;
	margin: 40px 0;
}

.xht-content-workflow-settings-actions {
	display: block;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(8px);
	border-top: 1px solid #e2e8f0;
	flex-shrink: 0;
	z-index: 10;
}

.xht-content-workflow-settings-actions__inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 16px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.xht-content-workflow-save-status {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
	color: #64748b;
	font-size: 13px;
	font-weight: 600;
}

.xht-content-workflow-save-status.is-success {
	color: #2563eb;
}

.xht-content-workflow-save-status.is-error {
	color: #dc2626;
}

.xht-content-workflow-save-status__dirty {
	color: #b45309;
	font-weight: 800;
}

@media (max-width: 640px) {
	.xht-content-workflow-guide__action-buttons {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.xht-content-workflow-guide__action-buttons > .xht-content-workflow-tooltip--guide,
	.xht-content-workflow-guide__action-buttons > :only-child {
		grid-column: 1 / -1;
	}
	.xht-content-workflow-guide__action-buttons > button {
		width: 100%;
		min-width: 0;
		padding-left: 12px;
		padding-right: 12px;
	}
	.xht-content-workflow-settings-actions__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
		padding: 12px 16px;
	}
	.xht-content-workflow-save-status {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		overflow-wrap: anywhere;
	}
	.xht-content-workflow-settings-actions__inner > button {
		width: 100%;
	}
}

.xht-content-workflow-settings-textarea {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	background: #fff;
	color: #0f172a;
	font-size: 14px;
	line-height: 1.6;
	resize: vertical;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.xht-content-workflow-settings-textarea:focus {
	outline: none;
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Radio button reset — override WordPress admin defaults */
.xht-content-workflow-page input[type="radio"],
.xht-content-workflow-config-editor input[type="radio"],
.xht-content-workflow-form-card input[type="radio"] {
	-webkit-appearance: auto;
	appearance: auto;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #94a3b8;
	border-radius: 50% !important;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: none !important;
	flex-shrink: 0;
}

.xht-content-workflow-page input[type="radio"]:checked,
.xht-content-workflow-config-editor input[type="radio"]:checked,
.xht-content-workflow-form-card input[type="radio"]:checked {
	border-color: #2563eb;
	accent-color: #2563eb;
}

.xht-content-workflow-page input[type="radio"]:focus,
.xht-content-workflow-config-editor input[type="radio"]:focus,
.xht-content-workflow-form-card input[type="radio"]:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2) !important;
}