/* stylelint-disable no-descending-specificity, selector-id-pattern */
.voidpulse-admin {
	--voidpulse-accent: #635bff;
	--voidpulse-accent-dark: #4f46e5;
	--voidpulse-accent-soft: #f0efff;
	--voidpulse-bg: #f5f6f8;
	--voidpulse-border: #e4e7ec;
	--voidpulse-border-strong: #d0d5dd;
	--voidpulse-card-radius: clamp(14px, 0.8vw, 18px);
	--voidpulse-grid-gap: clamp(14px, 1vw, 22px);
	--voidpulse-heading: #101828;
	--voidpulse-layout-max: 2400px;
	--voidpulse-page-gutter: clamp(16px, 1.6vw, 36px);
	--voidpulse-success: #12b76a;
	--voidpulse-text: #344054;
	--voidpulse-muted: #667085;
	--voidpulse-shadow: 0 1px 2px rgb(16 24 40 / 4%), 0 8px 24px rgb(16 24 40 / 4%);

	box-sizing: border-box;
	color: var(--voidpulse-text);
	font-family:
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif;
	inline-size: min(100%, var(--voidpulse-layout-max));
	margin: 0;
	padding-inline-end: var(--voidpulse-page-gutter);
}

.voidpulse-admin * {
	box-sizing: border-box;
}

.voidpulse-admin svg {
	height: 18px;
	width: 18px;
}

.voidpulse-header {
	align-items: center;
	display: flex;
	min-height: 122px;
	padding: 24px 2px 20px;
}

.voidpulse-brand {
	align-items: center;
	display: flex;
	gap: 14px;
}

.voidpulse-brand-icon {
	border-radius: 14px;
	box-shadow: 0 8px 20px rgb(99 91 255 / 24%);
	height: 48px;
	object-fit: cover;
	width: 48px;
}

.voidpulse-header h1 {
	color: var(--voidpulse-heading);
	font-size: 27px;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.15;
	margin: 3px 0 4px;
}

.voidpulse-header p,
.voidpulse-card p,
.voidpulse-page-intro p {
	color: var(--voidpulse-muted);
	margin: 0;
}

.voidpulse-eyebrow,
.voidpulse-card-kicker {
	color: var(--voidpulse-accent-dark);
	font-size: 11px;
	font-weight: 750;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.voidpulse-tabs {
	border-bottom: 1px solid var(--voidpulse-border);
	display: flex;
	gap: 22px;
	margin: 0 0 24px;
	overflow-x: auto;
}

.voidpulse-tabs button {
	background: none;
	border: 0;
	border-bottom: 2px solid transparent;
	color: var(--voidpulse-muted);
	cursor: pointer;
	font-size: 14px;
	font-weight: 650;
	margin: 0;
	padding: 13px 2px;
	white-space: nowrap;
}

.voidpulse-tabs button:hover {
	color: var(--voidpulse-heading);
}

.voidpulse-tabs button.active {
	border-color: var(--voidpulse-accent);
	color: var(--voidpulse-accent-dark);
}

.voidpulse-tabs button[data-tab="upgrade"] {
	color: var(--voidpulse-accent-dark);
}

.voidpulse-tabs button:focus-visible,
.voidpulse-template-choice:focus-visible,
.voidpulse-design-preset:focus-visible,
.voidpulse-segmented button:focus-visible,
.voidpulse-tokens button:focus-visible {
	border-radius: 5px;
	outline: 3px solid rgb(99 91 255 / 20%);
	outline-offset: 2px;
}

.voidpulse-page-intro {
	align-items: flex-end;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin: 3px 0 22px;
}

.voidpulse-page-intro h2 {
	color: var(--voidpulse-heading);
	font-size: 24px;
	letter-spacing: -0.025em;
	margin: 5px 0 6px;
}

.voidpulse-page-intro--compact {
	align-items: center;
	background: linear-gradient(120deg, #fff, #f7f6ff);
	border: 1px solid var(--voidpulse-border);
	border-radius: 14px;
	margin-bottom: 18px;
	padding: 20px 22px;
}

.voidpulse-unsaved {
	background: #fff;
	border: 1px solid var(--voidpulse-border);
	border-radius: 999px;
	color: var(--voidpulse-muted);
	font-size: 12px;
	font-weight: 650;
	padding: 7px 11px;
	white-space: nowrap;
}

.voidpulse-unsaved.is-dirty {
	background: #fffaeb;
	border-color: #f79009;
	color: #b54708;
}

.voidpulse-stats {
	display: grid;
	gap: var(--voidpulse-grid-gap);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 18px;
}

.voidpulse-stats article,
.voidpulse-card {
	background: #fff;
	border: 1px solid var(--voidpulse-border);
	border-radius: var(--voidpulse-card-radius);
	box-shadow: var(--voidpulse-shadow);
}

.voidpulse-stats article {
	min-width: 0;
	padding: 18px 20px;
	position: relative;
}

.voidpulse-stat-icon {
	align-items: center;
	background: var(--voidpulse-accent-soft);
	border-radius: 9px;
	color: var(--voidpulse-accent-dark);
	display: flex;
	height: 36px;
	justify-content: center;
	position: absolute;
	right: 17px;
	top: 17px;
	width: 36px;
}

.voidpulse-stats span {
	color: var(--voidpulse-muted);
	display: block;
	font-size: 12px;
	font-weight: 600;
	margin: 2px 46px 10px 0;
}

.voidpulse-stats strong {
	color: var(--voidpulse-heading);
	display: block;
	font-size: 28px;
	letter-spacing: -0.035em;
	line-height: 1;
}

.voidpulse-stats small {
	color: #98a2b3;
	display: block;
	font-size: 11px;
	margin-top: 9px;
}

.voidpulse-card {
	padding: 22px;
}

.voidpulse-card h2 {
	color: var(--voidpulse-heading);
	font-size: 17px;
	letter-spacing: -0.015em;
	margin: 0 0 12px;
}

.voidpulse-dashboard-grid {
	display: grid;
	gap: var(--voidpulse-grid-gap);
	grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.22fr);
}

.voidpulse-card-head,
.voidpulse-setup-head {
	align-items: flex-start;
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.voidpulse-card-head h2 {
	font-size: 21px;
	margin: 5px 0 3px;
}

.voidpulse-card-head p {
	text-transform: capitalize;
}

.voidpulse-status {
	background: #f2f4f7;
	border: 1px solid var(--voidpulse-border);
	border-radius: 999px;
	color: var(--voidpulse-muted);
	font-size: 11px;
	font-weight: 700;
	padding: 5px 9px;
	text-transform: capitalize;
}

.voidpulse-status--active {
	background: #ecfdf3;
	border-color: #abefc6;
	color: #067647;
}

.voidpulse-status--paused {
	background: #fffaeb;
	border-color: #fedf89;
	color: #b54708;
}

.voidpulse-campaign-meta {
	border-bottom: 1px solid #f0f1f3;
	border-top: 1px solid #f0f1f3;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	margin: 20px 0;
	padding: 14px 0;
}

.voidpulse-campaign-meta span {
	align-items: center;
	color: var(--voidpulse-muted);
	display: flex;
	font-size: 12px;
	gap: 7px;
	text-transform: capitalize;
}

.voidpulse-campaign-meta svg {
	color: var(--voidpulse-accent);
	height: 16px;
	width: 16px;
}

.voidpulse-campaign-message {
	background: #f8f7ff;
	border: 1px solid #e5e2ff;
	border-radius: 10px;
	margin-top: 19px;
	padding: 14px 15px;
}

.voidpulse-campaign-message span,
.voidpulse-campaign-message strong {
	display: block;
}

.voidpulse-campaign-message span {
	color: var(--voidpulse-accent-dark);
	font-size: 10px;
	font-weight: 750;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.voidpulse-campaign-message strong {
	color: var(--voidpulse-heading);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
}

.voidpulse-campaign-details {
	display: grid;
	gap: 0 22px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 16px 0 18px;
}

.voidpulse-campaign-details > div {
	border-bottom: 1px solid #f0f1f3;
	min-width: 0;
	padding: 11px 0;
}

.voidpulse-campaign-details dt {
	color: #98a2b3;
	font-size: 10px;
	margin-bottom: 4px;
}

.voidpulse-campaign-details dd {
	color: var(--voidpulse-heading);
	font-size: 12px;
	font-weight: 650;
	margin: 0;
	text-transform: capitalize;
}

.voidpulse-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.voidpulse-dashboard-grid--pro {
	grid-template-columns: minmax(260px, 0.38fr) minmax(0, 1.62fr);
}

.voidpulse-setup-head strong {
	background: var(--voidpulse-accent-soft);
	border-radius: 999px;
	color: var(--voidpulse-accent-dark);
	font-size: 11px;
	padding: 6px 9px;
	white-space: nowrap;
}

.voidpulse-setup-head h2 {
	margin: 5px 0 0;
}

.voidpulse-progress {
	background: #eef0f3;
	border-radius: 999px;
	height: 5px;
	margin: 15px 0 17px;
	overflow: hidden;
}

.voidpulse-progress span {
	background: linear-gradient(90deg, var(--voidpulse-accent), #8b82ff);
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width 0.25s ease;
}

.voidpulse-checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.voidpulse-checklist li {
	align-items: center;
	display: flex;
	gap: 11px;
	margin: 0;
	padding: 8px 0;
}

.voidpulse-step-marker {
	align-items: center;
	background: #f2f4f7;
	border: 1px solid var(--voidpulse-border);
	border-radius: 50%;
	color: var(--voidpulse-muted);
	display: flex;
	flex: 0 0 28px;
	font-size: 11px;
	font-weight: 700;
	height: 28px;
	justify-content: center;
}

.voidpulse-step-marker svg {
	height: 14px;
	width: 14px;
}

.voidpulse-checklist .done .voidpulse-step-marker {
	background: #ecfdf3;
	border-color: #abefc6;
	color: #079455;
}

.voidpulse-checklist strong,
.voidpulse-checklist small {
	display: block;
}

.voidpulse-checklist strong {
	color: var(--voidpulse-heading);
	font-size: 12px;
}

.voidpulse-checklist small {
	color: var(--voidpulse-muted);
	font-size: 11px;
	margin-top: 2px;
}

.voidpulse-builder {
	align-items: start;
	display: grid;
	gap: var(--voidpulse-grid-gap);
	grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
	width: 100%;
}

.voidpulse-settings {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.voidpulse-section-head {
	align-items: flex-start;
	display: flex;
	gap: 11px;
	margin-bottom: 19px;
}

.voidpulse-section-head > span {
	align-items: center;
	background: var(--voidpulse-accent-soft);
	border-radius: 8px;
	color: var(--voidpulse-accent-dark);
	display: flex;
	flex: 0 0 32px;
	font-size: 11px;
	font-weight: 800;
	height: 32px;
	justify-content: center;
}

.voidpulse-section-head h2 {
	margin: 0 0 3px;
}

.voidpulse-section-head p {
	font-size: 12px;
}

.voidpulse-preview {
	background: #fff;
	border: 1px solid var(--voidpulse-border);
	border-radius: 14px;
	box-shadow: var(--voidpulse-shadow);
	min-width: 0;
	overflow: hidden;
	position: sticky;
	top: 46px;
}

.voidpulse-preview-head {
	align-items: center;
	border-bottom: 1px solid var(--voidpulse-border);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 17px 18px;
}

.voidpulse-preview-head h2 {
	color: var(--voidpulse-heading);
	font-size: 16px;
	margin: 3px 0 0;
}

.voidpulse-preview-tools {
	align-items: center;
	display: flex;
	gap: 8px;
}

.voidpulse-simulate {
	align-items: center;
	display: inline-flex !important;
	gap: 5px;
}

.voidpulse-simulate svg {
	height: 14px;
	width: 14px;
}

.voidpulse-segmented {
	background: #f2f4f7;
	border: 1px solid #eaecf0;
	border-radius: 8px;
	display: flex;
	padding: 3px;
}

.voidpulse-segmented button {
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: var(--voidpulse-muted);
	cursor: pointer;
	font-size: 10px;
	padding: 6px 7px;
	text-transform: capitalize;
}

.voidpulse-segmented button.active {
	background: #fff;
	box-shadow: 0 1px 3px rgb(16 24 40 / 10%);
	color: var(--voidpulse-heading);
}

.voidpulse-preview-stage {
	background-color: #f7f8fa;
	background-image:
		linear-gradient(#e9ebef 1px, transparent 1px),
		linear-gradient(90deg, #e9ebef 1px, transparent 1px);
	background-size: 24px 24px;
	display: flex;
	height: clamp(430px, 52vh, 620px);
	justify-content: center;
	overflow: hidden;
	padding: 36px;
	position: relative;
	width: 100%;
}

.voidpulse-preview-surface {
	align-items: flex-end;
	display: flex;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}

.voidpulse-preview--tablet .voidpulse-preview-surface,
.voidpulse-preview--mobile .voidpulse-preview-surface {
	background: rgb(255 255 255 / 75%);
	border: 1px solid #d8dce3;
	border-radius: 18px;
	height: calc(100% - 52px);
	padding: 16px;
}

.voidpulse-preview--tablet .voidpulse-preview-surface {
	width: min(78%, 520px);
}

.voidpulse-preview--mobile .voidpulse-preview-surface {
	border-radius: 24px;
	container-type: inline-size;
	padding: 12px;
	width: min(54%, 330px);
}

.voidpulse-sample-label {
	background: rgb(255 255 255 / 90%);
	border: 1px solid var(--voidpulse-border);
	border-radius: 999px;
	color: var(--voidpulse-muted);
	font-size: 9px;
	left: 14px;
	padding: 4px 7px;
	position: absolute;
	top: 14px;
	z-index: 2;
}

.voidpulse-preview-card {
	align-items: center;
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	color: var(--text);
	display: flex;
	font-size: var(--size);
	gap: 11px;
	max-width: 100%;
	padding: 11px 40px 11px 11px;
	position: relative;
	width: min(var(--width), 100%);
	z-index: 1;
}

.voidpulse-preview-position--bottom-left .voidpulse-preview-surface {
	justify-content: flex-start;
}

.voidpulse-preview-position--bottom-right .voidpulse-preview-surface {
	justify-content: flex-end;
}

.voidpulse-preview-card.is-simulating {
	animation-duration: var(--animation-duration);
	animation-fill-mode: both;
	animation-timing-function: var(--animation-easing);
}

.voidpulse-preview-animation--fade.is-simulating {
	animation-name: voidpulse-preview-fade;
}

.voidpulse-preview-animation--slide.is-simulating {
	animation-name: voidpulse-preview-slide;
}

.voidpulse-preview-animation--scale.is-simulating {
	animation-name: voidpulse-preview-scale;
}

.voidpulse-preview-animation--bounce.is-simulating {
	animation-name: voidpulse-preview-bounce;
}

.voidpulse-preview-animation--flip.is-simulating {
	animation-name: voidpulse-preview-flip;
	transform-origin: bottom center;
}

@keyframes voidpulse-preview-fade {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes voidpulse-preview-slide {

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

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes voidpulse-preview-scale {

	from {
		opacity: 0;
		transform: scale(0.84);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes voidpulse-preview-bounce {

	0% {
		opacity: 0;
		transform: translateY(32px) scale(0.95);
	}

	72% {
		opacity: 1;
		transform: translateY(-7px) scale(1.01);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes voidpulse-preview-flip {

	from {
		opacity: 0;
		transform: perspective(700px) rotateX(32deg) translateY(14px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

.voidpulse-preview--tablet .voidpulse-preview-card {
	width: min(var(--width), 100%);
}

.voidpulse-preview--mobile .voidpulse-preview-card {
	font-size: min(var(--size), 14px);
	font-size: clamp(12px, 4cqw, var(--size));
	gap: clamp(8px, 3cqw, 10px);
	padding: 9px 34px 9px 9px;
	width: 100%;
}

.voidpulse-preview--mobile .voidpulse-preview-image {
	flex-basis: clamp(42px, 14cqw, 48px);
	height: clamp(42px, 14cqw, 48px);
	width: clamp(42px, 14cqw, 48px);
}

.voidpulse-template--modern {
	box-shadow: 0 14px 35px rgb(16 24 40 / 13%);
}

.voidpulse-template--clean {
	box-shadow: none;
}

.voidpulse-template--minimal {
	border-left: 3px solid var(--accent);
	border-radius: 5px;
}

.voidpulse-preview-image {
	align-items: center;
	background: var(--accent);
	color: #fff;
	display: flex;
	flex: 0 0 56px;
	font-weight: 750;
	height: 56px;
	justify-content: center;
	object-fit: cover;
	width: 56px;
}

.voidpulse-image--rounded {
	border-radius: 9px;
}

.voidpulse-image--square {
	border-radius: 0;
}

.voidpulse-image--circle {
	border-radius: 50%;
}

.voidpulse-preview-card p,
.voidpulse-preview-message {
	color: var(--message-color, var(--text));
	font-family: var(--voidpulse-message-font, inherit);
	font-size: var(--message-size, var(--size));
	font-weight: var(--voidpulse-message-weight, 500);
	line-height: 1.4;
	margin: 0;
	overflow-wrap: anywhere;
}

.voidpulse-preview-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.voidpulse-preview-label {
	color: var(--label-color, var(--accent));
	display: block;
	font-family: var(--voidpulse-label-font, inherit);
	font-size: var(--label-size, 10px);
	font-weight: var(--voidpulse-label-weight, 500);
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.voidpulse-preview-headline {
	color: var(--headline-color, var(--text));
	display: block;
	font-family: var(--voidpulse-headline-font, inherit);
	font-size: var(--headline-size, calc(var(--size) + 1px));
	font-weight: var(--voidpulse-headline-weight, 500);
	letter-spacing: -0.015em;
	line-height: 1.25;
}

.voidpulse-preview-card button,
.voidpulse-preview-card .voidpulse__close {
	-webkit-appearance: none;
	appearance: none;
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-radius: 5px;
	box-shadow: none !important;
	color: var(--muted, #667085);
	cursor: pointer;
	display: inline-flex;
	font-size: 20px;
	font-weight: 500;
	height: 28px;
	justify-content: center;
	line-height: 1;
	margin: 0;
	min-height: 28px;
	min-width: 28px;
	opacity: 1;
	padding: 0 !important;
	position: absolute;
	right: 6px;
	top: 6px;
	width: 28px;
}

.voidpulse-preview-card button:hover,
.voidpulse-preview-card button:focus,
.voidpulse-preview-card .voidpulse__close:hover,
.voidpulse-preview-card .voidpulse__close:focus {
	background: rgb(127 127 127 / 10%) !important;
	box-shadow: none !important;
	color: var(--text, #172033);
	filter: none;
	padding: 0 !important;
}

.voidpulse-preview-card button:focus-visible,
.voidpulse-preview-card .voidpulse__close:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--accent, #6d5dfc) 55%, #fff);
	outline-offset: 2px;
}

.voidpulse-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-bottom: 14px;
	min-width: 0;
}

.voidpulse-field:last-child {
	margin-bottom: 0;
}

.voidpulse-field > span,
.voidpulse-statuses legend {
	color: var(--voidpulse-text);
	font-size: 12px;
	font-weight: 650;
	text-transform: capitalize;
}

.voidpulse-field input:not([type="checkbox"], [type="color"]),
.voidpulse-field select,
.voidpulse-field textarea {
	background-color: #fff;
	border: 1px solid var(--voidpulse-border-strong);
	border-radius: 8px;
	box-shadow: 0 1px 2px rgb(16 24 40 / 3%);
	color: var(--voidpulse-heading);
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
	min-height: 42px;
	padding: 9px 11px;
	transition:
		border-color 0.15s,
		box-shadow 0.15s;
	width: 100%;
}

.voidpulse-field textarea {
	min-height: 92px;
	resize: vertical;
}

.voidpulse-field input:focus,
.voidpulse-field select:focus,
.voidpulse-field textarea:focus {
	border-color: var(--voidpulse-accent);
	box-shadow: 0 0 0 3px rgb(99 91 255 / 13%);
	outline: none;
}

.voidpulse-fields {
	align-items: stretch;
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.voidpulse-fields > .voidpulse-field {
	margin-bottom: 0;
}

.voidpulse-fields > .voidpulse-field:not(.voidpulse-field--checkbox) > span:first-child {
	align-items: flex-end;
	display: flex;
	min-height: 18px;
}

.voidpulse-field--checkbox {
	align-items: center;
	background: #f9fafb;
	border: 1px solid #eaecf0;
	border-radius: 9px;
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr auto;
	margin-bottom: 0;
	min-height: 64px;
	padding: 10px 11px;
}

.voidpulse-field--checkbox > span:first-child {
	align-self: center;
	margin: 0;
}

.voidpulse-color-control {
	align-items: center;
	background: #fff;
	border: 1px solid var(--voidpulse-border-strong);
	border-radius: 8px;
	display: flex;
	height: 42px;
	padding: 5px;
	transition:
		border-color 0.15s,
		box-shadow 0.15s;
}

.voidpulse-color-control:focus-within {
	border-color: var(--voidpulse-accent);
	box-shadow: 0 0 0 3px rgb(99 91 255 / 13%);
}

.voidpulse-color-swatch {
	appearance: none;
	background: none;
	border: 0;
	cursor: pointer;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 34px;
}

.voidpulse-color-swatch::-webkit-color-swatch-wrapper {
	padding: 0;
}

.voidpulse-color-swatch::-webkit-color-swatch {
	border: 1px solid rgb(16 24 40 / 10%);
	border-radius: 6px;
}

.voidpulse-color-hex {
	border: 0 !important;
	box-shadow: none !important;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	min-height: 30px !important;
	padding: 3px 8px !important;
	text-transform: uppercase;
}

.voidpulse-design-presets {
	border-bottom: 1px solid #eaecf0;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.voidpulse-design-presets-head {
	align-items: flex-end;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.voidpulse-design-presets-head strong,
.voidpulse-design-presets-head span {
	display: block;
}

.voidpulse-design-presets-head strong {
	color: var(--voidpulse-heading);
	font-size: 13px;
}

.voidpulse-design-presets-head span {
	color: var(--voidpulse-muted);
	font-size: 11px;
	margin-top: 3px;
}

.voidpulse-design-presets-head small {
	background: var(--voidpulse-accent-soft);
	border-radius: 999px;
	color: var(--voidpulse-accent-dark);
	font-size: 9px;
	font-weight: 700;
	padding: 5px 8px;
	white-space: nowrap;
}

.voidpulse-design-presets-grid {
	display: grid;
	gap: 9px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.voidpulse-design-preset {
	appearance: none;
	background: #fff;
	border: 1px solid var(--voidpulse-border);
	border-radius: 10px;
	color: var(--voidpulse-text);
	cursor: pointer;
	min-width: 0;
	padding: 8px;
	position: relative;
	text-align: start;
	transition:
		border-color 0.15s,
		box-shadow 0.15s,
		transform 0.15s;
}

.voidpulse-design-preset:hover {
	border-color: #b9b4ff;
	transform: translateY(-1px);
}

.voidpulse-design-preset.is-selected {
	border-color: var(--voidpulse-accent);
	box-shadow: 0 0 0 3px rgb(99 91 255 / 11%);
}

.voidpulse-design-preset-preview {
	align-items: center;
	background: var(--preset-bg);
	border: 1px solid var(--preset-border);
	border-radius: 7px;
	display: flex;
	gap: 7px;
	height: 48px;
	padding: 7px;
}

.voidpulse-design-preset-preview > i {
	background: var(--preset-accent);
	border-radius: 5px;
	display: block;
	flex: 0 0 26px;
	height: 26px;
}

.voidpulse-design-preset-preview > span {
	display: grid;
	flex: 1;
	gap: 5px;
	min-width: 0;
}

.voidpulse-design-preset-preview b,
.voidpulse-design-preset-preview em {
	background: var(--preset-text);
	border-radius: 999px;
	display: block;
	height: 4px;
	width: 84%;
}

.voidpulse-design-preset-preview em {
	background: var(--preset-muted);
	width: 58%;
}

.voidpulse-design-preset-meta {
	align-items: center;
	display: flex;
	gap: 7px;
	justify-content: space-between;
	margin-top: 7px;
}

.voidpulse-design-preset-meta strong {
	color: var(--voidpulse-heading);
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.voidpulse-design-preset-meta small {
	color: var(--voidpulse-muted);
	font-size: 8px;
	text-transform: capitalize;
}

.voidpulse-design-preset-swatches {
	display: flex;
	gap: 3px;
	margin-top: 6px;
}

.voidpulse-design-preset-swatches i {
	border: 1px solid rgb(16 24 40 / 10%);
	border-radius: 50%;
	display: block;
	height: 10px;
	width: 10px;
}

.voidpulse-design-preset-check {
	align-items: center;
	background: var(--voidpulse-accent);
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	display: none;
	height: 20px;
	justify-content: center;
	position: absolute;
	right: 4px;
	top: 4px;
	width: 20px;
}

.voidpulse-design-preset.is-selected .voidpulse-design-preset-check {
	display: flex;
}

.voidpulse-design-preset-check svg {
	height: 11px;
	width: 11px;
}

.voidpulse-design-customize {
	align-items: flex-end;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.voidpulse-design-customize strong {
	color: var(--voidpulse-heading);
	font-size: 13px;
}

.voidpulse-design-customize span {
	color: var(--voidpulse-muted);
	font-size: 10px;
}

.voidpulse-customise-subsection {
	border-bottom: 1px solid #eaecf0;
	grid-column: 1 / -1;
	margin: 4px 0 2px;
	padding-bottom: 8px;
}

.voidpulse-customise-subsection strong {
	color: var(--voidpulse-heading);
	font-size: 12px;
	font-weight: 750;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.voidpulse-typography-role {
	background: #f9fafb;
	border: 1px solid #eaecf0;
	border-radius: 10px;
	display: grid;
	gap: 10px;
	grid-column: 1 / -1;
	padding: 12px;
}

.voidpulse-typography-role-title {
	color: #344054;
	font-size: 12px;
	font-weight: 700;
}

.voidpulse-typography-role-fields {
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);
}

.voidpulse-font-picker {
	position: relative;
}

.voidpulse-font-picker-search {
	width: 100%;
}

.voidpulse-font-picker-menu {
	background: #fff;
	border: 1px solid var(--voidpulse-border-strong);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgb(16 24 40 / 12%);
	display: grid;
	gap: 2px;
	inset-inline: 0;
	max-height: 220px;
	overflow: auto;
	padding: 6px;
	position: absolute;
	top: calc(100% + 4px);
	z-index: 30;
}

.voidpulse-font-picker-menu[hidden] {
	display: none !important;
}

.voidpulse-font-picker-option {
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: var(--voidpulse-heading);
	cursor: pointer;
	font-size: 12px;
	padding: 8px 10px;
	text-align: left;
}

.voidpulse-font-picker-option:hover,
.voidpulse-font-picker-option.is-selected {
	background: #f2f4f7;
}

.voidpulse-font-picker-section {
	color: var(--voidpulse-muted);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.04em;
	padding: 8px 10px 4px;
	text-transform: uppercase;
}

.voidpulse-font-picker-empty {
	color: var(--voidpulse-muted);
	font-size: 11px;
	padding: 8px 10px;
}

.voidpulse-template-picker {
	display: grid;
	gap: 9px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.voidpulse-template-choice {
	background: #fff;
	border: 1px solid var(--voidpulse-border);
	border-radius: 10px;
	color: var(--voidpulse-text);
	cursor: pointer;
	min-width: 0;
	padding: 9px;
	position: relative;
	text-align: left;
	transition:
		border-color 0.15s,
		box-shadow 0.15s,
		transform 0.15s;
}

.voidpulse-template-choice:hover {
	border-color: #b9b4ff;
	transform: translateY(-1px);
}

.voidpulse-template-choice.is-selected {
	border-color: var(--voidpulse-accent);
	box-shadow: 0 0 0 3px rgb(99 91 255 / 10%);
}

.voidpulse-template-thumb {
	background: #f7f8fa;
	border-radius: 7px;
	display: block;
	height: 56px;
	margin-bottom: 8px;
	padding: 11px;
	position: relative;
}

.voidpulse-template-thumb i,
.voidpulse-template-thumb b,
.voidpulse-template-thumb em {
	background: #c9c6ff;
	border-radius: 3px;
	display: block;
	height: 5px;
	margin-bottom: 5px;
	width: 75%;
}

.voidpulse-template-thumb b {
	background: #dfe1e6;
	width: 90%;
}

.voidpulse-template-thumb em {
	background: #e8e9ed;
	width: 55%;
}

.voidpulse-template-thumb.voidpulse-template--modern {
	background: #fff;
	box-shadow: 0 7px 15px rgb(16 24 40 / 11%);
}

.voidpulse-template-thumb.voidpulse-template--minimal {
	border-left: 3px solid var(--voidpulse-accent);
}

.voidpulse-template-choice > span:nth-child(2) strong,
.voidpulse-template-choice > span:nth-child(2) small {
	display: block;
}

.voidpulse-template-choice > span:nth-child(2) strong {
	color: var(--voidpulse-heading);
	font-size: 12px;
}

.voidpulse-template-choice > span:nth-child(2) small {
	color: var(--voidpulse-muted);
	font-size: 10px;
	margin-top: 2px;
}

.voidpulse-choice-check {
	align-items: center;
	background: var(--voidpulse-accent);
	border-radius: 50%;
	color: #fff;
	display: none;
	height: 19px;
	justify-content: center;
	position: absolute;
	right: 7px;
	top: 7px;
	width: 19px;
}

.voidpulse-choice-check svg {
	height: 12px;
	width: 12px;
}

.voidpulse-template-choice.is-selected .voidpulse-choice-check {
	display: flex;
}

.voidpulse-switch input {
	height: 1px;
	opacity: 0;
	position: absolute;
	width: 1px;
}

.voidpulse-switch {
	align-items: center;
	align-self: center;
	display: inline-flex;
	margin: 0;
}

.voidpulse-switch span {
	background: #d0d5dd;
	border-radius: 999px;
	cursor: pointer;
	display: block;
	height: 24px;
	position: relative;
	width: 42px;
}

.voidpulse-switch span::after {
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgb(16 24 40 / 28%);
	content: "";
	height: 18px;
	left: 3px;
	position: absolute;
	top: 3px;
	transition: 0.15s;
	width: 18px;
}

.voidpulse-switch input:checked + span {
	background: var(--voidpulse-accent);
}

.voidpulse-switch input:checked + span::after {
	left: 21px;
}

.voidpulse-switch input:focus-visible + span {
	outline: 3px solid rgb(99 91 255 / 20%);
	outline-offset: 2px;
}

.voidpulse-statuses {
	border: 1px solid var(--voidpulse-border);
	border-radius: 9px;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin: 6px 0 0;
	padding: 13px;
}

.voidpulse-statuses legend {
	padding: 0 5px;
}

.voidpulse-product-rules {
	margin-top: 16px;
}

.voidpulse-product-rules > .voidpulse-field {
	max-width: 430px;
}

.voidpulse-product-rule-summary,
.voidpulse-product-picker-empty {
	background: #f8f9fc;
	border: 1px solid var(--voidpulse-border);
	border-radius: 9px;
	color: var(--voidpulse-muted);
	font-size: 12px;
	line-height: 1.5;
	margin: 10px 0 0;
	padding: 11px 12px;
}

.voidpulse-product-picker {
	margin-top: 12px;
}

.voidpulse-product-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 12px;
}

.voidpulse-product-chip {
	align-items: center;
	background: var(--voidpulse-accent-soft);
	border: 1px solid #d9d6fe;
	border-radius: 9px;
	color: var(--voidpulse-heading);
	display: inline-flex;
	gap: 9px;
	max-width: 100%;
	padding: 6px 7px 6px 10px;
}

.voidpulse-product-chip > span,
.voidpulse-product-results button > span {
	display: grid;
	min-width: 0;
}

.voidpulse-product-chip strong,
.voidpulse-product-results strong {
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.voidpulse-product-chip small,
.voidpulse-product-results small {
	color: var(--voidpulse-muted);
	font-size: 10px;
	margin-top: 2px;
}

.voidpulse-product-chip button {
	align-items: center;
	background: #fff;
	border: 0;
	border-radius: 50%;
	color: var(--voidpulse-muted);
	cursor: pointer;
	display: inline-flex;
	font-size: 16px;
	height: 24px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	width: 24px;
}

.voidpulse-product-chip button:hover,
.voidpulse-product-chip button:focus-visible {
	color: #b42318;
	outline: 2px solid rgb(180 35 24 / 18%);
}

.voidpulse-product-search {
	display: grid;
	gap: 6px;
	max-width: 560px;
}

.voidpulse-product-search > span {
	color: var(--voidpulse-text);
	font-size: 12px;
	font-weight: 650;
}

.voidpulse-product-search input {
	border: 1px solid var(--voidpulse-border-strong);
	border-radius: 8px;
	font-size: 13px;
	min-height: 42px;
	padding: 9px 11px;
	width: 100%;
}

.voidpulse-product-search input:focus {
	border-color: var(--voidpulse-accent);
	box-shadow: 0 0 0 3px rgb(99 91 255 / 13%);
	outline: none;
}

.voidpulse-product-results {
	background: #fff;
	border: 1px solid var(--voidpulse-border);
	border-radius: 9px;
	box-shadow: 0 10px 25px rgb(16 24 40 / 8%);
	margin-top: 6px;
	max-height: 230px;
	max-width: 560px;
	overflow-y: auto;
}

.voidpulse-product-results:empty {
	display: none;
}

.voidpulse-product-results > p {
	color: var(--voidpulse-muted);
	font-size: 11px;
	margin: 0;
	padding: 11px 12px;
}

.voidpulse-product-results button {
	align-items: center;
	background: #fff;
	border: 0;
	border-bottom: 1px solid var(--voidpulse-border);
	color: var(--voidpulse-heading);
	cursor: pointer;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 9px 11px;
	text-align: left;
	width: 100%;
}

.voidpulse-product-results button:last-child {
	border-bottom: 0;
}

.voidpulse-product-results button:hover,
.voidpulse-product-results button:focus-visible {
	background: #f7f6ff;
	outline: none;
}

.voidpulse-product-results button b {
	color: var(--voidpulse-accent-dark);
	font-size: 11px;
}

.voidpulse-tokens {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.voidpulse-tokens button {
	background: var(--voidpulse-accent-soft);
	border: 1px solid #d9d6fe;
	border-radius: 6px;
	color: var(--voidpulse-accent-dark);
	cursor: pointer;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 11px;
	padding: 5px 7px;
}

.voidpulse-actions {
	align-items: center;
	background: rgb(245 246 248 / 92%);
	border: 1px solid var(--voidpulse-border);
	border-radius: 12px;
	bottom: 12px;
	box-shadow: 0 8px 25px rgb(16 24 40 / 10%);
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	padding: 10px;
	position: sticky;
	z-index: 4;
}

.voidpulse-custom-teaser {
	align-items: center;
	background:
		radial-gradient(circle at 94% 0, rgb(99 91 255 / 10%), transparent 36%),
		#fff;
	border-color: #d8d4ff;
	display: flex;
	gap: 24px;
	justify-content: space-between;
}

.voidpulse-custom-teaser h2 {
	font-size: 19px;
	margin: 5px 0 4px;
}

.voidpulse-custom-teaser p {
	font-size: 12px;
	max-width: 620px;
}

.voidpulse-custom-types {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 13px;
}

.voidpulse-custom-types span {
	background: #f8f7ff;
	border: 1px solid #e2e0ff;
	border-radius: 8px;
	color: var(--voidpulse-muted);
	font-size: 10px;
	padding: 8px 10px;
}

.voidpulse-custom-types strong {
	color: var(--voidpulse-heading);
	display: block;
	font-size: 11px;
	margin-bottom: 2px;
}

.voidpulse-spacer {
	flex: 1;
}

.voidpulse-settings-layout {
	align-items: start;
	display: grid;
	gap: var(--voidpulse-grid-gap);
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
}

.voidpulse-settings-layout > *,
.voidpulse-settings-main > *,
.voidpulse-settings-side > *,
.voidpulse-setting-group > * {
	min-width: 0;
}

.voidpulse-settings-layout + .voidpulse-data-lifecycle {
	margin-top: var(--voidpulse-grid-gap);
}

.voidpulse-setting-note {
	background: #f8f7ff;
	border: 1px solid #e2e0ff;
	border-radius: 10px;
	margin-top: 5px;
	padding: 14px;
}

.voidpulse-setting-note strong {
	color: var(--voidpulse-heading);
	font-size: 12px;
}

.voidpulse-setting-note p {
	font-size: 11px;
	line-height: 1.5;
	margin-top: 4px;
}

.voidpulse-setting-group {
	background: #f8f7ff;
	border: 1px solid #e2e0ff;
	border-radius: 10px;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) minmax(250px, 0.8fr);
	margin-top: 18px;
	padding: 16px;
}

.voidpulse-setting-group > div > strong {
	color: var(--voidpulse-heading);
	font-size: 12px;
}

.voidpulse-setting-group > div > p {
	font-size: 11px;
	line-height: 1.5;
	margin-top: 4px;
}

.voidpulse-setting-group .voidpulse-field {
	margin: 0;
}

.voidpulse-delivery-grid {
	display: grid;
	gap: 12px;
}

.voidpulse-delivery-grid .voidpulse-setting-group {
	margin-top: 0;
}

.voidpulse-data-usage {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 16px;
}

.voidpulse-data-usage > div {
	background: #f9fafb;
	border: 1px solid var(--voidpulse-border);
	border-radius: 9px;
	padding: 11px;
}

.voidpulse-data-usage span,
.voidpulse-data-usage strong {
	display: block;
}

.voidpulse-data-usage span {
	color: var(--voidpulse-muted);
	font-size: 9px;
	text-transform: uppercase;
}

.voidpulse-data-usage strong {
	color: var(--voidpulse-heading);
	font-size: 14px;
	margin-top: 4px;
}

.voidpulse-data-retention {
	margin-top: 14px;
}

.voidpulse-data-retention .voidpulse-field {
	margin: 0;
}

.voidpulse-data-pro-note {
	background: #f8f7ff;
	border: 1px dashed #d7d4ff;
	border-radius: 9px;
	padding: 12px;
}

.voidpulse-data-pro-note strong,
.voidpulse-data-pro-note span {
	display: block;
}

.voidpulse-data-pro-note strong {
	color: var(--voidpulse-heading);
	font-size: 11px;
}

.voidpulse-data-pro-note span {
	color: var(--voidpulse-muted);
	font-size: 10px;
	margin-top: 3px;
}

.voidpulse-data-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 14px;
}

.voidpulse-danger-zone {
	align-items: center;
	border-top: 1px solid #fee4e2;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin-top: 18px;
	padding-top: 16px;
}

.voidpulse-danger-zone strong {
	color: #b42318;
	font-size: 11px;
}

.voidpulse-danger-zone p {
	font-size: 10px;
	line-height: 1.45;
	margin-top: 3px;
}

.voidpulse-danger-button {
	border-color: #fda29b !important;
	color: #b42318 !important;
	white-space: nowrap;
}

.voidpulse-confirm-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: flex-end;
}

.voidpulse-contextual-upgrade {
	align-items: center;
	background:
		radial-gradient(circle at 92% 0, rgb(99 91 255 / 13%), transparent 38%),
		linear-gradient(120deg, #fff, #faf9ff);
	border-color: #d9d6fe;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-top: var(--voidpulse-grid-gap);
}

.voidpulse-contextual-upgrade h2 {
	font-size: 18px;
	margin: 5px 0 4px;
}

.voidpulse-contextual-upgrade p {
	font-size: 12px;
	line-height: 1.5;
	max-width: 780px;
}

.voidpulse-settings-side .voidpulse-contextual-upgrade {
	align-items: flex-start;
	flex-direction: column;
	margin-top: 0;
}

.voidpulse-settings-main,
.voidpulse-settings-side {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.voidpulse-privacy-note {
	background: #f6f5ff;
	border: 1px solid #e2e0ff;
	border-radius: 10px;
	margin-bottom: 14px;
	padding: 14px;
}

.voidpulse-privacy-note strong {
	color: var(--voidpulse-heading);
	font-size: 12px;
}

.voidpulse-privacy-note p {
	font-size: 12px;
	line-height: 1.55;
	margin-top: 5px;
}

.voidpulse-settings-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 15px;
}

.voidpulse-settings-summary span {
	background: #f9fafb;
	border: 1px solid var(--voidpulse-border);
	border-radius: 8px;
	color: var(--voidpulse-muted);
	font-size: 11px;
	padding: 8px 10px;
	text-transform: capitalize;
}

.voidpulse-settings-summary strong {
	color: var(--voidpulse-heading);
	display: block;
	margin-top: 2px;
}

#voidpulse-diagnostics dl {
	display: grid;
	gap: 0;
	margin: 0;
}

#voidpulse-diagnostics dl > div {
	align-items: center;
	border-bottom: 1px solid #f0f1f3;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}

#voidpulse-diagnostics dl > div:last-child {
	border-bottom: 0;
}

#voidpulse-diagnostics dt {
	color: var(--voidpulse-muted);
	font-size: 11px;
	text-transform: capitalize;
}

#voidpulse-diagnostics dd {
	color: var(--voidpulse-heading);
	font-size: 11px;
	font-weight: 650;
	margin: 0 0 0 14px;
	text-align: right;
}

#voidpulse-diagnostics .voidpulse-diagnostic-warning {
	background: #fffaeb;
	border: 1px solid #fedf89;
	border-radius: 8px;
	margin: 8px 0;
	padding: 10px;
}

#voidpulse-diagnostics .voidpulse-diagnostic-warning dd {
	align-items: flex-end;
	color: #b54708;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.voidpulse-diagnostic-loading {
	align-items: center;
	display: flex;
	gap: 11px;
	padding: 12px 0;
}

.voidpulse-diagnostic-loading > span {
	animation: voidpulse-spin 0.8s linear infinite;
	border: 2px solid #e2e0ff;
	border-radius: 50%;
	border-top-color: var(--voidpulse-accent);
	height: 25px;
	width: 25px;
}

.voidpulse-diagnostic-loading strong,
.voidpulse-diagnostic-loading small {
	display: block;
}

.voidpulse-diagnostic-loading strong {
	color: var(--voidpulse-heading);
	font-size: 11px;
}

.voidpulse-diagnostic-loading small {
	color: var(--voidpulse-muted);
	font-size: 10px;
	margin-top: 2px;
}

.voidpulse-inline-error {
	background: #fff4ed;
	border: 1px solid #ffdac2;
	border-radius: 8px;
	color: #b42318;
	font-size: 12px;
	padding: 11px;
}

@keyframes voidpulse-spin {

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

.voidpulse-upgrade {
	display: grid;
	gap: 20px;
	margin: 0 auto;
	max-width: 1120px;
}

.voidpulse-upgrade-hero {
	background:
		radial-gradient(circle at 90% 0, rgb(255 255 255 / 16%), transparent 34%),
		linear-gradient(135deg, #2f2a70, #5b4ce6);
	border-radius: 18px;
	box-shadow: 0 18px 40px rgb(60 49 164 / 20%);
	color: #fff;
	padding: 36px;
	text-align: center;
}

.voidpulse-upgrade-hero .voidpulse-eyebrow {
	color: #c9c6ff;
}

.voidpulse-upgrade-hero h2 {
	color: #fff;
	font-size: 30px;
	letter-spacing: -0.035em;
	margin: 9px auto;
	max-width: 700px;
}

.voidpulse-upgrade-hero p {
	color: #e2e0ff;
	font-size: 14px;
	margin: 0 auto 20px;
	max-width: 620px;
}

.voidpulse-upgrade-hero small {
	color: #c9c6ff;
	display: block;
	font-size: 10px;
	margin-top: 10px;
}

.voidpulse-comparison-wrap {
	background: #fff;
	border: 1px solid var(--voidpulse-border);
	border-radius: 14px;
	box-shadow: var(--voidpulse-shadow);
	overflow-x: auto;
}

.voidpulse-comparison {
	border-collapse: collapse;
	min-width: 720px;
	width: 100%;
}

.voidpulse-comparison th,
.voidpulse-comparison td {
	border-bottom: 1px solid #eaecf0;
	padding: 15px 20px;
	text-align: left;
}

.voidpulse-comparison thead th {
	color: var(--voidpulse-heading);
	font-size: 13px;
}

.voidpulse-comparison thead th:nth-child(3) {
	background: #f8f7ff;
	color: var(--voidpulse-accent-dark);
}

.voidpulse-comparison thead span {
	background: var(--voidpulse-accent);
	border-radius: 999px;
	color: #fff;
	display: inline-block;
	font-size: 8px;
	letter-spacing: 0.05em;
	margin-right: 7px;
	padding: 4px 6px;
	text-transform: uppercase;
	vertical-align: 1px;
}

.voidpulse-comparison tbody th {
	color: var(--voidpulse-heading);
	font-size: 12px;
	font-weight: 650;
	width: 31%;
}

.voidpulse-comparison tbody td {
	color: var(--voidpulse-muted);
	font-size: 12px;
	width: 34.5%;
}

.voidpulse-comparison tbody td:nth-child(3) {
	background: #fcfbff;
	color: var(--voidpulse-heading);
	font-weight: 550;
}

.voidpulse-comparison tbody td svg {
	color: var(--voidpulse-success);
	height: 15px;
	margin-right: 7px;
	vertical-align: -3px;
	width: 15px;
}

.voidpulse-comparison tbody td.is-included {
	color: var(--voidpulse-heading);
	font-weight: 550;
}

.voidpulse-comparison tbody td.is-included svg {
	color: var(--voidpulse-success);
	height: 15px;
	margin-right: 7px;
	vertical-align: -3px;
	width: 15px;
}

.voidpulse-comparison tfoot th,
.voidpulse-comparison tfoot td {
	border-bottom: 0;
}

.voidpulse-comparison tfoot strong,
.voidpulse-comparison tfoot small {
	display: block;
}

.voidpulse-comparison tfoot small {
	color: var(--voidpulse-muted);
	font-size: 10px;
	margin-top: 2px;
}

.voidpulse-admin-skeleton {
	--voidpulse-skeleton-base: #e9ecf2;
	--voidpulse-skeleton-highlight: #f8f9fb;

	padding-block-end: 24px;
}

.voidpulse-skeleton-block {
	animation: voidpulse-skeleton-shimmer 1.5s ease-in-out infinite;
	background: linear-gradient(100deg, var(--voidpulse-skeleton-base) 28%, var(--voidpulse-skeleton-highlight) 42%, var(--voidpulse-skeleton-base) 58%);
	background-size: 300% 100%;
	border-radius: 999px;
	display: block;
}

.voidpulse-skeleton-brand {
	align-items: center;
	display: flex;
	gap: 14px;
	min-height: 122px;
	padding: 24px 2px 20px;
}

.voidpulse-skeleton-logo {
	border-radius: 14px;
	flex: 0 0 48px;
	height: 48px;
}

.voidpulse-skeleton-brand-copy {
	display: grid;
	gap: 7px;
	width: min(280px, 60vw);
}

.voidpulse-skeleton-brand-copy .voidpulse-skeleton-block:nth-child(1) {
	height: 8px;
	width: 72%;
}

.voidpulse-skeleton-brand-copy .voidpulse-skeleton-block:nth-child(2) {
	height: 24px;
	width: 94%;
}

.voidpulse-skeleton-brand-copy .voidpulse-skeleton-block:nth-child(3) {
	height: 9px;
	width: 82%;
}

.voidpulse-skeleton-tabs {
	align-items: center;
	border-bottom: 1px solid var(--voidpulse-border);
	display: flex;
	gap: 28px;
	height: 57px;
	margin-bottom: 24px;
}

.voidpulse-skeleton-tabs .voidpulse-skeleton-block {
	height: 10px;
	width: 72px;
}

.voidpulse-skeleton-tabs .voidpulse-skeleton-block:nth-child(2) {
	width: 82px;
}

.voidpulse-skeleton-tabs .voidpulse-skeleton-block:nth-child(3) {
	width: 68px;
}

.voidpulse-skeleton-tabs .voidpulse-skeleton-block:nth-child(4) {
	width: 62px;
}

.voidpulse-skeleton-tabs .voidpulse-skeleton-block:nth-child(5) {
	width: 66px;
}

.voidpulse-skeleton-stats {
	display: grid;
	gap: var(--voidpulse-grid-gap);
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 18px;
}

.voidpulse-skeleton-card {
	background: #fff;
	border: 1px solid var(--voidpulse-border);
	border-radius: var(--voidpulse-card-radius);
	box-shadow: var(--voidpulse-shadow);
}

.voidpulse-skeleton-stat {
	display: grid;
	gap: 12px;
	min-height: 122px;
	padding: 20px;
}

.voidpulse-skeleton-stat .voidpulse-skeleton-block:nth-child(1) {
	height: 9px;
	width: 56%;
}

.voidpulse-skeleton-stat .voidpulse-skeleton-block:nth-child(2) {
	height: 24px;
	width: 24%;
}

.voidpulse-skeleton-stat .voidpulse-skeleton-block:nth-child(3) {
	height: 8px;
	width: 42%;
}

.voidpulse-skeleton-dashboard {
	display: grid;
	gap: var(--voidpulse-grid-gap);
	grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.22fr);
}

.voidpulse-skeleton-setup,
.voidpulse-skeleton-campaign {
	display: grid;
	gap: 18px;
	min-height: 360px;
	padding: 22px;
}

.voidpulse-skeleton-setup .voidpulse-skeleton-block {
	height: 10px;
	width: 78%;
}

.voidpulse-skeleton-setup .voidpulse-skeleton-block:first-child {
	height: 20px;
	width: 54%;
}

.voidpulse-skeleton-setup .voidpulse-skeleton-block:nth-child(2) {
	height: 5px;
	width: 100%;
}

.voidpulse-skeleton-campaign .voidpulse-skeleton-block {
	height: 12px;
	width: 72%;
}

.voidpulse-skeleton-campaign .voidpulse-skeleton-block:first-child {
	height: 24px;
	width: 38%;
}

.voidpulse-skeleton-campaign .voidpulse-skeleton-block:nth-child(2) {
	border-radius: 10px;
	height: 76px;
	width: 100%;
}

.voidpulse-skeleton-campaign .voidpulse-skeleton-block:nth-child(4) {
	width: 88%;
}

.voidpulse-skeleton-campaign .voidpulse-skeleton-block:last-child {
	height: 34px;
	width: 126px;
}

@keyframes voidpulse-skeleton-shimmer {

	0% {
		background-position: 100% 0;
	}

	100% {
		background-position: -100% 0;
	}
}

.voidpulse-load-error {
	background: #fff;
	border: 1px solid #fecdca;
	border-radius: var(--voidpulse-card-radius);
	box-shadow: var(--voidpulse-shadow);
	margin-top: 24px;
	max-width: 620px;
	padding: 24px;
}

.voidpulse-load-error strong {
	color: #b42318;
	font-size: 16px;
}

.voidpulse-load-error p {
	color: var(--voidpulse-muted);
	margin: 7px 0 16px;
}

.voidpulse-toast-region {
	inset-block-end: 24px;
	inset-inline-end: max(24px, var(--voidpulse-page-gutter));
	pointer-events: none;
	position: fixed;
	width: min(420px, calc(100vw - 32px));
	z-index: 100100;
}

.voidpulse-toast {
	align-items: flex-start;
	animation: voidpulse-toast-in 180ms ease-out both;
	background: #fff;
	border: 1px solid var(--voidpulse-border);
	border-radius: 14px;
	box-shadow: 0 18px 48px rgb(16 24 40 / 18%);
	display: grid;
	gap: 12px;
	grid-template-columns: 36px minmax(0, 1fr) 28px;
	padding: 14px;
	pointer-events: auto;
}

.voidpulse-toast.is-leaving {
	opacity: 0;
	transform: translateY(8px);
	transition: 160ms ease;
}

.voidpulse-toast-icon {
	align-items: center;
	background: #ecfdf3;
	border-radius: 50%;
	color: #079455;
	display: flex;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.voidpulse-toast--error .voidpulse-toast-icon {
	background: #fef3f2;
	color: #d92d20;
}

.voidpulse-toast--info .voidpulse-toast-icon {
	background: var(--voidpulse-accent-soft);
	color: var(--voidpulse-accent-dark);
}

.voidpulse-toast-icon svg {
	height: 18px;
	width: 18px;
}

.voidpulse-toast-copy strong,
.voidpulse-toast-copy p {
	display: block;
}

.voidpulse-toast-copy strong {
	color: var(--voidpulse-heading);
	font-size: 13px;
	margin: 1px 0 3px;
}

.voidpulse-toast-copy p {
	color: var(--voidpulse-muted);
	font-size: 12px;
	line-height: 1.45;
	margin: 0;
}

.voidpulse-toast-close {
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: var(--voidpulse-muted);
	cursor: pointer;
	font-size: 20px;
	height: 28px;
	line-height: 1;
	padding: 0;
	width: 28px;
}

.voidpulse-toast-close:hover {
	background: #f2f4f7;
	color: var(--voidpulse-heading);
}

@keyframes voidpulse-toast-in {

	from {
		opacity: 0;
		transform: translateY(10px) scale(0.98);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

#voidpulse_analytics .inside {
	margin: 0;
	padding: 0;
}

#voidpulse_analytics .postbox-header {
	border-bottom-color: #e9eaf0;
}

.voidpulse-dashboard-widget {
	--voidpulse-widget-accent: #635bff;
	--voidpulse-widget-heading: #101828;
	--voidpulse-widget-muted: #667085;

	color: #344054;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.voidpulse-dashboard-widget * {
	box-sizing: border-box;
}

.voidpulse-widget-intro {
	align-items: center;
	background:
		radial-gradient(circle at 90% 0, rgb(255 255 255 / 14%), transparent 42%),
		linear-gradient(135deg, #302a71, #5c4de7);
	color: #fff;
	display: flex;
	gap: 11px;
	padding: 17px 18px;
}

.voidpulse-widget-logo {
	border: 1px solid rgb(255 255 255 / 20%);
	border-radius: 9px;
	box-shadow: 0 5px 14px rgb(16 24 40 / 18%);
	display: block;
	flex: 0 0 35px;
	height: 35px;
	object-fit: cover;
	width: 35px;
}

.voidpulse-widget-intro strong,
.voidpulse-widget-intro span {
	display: block;
}

.voidpulse-widget-intro strong {
	font-size: 13px;
}

.voidpulse-widget-intro span {
	color: #dcd9ff;
	font-size: 10px;
	margin-top: 2px;
}

.voidpulse-widget-stats {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	background: #eaecf0;
	border-bottom: 1px solid #eaecf0;
}

.voidpulse-widget-stats article {
	background: #fff;
	min-width: 0;
	padding: 14px 13px;
}

.voidpulse-widget-metric-head {
	align-items: center;
	display: flex;
	gap: 6px;
	justify-content: space-between;
}

.voidpulse-widget-metric-head span {
	color: var(--voidpulse-widget-muted);
	font-size: 9px;
	font-weight: 650;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.voidpulse-widget-metric-head svg {
	color: var(--voidpulse-widget-accent);
	flex: 0 0 14px;
	height: 14px;
	width: 14px;
}

.voidpulse-widget-stats article > strong {
	color: var(--voidpulse-widget-heading);
	display: block;
	font-size: 20px;
	letter-spacing: -0.04em;
	line-height: 1;
	margin-top: 9px;
}

.voidpulse-widget-chart {
	padding: 16px 18px 13px;
}

.voidpulse-widget-chart-head {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.voidpulse-widget-chart-head strong {
	color: var(--voidpulse-widget-heading);
	font-size: 11px;
}

.voidpulse-widget-chart-head span {
	background: #f1f0ff;
	border-radius: 999px;
	color: #5145cd;
	font-size: 8px;
	font-weight: 700;
	padding: 4px 6px;
	text-transform: uppercase;
}

.voidpulse-widget-bars {
	align-items: stretch;
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	height: 132px;
	margin-top: 10px;
}

.voidpulse-widget-bar {
	align-items: end;
	display: grid;
	grid-template-rows: minmax(0, 1fr) 32px;
	height: 100%;
	min-width: 0;
}

.voidpulse-widget-bar i {
	align-self: end;
	background: linear-gradient(180deg, #8179ff, var(--voidpulse-widget-accent));
	border-radius: 4px 4px 1px 1px;
	box-shadow: 0 4px 10px rgb(99 91 255 / 18%);
	display: block;
	grid-row: 1;
	justify-self: center;
	min-height: 2px;
	transition: filter 0.15s;
	width: min(24px, 64%);
}

.voidpulse-widget-bar i:hover {
	filter: brightness(0.9);
}

.voidpulse-widget-bar small {
	border-top: 1px solid #e6e8ec;
	color: #667085;
	display: block;
	font-size: 7px;
	grid-row: 2;
	line-height: 1.2;
	padding-top: 5px;
	text-align: center;
}

.voidpulse-widget-bar small strong,
.voidpulse-widget-bar small time {
	display: block;
}

.voidpulse-widget-bar small strong {
	color: #344054;
	font-size: 8px;
}

.voidpulse-widget-bar small time {
	margin-top: 2px;
	white-space: nowrap;
}

.voidpulse-widget-empty {
	align-items: center;
	background: #fafaff;
	border: 1px dashed #d7d4ff;
	border-radius: 9px;
	display: flex;
	gap: 11px;
	margin: 16px 18px;
	padding: 14px;
}

.voidpulse-widget-empty > span {
	align-items: center;
	background: #efedff;
	border-radius: 50%;
	color: var(--voidpulse-widget-accent);
	display: flex;
	flex: 0 0 32px;
	font-size: 16px;
	height: 32px;
	justify-content: center;
}

.voidpulse-widget-empty strong {
	color: var(--voidpulse-widget-heading);
	font-size: 11px;
}

.voidpulse-widget-empty p {
	color: var(--voidpulse-widget-muted);
	font-size: 10px;
	line-height: 1.4;
	margin: 3px 0 0;
}

.voidpulse-widget-footer {
	align-items: center;
	border-top: 1px solid #eaecf0;
	display: flex;
	justify-content: space-between;
	margin-top: 18px;
	padding: 11px 18px;
}

.voidpulse-widget-footer > span {
	color: #98a2b3;
	font-size: 9px;
}

.voidpulse-widget-footer > span::before {
	background: #12b76a;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 5px;
	margin-right: 5px;
	vertical-align: 1px;
	width: 5px;
}

.voidpulse-widget-footer a {
	color: #5145cd;
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
}

.voidpulse-widget-footer a:hover {
	color: #4238a9;
	text-decoration: underline;
}

.voidpulse-widget-footer a:focus {
	border-radius: 3px;
	box-shadow: 0 0 0 3px rgb(99 91 255 / 18%);
	outline: none;
}

.voidpulse-admin .button {
	border-color: var(--voidpulse-border-strong);
	border-radius: 7px;
	box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
	color: var(--voidpulse-text);
	font-weight: 600;
	min-height: 34px;
	padding: 3px 13px;
}

.voidpulse-admin .button:hover {
	border-color: #a9a3ff;
	color: var(--voidpulse-accent-dark);
}

.voidpulse-admin .button-primary {
	background: var(--voidpulse-accent);
	border-color: var(--voidpulse-accent);
	color: #fff;
}

.voidpulse-admin .button-primary:hover,
.voidpulse-admin .button-primary:focus {
	background: var(--voidpulse-accent-dark);
	border-color: var(--voidpulse-accent-dark);
	color: #fff;
}

.voidpulse-admin .button:focus {
	box-shadow: 0 0 0 3px rgb(99 91 255 / 18%);
}

.voidpulse-analytics-stats article svg,
.voidpulse-pro-stats article svg {
	color: var(--voidpulse-accent);
	float: right;
}

.voidpulse-chart {
	height: 320px;
	margin-top: 18px;
	position: relative;
}

.voidpulse-chart-empty {
	align-items: center;
	background: #f8f9fb;
	border: 1px dashed var(--voidpulse-border-strong);
	border-radius: 10px;
	color: var(--voidpulse-muted);
	display: flex;
	justify-content: center;
	margin-top: 18px;
	min-height: 220px;
	padding: 24px;
	text-align: center;
}

.voidpulse-analytics-grid {
	display: grid;
	gap: var(--voidpulse-grid-gap);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1800px) {

	.voidpulse-admin {
		--voidpulse-grid-gap: clamp(20px, 1.1vw, 28px);
		--voidpulse-page-gutter: clamp(28px, 1.7vw, 48px);
	}

	.voidpulse-header {
		min-height: 138px;
		padding-block: 30px 24px;
	}

	.voidpulse-brand {
		gap: 17px;
	}

	.voidpulse-brand-icon {
		border-radius: 16px;
		height: 56px;
		width: 56px;
	}

	.voidpulse-tabs {
		margin-bottom: 30px;
	}

	.voidpulse-page-intro {
		margin-bottom: 26px;
	}

	.voidpulse-stats {
		margin-bottom: var(--voidpulse-grid-gap);
	}

	.voidpulse-stats article {
		min-height: 132px;
		padding: 22px 24px;
	}

	.voidpulse-dashboard-grid {
		grid-template-columns: minmax(380px, 0.62fr) minmax(700px, 1.38fr);
	}

	.voidpulse-dashboard-grid--pro {
		grid-template-columns: minmax(290px, 0.32fr) minmax(760px, 1.68fr);
	}

	.voidpulse-card {
		padding: 26px;
	}

	.voidpulse-design-presets-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.voidpulse-campaign-details {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.voidpulse-builder {
		grid-template-columns: minmax(600px, 0.92fr) minmax(680px, 1.08fr);
	}

	.voidpulse-settings-layout {
		grid-template-columns: minmax(0, 1.3fr) minmax(380px, 0.7fr);
	}

	.voidpulse-preview-stage {
		height: clamp(520px, 58vh, 760px);
	}
}

@media (min-width: 2200px) {

	.voidpulse-admin {
		--voidpulse-layout-max: 2800px;
	}

	.voidpulse-dashboard-grid {
		grid-template-columns: minmax(420px, 0.52fr) minmax(820px, 1.48fr);
	}

	.voidpulse-checklist {
		max-width: 680px;
	}

	.voidpulse-campaign-message strong {
		max-width: 1100px;
	}
}

@media (max-width: 1240px) {

	.voidpulse-stats,
	.voidpulse-skeleton-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.voidpulse-builder {
		grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
	}

	.voidpulse-template-picker {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1040px) {

	.voidpulse-builder,
	.voidpulse-dashboard-grid,
	.voidpulse-skeleton-dashboard,
	.voidpulse-settings-layout,
	.voidpulse-analytics-grid {
		grid-template-columns: 1fr;
	}

	.voidpulse-preview {
		position: static;
	}

	.voidpulse-template-picker {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.voidpulse-design-presets-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {

	.voidpulse-admin {
		--voidpulse-page-gutter: 10px;
	}

	.voidpulse-header {
		min-height: auto;
		padding: 18px 2px;
	}

	.voidpulse-header p {
		display: none;
	}

	.voidpulse-page-intro,
	.voidpulse-page-intro--compact {
		align-items: flex-start;
		flex-direction: column;
		padding: 17px;
	}

	.voidpulse-page-intro:not(.voidpulse-page-intro--compact) {
		padding: 0;
	}

	.voidpulse-stats,
	.voidpulse-skeleton-stats {
		grid-template-columns: 1fr;
	}

	.voidpulse-skeleton-brand {
		min-height: auto;
		padding: 18px 2px;
	}

	.voidpulse-skeleton-tabs {
		gap: 20px;
		overflow: hidden;
	}

	.voidpulse-fields,
	.voidpulse-template-picker,
	.voidpulse-design-presets-grid {
		grid-template-columns: 1fr;
	}

	.voidpulse-typography-role-fields {
		grid-template-columns: 1fr;
	}

	.voidpulse-design-presets-head,
	.voidpulse-design-customize {
		align-items: flex-start;
		flex-direction: column;
	}

	.voidpulse-setting-group {
		grid-template-columns: 1fr;
	}

	.voidpulse-data-usage {
		grid-template-columns: 1fr;
	}

	.voidpulse-danger-zone {
		align-items: stretch;
		flex-direction: column;
	}

	.voidpulse-confirm-actions,
	.voidpulse-data-actions {
		justify-content: stretch;
	}

	.voidpulse-confirm-actions .button,
	.voidpulse-data-actions .button,
	.voidpulse-danger-zone > .button {
		text-align: center;
		width: 100%;
	}

	.voidpulse-contextual-upgrade {
		align-items: stretch;
		flex-direction: column;
	}

	.voidpulse-toast-region {
		inset-block-end: 10px;
		inset-inline-end: 10px;
		width: calc(100vw - 20px);
	}

	.voidpulse-preview-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.voidpulse-preview-tools {
		align-items: stretch;
		flex-direction: column;
		width: 100%;
	}

	.voidpulse-simulate {
		justify-content: center;
	}

	.voidpulse-segmented {
		justify-content: stretch;
	}

	.voidpulse-segmented button {
		flex: 1;
	}

	.voidpulse-campaign-details {
		grid-template-columns: 1fr;
	}

	.voidpulse-preview-stage {
		height: 420px;
		padding: 24px;
	}

	.voidpulse-preview--tablet .voidpulse-preview-surface {
		width: min(94%, 520px);
	}

	.voidpulse-preview--mobile .voidpulse-preview-surface {
		width: min(78%, 330px);
	}

	.voidpulse-actions {
		align-items: stretch;
		flex-direction: column;
		position: static;
	}

	.voidpulse-custom-teaser {
		align-items: stretch;
		flex-direction: column;
	}

	.voidpulse-spacer {
		display: none;
	}

	.voidpulse-upgrade-hero {
		padding: 26px 18px;
	}

	.voidpulse-upgrade-hero h2 {
		font-size: 24px;
	}

	.voidpulse-widget-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {

	.voidpulse-toast {
		animation: none;
	}

	.voidpulse-skeleton-block {
		animation: none;
		background: var(--voidpulse-skeleton-base);
	}
}
