/**
 * Esmira (VX) Website Pack — [esmira_vx_my_site]
 *
 * Scoped under .esmira-vx-my-site.ts-form (same rules as Domains my-domains.css).
 */

.esmira-vx-my-site.ts-form {
	--esmira-vx-field-h: 44px;
	--esmira-vx-domains-gap: 12px;
}

.esmira-vx-my-site.ts-form .ts-description,
.esmira-vx-my-site.ts-form .esmira-vx-domains-lead {
	margin: 0 0 1rem;
	color: var(--ts-shade-2, #525a6e);
	font-size: var(--e-global-typography-text-font-size, 1rem);
	line-height: 1.5;
}

/* —— Form groups (Voxel) —— */

.esmira-vx-my-site.ts-form .ts-form-group {
	margin-bottom: 0;
}

.esmira-vx-my-site.ts-form .ts-form-group > label:not(.container-checkbox) {
	display: block;
	margin-bottom: 8px;
	padding-bottom: 0;
	font-size: var(--e-global-typography-text-font-size, 1rem);
	font-weight: inherit;
	color: var(--ts-shade-2, #525a6e);
}

/* —— Text inputs & selects —— */

.esmira-vx-my-site.ts-form input.ts-filter,
.esmira-vx-my-site.ts-form select.ts-filter,
.esmira-vx-my-site.ts-form textarea.ts-filter {
	display: block;
	width: 100%;
	height: var(--esmira-vx-field-h);
	min-height: var(--esmira-vx-field-h);
	margin: 0;
	padding: 0 16px;
	box-sizing: border-box;
	font: inherit;
	font-size: var(--e-global-typography-text-font-size, 1rem);
	line-height: normal;
	color: var(--ts-shade-1, #1a1d26);
	background: #fff;
	border: 1px solid var(--ts-shade-3, #a0a4ad);
	border-radius: var(--ts-radius, 7px);
	-webkit-appearance: none;
	appearance: none;
}

.esmira-vx-my-site.ts-form input.ts-filter:focus,
.esmira-vx-my-site.ts-form select.ts-filter:focus,
.esmira-vx-my-site.ts-form textarea.ts-filter:focus {
	outline: none;
	border-color: var(--ts-shade-2, #525a6e);
}

.esmira-vx-my-site.ts-form select.ts-filter {
	padding-right: 36px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23525a6e' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px 8px;
	cursor: pointer;
}

/* —— Buttons (Voxel ts-btn) —— */

.esmira-vx-my-site.ts-form .ts-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	height: var(--esmira-vx-field-h);
	min-height: var(--esmira-vx-field-h);
	margin: 0;
	padding: 10px 16px;
	box-sizing: border-box;
	font: inherit;
	font-size: var(--e-global-typography-text-font-size, 1rem);
	line-height: 1;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	border-radius: var(--ts-radius, 7px);
	transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	-webkit-appearance: none;
	appearance: none;
}

.esmira-vx-my-site.ts-form .ts-btn i {
	font-size: 1.125em;
	line-height: 1;
	--ts-icon-color: currentColor;
}

.esmira-vx-my-site.ts-form .ts-btn-1 {
	background: #fff;
	color: var(--ts-shade-2, #525a6e);
	border: 1px solid var(--ts-shade-3, #a0a4ad);
	--ts-icon-color: var(--ts-shade-2, #525a6e);
}

.esmira-vx-my-site.ts-form .ts-btn-1:hover {
	border-color: var(--ts-shade-2, #525a6e);
	color: var(--ts-shade-1, #1a1d26);
}

.esmira-vx-my-site.ts-form .ts-btn-2 {
	background: var(--ts-accent-1, #4f46e5);
	color: #fff;
	border: 1px solid var(--ts-accent-1, #4f46e5);
	--ts-icon-color: #fff;
}

.esmira-vx-my-site.ts-form .ts-btn-2:hover {
	background: var(--ts-accent-2, #4338ca);
	border-color: var(--ts-accent-2, #4338ca);
}

.esmira-vx-my-site.ts-form .ts-btn-4 {
	background: #fff;
	color: var(--ts-danger-1, #b42318);
	border: 1px solid var(--ts-shade-4, #d0d5dd);
	--ts-icon-color: var(--ts-danger-1, #b42318);
}

.esmira-vx-my-site.ts-form .ts-btn-4:hover {
	border-color: var(--ts-danger-1, #b42318);
	background: #fef3f2;
}

/* —— Domain picker row: select + connect button inline —— */

.esmira-vx-my-site.ts-form .esmira-vx-domains-add__row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 8px;
	width: 100%;
}

@media (max-width: 520px) {
	.esmira-vx-my-site.ts-form .esmira-vx-domains-add__row {
		flex-wrap: wrap;
	}
}

/* —— Notices —— */

.esmira-vx-my-site.ts-form .esmira-vx-domains-notice {
	margin: 0 0 1rem;
	padding: 10px 14px;
	border-radius: var(--ts-radius, 7px);
	font-size: 0.9375rem;
	line-height: 1.45;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-notice p {
	margin: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-notice--success {
	background: var(--ts-accent-4, #ecfdf3);
	color: var(--ts-accent-1, #027a48);
	border: 1px solid color-mix(in srgb, var(--ts-accent-1, #027a48) 25%, transparent);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-notice--error {
	background: #fef3f2;
	color: #b42318;
	border: 1px solid #fecdca;
}

/* —— Voxel-style error dialog —— */

.esmira-vx-domains-dialog {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.esmira-vx-domains-dialog__backdrop {
	position: absolute;
	inset: 0;
	display: block;
	background: rgba(16, 24, 40, 0.55);
	backdrop-filter: blur(2px);
}

.esmira-vx-domains-dialog__panel {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 440px;
	background: #fff;
	border-radius: var(--ts-radius, 10px);
	box-shadow: 0 20px 48px rgba(16, 24, 40, 0.24);
	overflow: hidden;
	animation: esmira-vx-domains-dialog-in 0.16s ease-out;
}

@keyframes esmira-vx-domains-dialog-in {
	from { opacity: 0; transform: translateY(8px) scale(0.98); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}

.esmira-vx-domains-dialog__head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 18px;
	border-bottom: 1px solid var(--ts-shade-4, #e4e7ec);
}

.esmira-vx-domains-dialog__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: #fef3f2;
	color: var(--ts-danger-1, #b42318);
	font-size: 18px;
	--ts-icon-color: var(--ts-danger-1, #b42318);
}

.esmira-vx-domains-dialog__title {
	margin: 0;
	flex: 1 1 auto;
	font-size: 1.0625rem;
	font-weight: 600;
	color: var(--ts-shade-1, #1a1d26);
}

.esmira-vx-domains-dialog__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	flex: 0 0 auto;
	border-radius: 7px;
	color: var(--ts-shade-2, #667085);
	text-decoration: none;
	--ts-icon-color: var(--ts-shade-2, #667085);
}

.esmira-vx-domains-dialog__close:hover {
	background: var(--ts-shade-5, #f2f4f7);
	color: var(--ts-shade-1, #1a1d26);
}

.esmira-vx-domains-dialog__body {
	padding: 18px;
	color: var(--ts-shade-2, #525a6e);
	font-size: 0.9375rem;
	line-height: 1.55;
}

.esmira-vx-domains-dialog__body p {
	margin: 0;
}

.esmira-vx-domains-dialog__foot {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 0 18px 18px;
}

.esmira-vx-domains-dialog__foot .ts-btn {
	text-decoration: none;
}

/* Self-contained primary button so the dialog renders correctly even when moved
   out of the .esmira-vx-my-site scope (JS appends it to <body>). */
.esmira-vx-domains-dialog__ok {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	min-height: 44px;
	padding: 10px 18px;
	box-sizing: border-box;
	font: inherit;
	font-size: var(--e-global-typography-text-font-size, 1rem);
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	background: var(--ts-accent-1, #4f46e5);
	border: 1px solid var(--ts-accent-1, #4f46e5);
	border-radius: var(--ts-radius, 7px);
	cursor: pointer;
}

.esmira-vx-domains-dialog__ok:hover {
	color: #fff;
	background: var(--ts-accent-2, #4338ca);
	border-color: var(--ts-accent-2, #4338ca);
}

/* —— Domain cards —— */

.esmira-vx-my-site.ts-form .esmira-vx-domains-list {
	display: flex;
	flex-direction: column;
	gap: var(--esmira-vx-domains-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item {
	overflow: hidden;
	border: 1px solid var(--ts-shade-4, #e4e7ec);
	border-radius: var(--ts-radius, 8px);
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

/* Top: domain + DNS status (white) */
.esmira-vx-my-site.ts-form .esmira-vx-domains-item__top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 14px 0 14px 16px;
	background: #fff;
	border-bottom: 1px solid var(--ts-shade-4, #e4e7ec);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__host {
	min-width: 0;
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3;
	word-break: break-word;
	color: var(--ts-shade-1, #1a1d26);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__dns-cluster {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	justify-self: end;
	flex-shrink: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: var(--esmira-vx-field-h);
	min-height: var(--esmira-vx-field-h);
	padding: 0 12px;
	border-radius: var(--ts-radius, 7px);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	box-sizing: border-box;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-badge--ok {
	background: var(--ts-accent-4, #ecfdf3);
	color: var(--ts-accent-1, #027a48);
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-badge--pending {
	background: #fffaeb;
	color: var(--ts-warning-1, #b54708);
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-badge--warn {
	background: var(--ts-shade-5, #f2f4f7);
	color: var(--ts-shade-2, #667085);
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-badge--fail {
	background: #fef3f2;
	color: var(--ts-danger-1, #b42318);
}

.esmira-vx-my-site.ts-form form.esmira-vx-dns-refresh,
.esmira-vx-my-site.ts-form .esmira-vx-dns-refresh {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	width: auto;
	max-width: none;
	margin: 0;
	margin-left: auto;
}

/* Voxel/Elementor: native button chrome stacks on .ts-btn — reset then re-apply variants */
.esmira-vx-my-site.ts-form button.ts-btn,
.esmira-vx-my-site.ts-form a.ts-btn.esmira-vx-dns-toggle {
	margin: 0;
	cursor: pointer;
	text-decoration: none;
	-webkit-appearance: none;
	appearance: none;
	background-clip: padding-box;
	box-shadow: none;
	box-sizing: border-box;
}

.esmira-vx-my-site.ts-form button.ts-btn {
	border: none;
	outline: none;
}

.esmira-vx-my-site.ts-form a.ts-btn.esmira-vx-dns-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: var(--esmira-vx-field-h);
	min-height: var(--esmira-vx-field-h);
	padding: 0 16px;
	font: inherit;
	font-size: var(--e-global-typography-text-font-size, 1rem);
	font-weight: inherit;
	line-height: 1;
	white-space: nowrap;
	border-radius: var(--ts-radius, 7px);
	background: #fff;
	color: var(--ts-shade-2, #525a6e);
	border: 1px solid var(--ts-shade-3, #a0a4ad);
	--ts-icon-color: var(--ts-shade-2, #525a6e);
}

.esmira-vx-my-site.ts-form a.ts-btn.esmira-vx-dns-toggle:hover {
	border-color: var(--ts-shade-2, #525a6e);
	color: var(--ts-shade-1, #1a1d26);
	text-decoration: none;
}

.esmira-vx-my-site.ts-form .ts-btn.esmira-vx-btn-icon {
	width: var(--esmira-vx-field-h);
	min-width: var(--esmira-vx-field-h);
	max-width: var(--esmira-vx-field-h);
	padding: 0;
}

.esmira-vx-my-site.ts-form button.ts-btn {
	font-family: inherit;
}

/* Body: connection / site + DNS panel (white) */
.esmira-vx-my-site.ts-form .esmira-vx-domains-item__body {
	padding: 14px 16px;
	background: #fff;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__status-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--ts-shade-2, #525a6e);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-status-chip strong {
	color: var(--ts-shade-1, #344054);
	margin-right: 4px;
	font-weight: 600;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-status--ready {
	color: var(--ts-accent-1, #027a48);
	font-weight: 600;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-status--missing_theme,
.esmira-vx-my-site.ts-form .esmira-vx-site-status--missing_plan {
	color: var(--ts-warning-1, #b54708);
	font-weight: 600;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-panel {
	margin: 14px 0 0;
	padding: 14px 0 0;
	border: 0;
	border-top: 1px solid var(--ts-shade-4, #e4e7ec);
	border-radius: 0;
	background: transparent;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-panel-notice {
	margin: 0 0 12px;
	padding: 10px 12px;
	border-radius: var(--ts-radius, 7px);
	font-size: 0.875rem;
	line-height: 1.5;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-panel-notice p {
	margin: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-panel-notice--error {
	background: #fef3f2;
	color: #b42318;
	border: 1px solid #fecdca;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-panel-notice--success {
	background: var(--ts-accent-4, #ecfdf3);
	color: var(--ts-accent-1, #027a48);
	border: 1px solid color-mix(in srgb, var(--ts-accent-1, #027a48) 25%, transparent);
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-panel__provider {
	margin-bottom: 12px;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-panel__provider label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--ts-shade-1, #344054);
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-panel__lead,
.esmira-vx-my-site.ts-form .esmira-vx-dns-panel__ok-note {
	margin: 0 0 10px;
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--ts-shade-2, #667085);
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-panel__ok-note {
	color: var(--ts-accent-1, #027a48);
}

/* Footer: actions + connect (subtle gray) */
.esmira-vx-my-site.ts-form .esmira-vx-domains-item__foot {
	padding: 14px 16px;
	background: var(--ts-shade-5, #f9fafb);
	border-top: 1px solid var(--ts-shade-4, #e4e7ec);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__toolbar-inline {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin-bottom: 12px;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__toolbar-inline .esmira-vx-dns-toggle,
.esmira-vx-my-site.ts-form .esmira-vx-domains-item__toolbar-inline form.esmira-vx-domains-item__remove {
	display: inline-flex;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__toolbar-inline form.esmira-vx-domains-item__remove .ts-btn {
	flex: 0 0 auto;
	width: auto;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__toolbar-inline .esmira-vx-dns-toggle,
.esmira-vx-my-site.ts-form .esmira-vx-domains-item__toolbar-inline form.esmira-vx-domains-item__remove .ts-btn {
	height: var(--esmira-vx-field-h);
	min-height: var(--esmira-vx-field-h);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__connect {
	padding-top: 12px;
	border-top: 1px solid var(--ts-shade-4, #e4e7ec);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__meta {
	margin: 0 0 12px;
	color: var(--ts-shade-2, #525a6e);
	font-size: 0.9375rem;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__meta a {
	color: var(--ts-accent-1, #4f46e5);
	text-decoration: none;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__meta a:hover {
	text-decoration: underline;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-dns-records {
	margin: 0 0 12px;
	padding: 12px 14px;
	border-radius: var(--ts-radius, 7px);
	background: #fff;
	border: 1px solid var(--ts-shade-4, #e4e7ec);
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--ts-shade-2, #525a6e);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-dns-records strong {
	display: block;
	margin-bottom: 6px;
	color: var(--ts-shade-1, #344054);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-dns-records code {
	display: inline-block;
	margin-right: 6px;
	padding: 2px 6px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid var(--ts-shade-4, #e4e7ec);
	font-size: 0.9em;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-dns-note {
	margin: 2px 0 10px;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--ts-shade-2, #667085);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__actions form {
	margin: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-action-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 8px;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-action-row .ts-form-group {
	flex: 1 1 200px;
	min-width: 0;
	margin: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-action-row .ts-btn {
	flex: 0 0 auto;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__hint {
	margin: 0;
	color: var(--ts-shade-3, #667085);
	font-size: 0.875rem;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-empty {
	margin: 0;
	padding: 16px;
	border: 1px dashed var(--ts-shade-4, #d0d5dd);
	border-radius: var(--ts-radius, 8px);
	color: var(--ts-shade-2, #525a6e);
	font-size: 0.9375rem;
	text-align: center;
}

/* —— DNS status badges (admin table fallback) —— */

.esmira-vx-my-site.ts-form .esmira-vx-dns-ok {
	color: var(--ts-accent-1, #027a48);
	font-weight: 600;
	font-size: 0.875rem;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-pending {
	color: var(--ts-warning-1, #b54708);
	font-weight: 600;
	font-size: 0.875rem;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-warn {
	color: var(--ts-shade-2, #667085);
	font-weight: 600;
	font-size: 0.875rem;
}

.esmira-vx-my-site.ts-form .esmira-vx-dns-fail {
	color: var(--ts-danger-1, #b42318);
	font-weight: 600;
	font-size: 0.875rem;
}

/* —— Connect listing (type → listing) —— */

.esmira-vx-my-site.ts-form .esmira-vx-connect-listing-fields {
	margin: 0 0 var(--esmira-vx-domains-gap);
	width: 100%;
}

.esmira-vx-my-site.ts-form .esmira-vx-connect-lead {
	margin: 0 0 10px;
	font-size: 0.875rem;
	color: var(--ts-shade-2, #525a6e);
}

.esmira-vx-my-site.ts-form .esmira-vx-connect-type-wrap,
.esmira-vx-my-site.ts-form .esmira-vx-connect-listing-wrap {
	margin-bottom: 10px;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-action-row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--esmira-vx-domains-gap);
	align-items: flex-end;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-action-row .esmira-vx-connect-listing-fields {
	flex: 1 1 100%;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-action-row > .ts-btn {
	flex: 0 0 auto;
}

/* —— Registrar inventory list ([esmira_vx_my_site] client area) —— */

.esmira-vx-my-site.ts-form .esmira-vx-domains-inventory-list {
	display: flex;
	flex-direction: column;
	gap: var(--esmira-vx-domains-gap);
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-inventory-item {
	padding: 14px 16px;
	border: 1px solid var(--ts-shade-4, #e4e7ec);
	border-radius: var(--ts-radius, 8px);
	background: #fff;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-inventory-item__main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin-bottom: 8px;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-inventory-item__host {
	font-size: 1.0625rem;
	font-weight: 600;
	color: var(--ts-shade-1, #1a1d26);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-inventory-badge {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	background: var(--ts-accent-4, #ecfdf3);
	color: var(--ts-accent-1, #027a48);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-inventory-badge--external {
	background: var(--ts-shade-5, #f2f4f7);
	color: var(--ts-shade-2, #667085);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-inventory-item__hint {
	margin: 0 0 12px;
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--ts-shade-2, #525a6e);
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-inventory-item__remove {
	margin: 0;
}

/* Theme picker */

.esmira-vx-my-site.ts-form .esmira-vx-my-site-themes {
	margin: 0 0 28px;
}

.esmira-vx-my-site.ts-form .esmira-vx-my-site-themes__title {
	margin: 0 0 6px;
	font-size: 1.125rem;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-listing {
	margin: 16px 0 0;
	padding: 16px;
	border: 1px solid var(--ts-shade-4, #e4e7ec);
	border-radius: var(--ts-radius, 8px);
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-listing__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 12px;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-listing__share {
	margin: -6px 0 12px;
	font-size: 0.875rem;
	color: var(--ts-shade-2, #667085);
	overflow-wrap: anywhere;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-listing__share code {
	padding: 2px 6px;
	border-radius: 4px;
	background: var(--ts-shade-5, #f2f4f7);
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-card__actions {
	flex-wrap: wrap;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 16px;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--ts-shade-4, #e4e7ec);
	border-radius: var(--ts-radius, 8px);
	background: #fff;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-card.is-active {
	border-color: var(--ts-accent-1, #027a48);
	box-shadow: 0 0 0 1px var(--ts-accent-1, #027a48);
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-card__thumb {
	display: block;
	width: 100%;
	height: 140px;
	object-fit: cover;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-card__body {
	padding: 12px 14px 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-card__body .description {
	margin: 4px 0 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--ts-shade-2, #667085);
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-card__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	padding: 14px;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-card__actions form {
	margin: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-theme-card__badge {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	background: var(--ts-accent-4, #ecfdf3);
	color: var(--ts-accent-1, #027a48);
}

/* Per-listing Elementor widgets (site status, designs) */

.esmira-vx-my-site.esmira-vx-listing-widget {
	margin: 0;
}

.esmira-vx-my-site.esmira-vx-listing-widget .esmira-vx-my-site-themes,
.esmira-vx-my-site.esmira-vx-listing-widget .esmira-vx-theme-listing {
	margin-bottom: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-status__state {
	margin: 0 0 12px;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-status__state--ready strong {
	color: var(--ts-accent-1, #027a48);
}

.esmira-vx-my-site.ts-form .esmira-vx-site-status__facts {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: grid;
	gap: 8px;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-status__facts li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--ts-shade-4, #e4e7ec);
}

.esmira-vx-my-site.ts-form .esmira-vx-site-status__facts li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-status__facts span {
	color: var(--ts-shade-2, #667085);
	font-size: 0.875rem;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-status__actions {
	margin: 0 0 12px;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-settings {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--ts-shade-4, #e4e7ec);
	display: grid;
	gap: 12px;
	justify-items: start;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-settings .ts-form-group {
	width: 100%;
	margin: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-settings textarea {
	width: 100%;
	min-height: 84px;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-settings .description {
	margin: 6px 0 0;
	font-size: 0.8125rem;
	color: var(--ts-shade-2, #667085);
}

.esmira-vx-my-site.ts-form .esmira-vx-listing-domain {
	margin: 0;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-item__toolbar-inline {
	display: flex;
	align-items: center;
	gap: 8px;
}

.esmira-vx-my-site.ts-form .esmira-vx-domain-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 12px;
}

.esmira-vx-my-site.ts-form .esmira-vx-domain-card--locked {
	opacity: 0.6;
}

.esmira-vx-my-site.ts-form .esmira-vx-domain-card__state {
	font-size: 0.8125rem;
	color: var(--ts-shade-2, #667085);
}

.esmira-vx-my-site.ts-form .esmira-vx-domain-select .esmira-vx-domains-add__row {
	display: flex;
	gap: 8px;
	align-items: center;
}

.esmira-vx-my-site.ts-form .esmira-vx-domains-client-area {
	margin: 12px 0 0;
	font-size: 0.8125rem;
}

.esmira-vx-my-site.ts-form .esmira-vx-site-plan__warning {
	color: var(--ts-warning, #b54708);
	font-weight: 600;
}