@keyframes omnisend-loader-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Omnisend typography */
.omnisend-content-body {
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px;
}

.omnisend-content-body.strong {
	font-weight: 400;
}

.omnisend-content-lead {
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.omnisend-content-lead.strong {
	font-weight: 500;
}

.omnisend-content-h1 {
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Roboto;
	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 48px;
}

.omnisend-content-h4 {
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
}

.omnisend-content-caption {
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 24px;
	text-transform: uppercase;
}

/* End Omnisend typography */
/* Omnisend component styles */
.omnisend-kb-link {
	display: inline-flex;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-decoration-line: underline;
	color: #2f8481;
	cursor: pointer;
}

.omnisend-kb-link img {
	margin-left: 4px;
}

.omnisend-kb-link:focus,
.omnisend-kb-link:active,
.omnisend-kb-link:hover {
	color: #2f8481;
}

.omnisend-notice {
	font-family: 'Roboto';
	display: inline-flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
	flex-wrap: wrap;
	padding: 16px 24px;
	background: #fff4da;
	border-radius: 4px;
}

.omnisend-notice.omnisend-notice-danger {
	background: #fededf;
}

.omnisend-notice.omnisend-notice-success {
	background: #e1f5ee;
}

.omnisend-notice.omnisend-notice-neutral {
	background: #f5f5f5;
}

.omnisend-notice.omnisend-notice-promo {
	background: #dbf1ff;
}

.omnisend-notice.omnisend-notice-warning {
	background: #fff4da;
}

.omnisend-notice.margin-top {
	margin-top: 24px;
}

.omnisend-notice.margin-bottom {
	margin-bottom: 40px;
}

.omnisend-notice .omnisend-notice-content-container {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.omnisend-notice .omnisend-notice-texts-container {
	display: grid;
	gap: 8px;
}

.omnisend-notice p {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	margin: 0;
}

.omnisend-notice .omnisend-notice-desc {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #3a414c;
}

.omnisend-notice a {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #2f8481;
}

.omnisend-notice .omnisend-primary-button {
	margin-left: 40px;
}

.omnisend-primary-button {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #35938f;
	border-radius: 8px;
	color: white;
	height: 40px;
	border: none;
	padding: 0 16px;
	cursor: pointer;
	gap: 8px;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

a.omnisend-primary-button {
	text-decoration: none;
	color: white;
	outline: none;
	box-shadow: none;
}

.omnisend-primary-button.danger {
	background: #ff5b5d;
}

.omnisend-primary-button.danger.disabled {
	pointer-events: none;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), #ff5b5d;
}

.omnisend-primary-button:disabled {
	pointer-events: none;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.60) 100%), #35938f;
}

.omnisend-secondary-button {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	color: #2f8481;
	height: 40px;
	border: 1px solid #2f8481;
	background: transparent;
	padding: 8px 16px;
	cursor: pointer;
	gap: 8px;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	transition: all 0.2s ease;
}

.omnisend-secondary-button:hover {
	background: #2f8481;
	border-color: #2f8481;
	color: white;
}

.omnisend-checkbox {
	height: 16px !important;
	width: 16px !important;
}

.omnisend-checkbox:checked::before {
	width: 22px !important;
}

.omnisend-input {
	width: 100%;
	max-width: 316px;
	height: 40px;
}

/* Modern tabs container */
.omnisend-tabs-container {
	background: #ffffff;
	border-bottom: 1px solid #e1e5e9;
	margin: 0 -20px 0 -20px;
	padding: 0 20px;
}

.omnisend-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #6c757d;
	font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	padding: 16px 24px;
	margin: 0;
	border: none;
	background: none;
	cursor: pointer;
	position: relative;
	transition: all 0.2s ease;
	border-radius: 0;
	min-width: 80px;
}

.omnisend-tab:hover,
.omnisend-tab:focus {
	outline: none;
	box-shadow: none;
	color: #2f8481;
	background: rgba(47, 132, 129, 0.05);
}

.omnisend-tab.active {
	color: #2f8481;
	background: rgba(47, 132, 129, 0.08);
	border-bottom: 2px solid #2f8481;
}

.omnisend-tab.active::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 2px;
	background: #2f8481;
}

/* End Omnisend component styles */
.omnisend-hook-message {
	background-color: #a9cce3;
}

.omnisend-logo {
	margin-top: 32px;
}

.omnisend-logo img {
	width: 160px;
	height: auto;
}

.clean-log {
	margin-bottom: 24px !important;
}

.logging_status {
	line-height: 19px;
	padding: 11px 15px;
	font-size: 14px;
	text-align: left;
	margin: 24px 0;
	background-color: #fff;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	display: inline-block;
}

.logging_enabled {
	border-left: 4px solid green;
}

.logging_disabled {
	border-left: 4px solid #ffba00;
}

.fixed td.fixed_date {
	width: 140px;
	min-width: 140px;
}

.fixed td.fixed_type {
	width: 60px;
	min-width: 60px;
}

.fixed td.fixed_endpoint {
	width: 100px;
	min-width: 100px;
}

.fixed td.fixed_url {
	width: 360px;
	min-width: 360px;
}

.plugin-version p {
	color: #6b747c;
}

.settings-page .connected {
	padding: 24px;
	margin: 0 -20px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
}

.settings-page .connected .connected-left-block {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	align-items: center;
}

.settings-page .connected .connected-left-block .tag {
	padding: 4px 8px;
	border-radius: 12px;
	background: #35938f;
	color: #fff;
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

.settings-page .connected a {
	outline: none;
	text-decoration: none;
	display: inline-flex;
}

.settings-page .settings-section {
	width: 100%;
	padding: 0;
	border-bottom: none;
	margin-bottom: 20px;
}

/* Card-based layout */
.omnisend-settings-card {
	background: white;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 32px;
	margin-bottom: 24px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.omnisend-settings-card h3 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #1e2423;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
}

.omnisend-settings-card .omnisend-content-body {
	margin-bottom: 20px;
	color: #666;
	font-size: 14px;
	line-height: 1.5;
}

/* Right sidebar cards */
.omnisend-sidebar-cards {
	position: absolute;
	right: 20px;
	top: 0;
	width: 320px;
}

.omnisend-sidebar-card {
	background: white;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.omnisend-sidebar-card h4 {
	margin-top: 0;
	margin-bottom: 16px;
	color: #1e2423;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
}

.omnisend-sidebar-card .omnisend-content-body {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 16px;
	color: #666;
}

.omnisend-sidebar-card a {
	color: #2f8481;
	text-decoration: none;
	font-weight: 500;
}

.omnisend-sidebar-card a:hover {
	text-decoration: underline;
}

/* Main content wrapper for positioning */
.settings-main-wrapper {
	position: relative;
	max-width: 1200px;
	margin-top: 20px;
}

/* Improve overall page spacing */
.settings-page {
	padding: 0;
}

.settings-main-content {
	margin-right: 360px;
}

@media screen and (max-width: 960px) {
	.settings-page .settings-section {
		width: 100%;
	}

	.settings-main-content {
		margin-right: 0;
	}

	.omnisend-sidebar-cards {
		position: static;
		width: 100%;
		margin-top: 20px;
	}
}

.settings-page .settings-section .settings-page-title {
	color: #000;
	margin: 0;
}

.settings-page .settings-section .setting-title {
	color: #1e2423;
	margin-top: 0;
	margin-bottom: 16px;
}

.settings-page .settings-section .setting-control-container {
	display: flex;
	gap: 8px;
	align-items: baseline;
}

.settings-page .settings-section .setting-control-container .setting-checkbox {
	position: relative;
	top: 4px;
	margin: 0;
}

.settings-page .settings-section .setting-control-container .setting-input-container {
	margin-top: 16px;
}

.omnisend-settings-card .setting-input-container {
	margin-top: 20px;
}

.omnisend-settings-card .setting-input-container .omnisend-content-body {
	margin-bottom: 12px;
	font-weight: 500;
}

.settings-page .settings-section .setting-control-container .setting-input-container .setting-input-wrapper {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	align-items: center;
	margin-top: 8px;
}

.settings-page .settings-section .setting-control-container .setting-input-container .setting-input-wrapper input {
	flex: 1;
	min-width: 200px;
	height: 40px;
}

.settings-page .settings-section .setting-control-container .setting-input-container .setting-input-wrapper button {
	flex-shrink: 0;
	height: 40px;
	white-space: nowrap;
	width: auto;
}

/* More specific targeting for the input-wrapper */
.setting-input-wrapper {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	align-items: center !important;
	margin-top: 8px !important;
	width: 100% !important;
}

/* Ensure the input wrapper doesn't have any block-level behavior */
#checkout_opt_in_text_input_container .setting-input-wrapper,
#checkout_sms_opt_in_text_input_container .setting-input-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
}

.setting-input-wrapper input {
	flex: 1 !important;
	min-width: 200px !important;
	height: 40px !important;
}

.setting-input-wrapper button {
	flex-shrink: 0 !important;
	height: 40px !important;
	white-space: nowrap !important;
	width: auto !important;
	display: inline-flex !important;
	max-width: none !important;
}

/* Override any full-width button styles */
.setting-input-wrapper .omnisend-primary-button {
	width: auto !important;
	max-width: none !important;
	display: inline-flex !important;
}

/* Force checkbox alignment */
.setting-control-container {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
}

.setting-control-container input[type="checkbox"] {
	margin-top: 4px !important;
	flex-shrink: 0 !important;
	position: relative !important;
	top: 0 !important;
}

/* Force button inline layout with improved spacing */

#checkout_opt_in_text_input_container .setting-input-wrapper,
#checkout_sms_opt_in_text_input_container .setting-input-wrapper,
#contact_tag_input_container .setting-input-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 16px !important;
	width: 100% !important;
}

/* Add spacing between label and input */
#checkout_opt_in_text_input_container .omnisend-content-body.strong,
#checkout_sms_opt_in_text_input_container .omnisend-content-body.strong {
	margin-bottom: 8px !important;
}

/* Add spacing between sections */
.setting-control-container {
	margin-bottom: 24px !important;
}

/* Log Settings Switch UI */
.logging-control-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0;
	padding: 16px;
	background: #f8f9fa;
	border-radius: 8px;
	border: 1px solid #e9ecef;
}

.logging-control-content {
	display: flex;
	align-items: center;
	gap: 16px;
}

.logging-label {
	font-weight: 600;
	color: #1d2327;
	margin: 0;
}

/* Switch Component - Omnisend Style */
.switch {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
}

.switch input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.switch .thumb {
	width: 40px;
	height: 24px;
	border-radius: 12px;
	background: #E5E7EB;
	position: relative;
	transition: all 0.2s ease;
	box-shadow: inset 0 0 0 1px #D1D5DB;
}

.switch .thumb::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	transition: all 0.2s ease;
}

.switch input:checked + .thumb {
	background: #35938f;
	box-shadow: none;
}

.switch input:checked + .thumb::after {
	transform: translateX(16px);
	background: #fff;
}

.switch input:focus-visible + .thumb {
	outline: none;
	box-shadow: 0 0 0 2px #35938f;
}

/* Status Chip - Omnisend Style */
.status-chip {
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.status-chip.status-on {
	background: #E8F5E9;
	color: #2E7D32;
	border: none;
}

.status-chip.status-off {
	background: #F5F5F5;
	color: #757575;
	border: none;
}

.logging-actions {
	display: flex;
	align-items: center;
}

.clean-log-button {
	width: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.2s ease;
}

.clean-log-button-external {
	display: inline-flex;
	margin-top: 10px;
	min-width: 130px;
}

.logging-subtext {
	margin-top: 8px;
	font-size: 13px;
	color: #6c757d;
	font-style: italic;
}

#checkout_opt_in_text_input_container .setting-input-wrapper input,
#checkout_sms_opt_in_text_input_container .setting-input-wrapper input,
#contact_tag_input_container .setting-input-wrapper input {
	flex: 1 !important;
	min-width: 200px !important;
	height: 40px !important;
}

#checkout_opt_in_text_input_container .setting-input-wrapper button,
#checkout_sms_opt_in_text_input_container .setting-input-wrapper button,
#contact_tag_input_container .setting-input-wrapper button {
	flex-shrink: 0 !important;
	height: 40px !important;
	width: auto !important;
	display: inline-flex !important;
}

/* Disconnect button styling */
.omnisend-disconnect-button {
	display: inline-block;
	text-align: center;
}

/* Fix preselect checkbox alignment and spacing - override inline styles */
div[style*="display: flex"] + .setting-control-container.inner-control,
.setting-control-container.inner-control {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin-top: 8px !important;
}

/* Force override any inline styles */
.omnisend-settings-card .setting-control-container.inner-control {
	margin-top: 8px !important;
}

/* Ultra specific targeting for preselect sections */
#checkout_opt_in_text_input_container ~ .setting-control-container.inner-control,
#checkout_sms_opt_in_text_input_container ~ .setting-control-container.inner-control {
	margin-top: 8px !important;
}

.setting-control-container.inner-control input[type="checkbox"] {
	margin-top: 2px !important;
	flex-shrink: 0 !important;
	vertical-align: top !important;
}

.setting-control-container.inner-control .omnisend-preselect-container {
	flex: 1;
}

.setting-control-container.inner-control .omnisend-preselect-container label {
	display: block !important;
	margin-bottom: 4px !important;
	line-height: 1.4 !important;
}

.setting-control-container.inner-control .omnisend-preselect-container .omnisend-content-body:not(.strong) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 1.5 !important;
	font-weight: 300 !important;
}

.settings-page .settings-section .setting-kb-link {
	margin-top: 24px;
}

.settings-page .omnisend-navigation-tabs {
	display: flex;
	gap: 0;
	align-items: center;
}

/* Ensure proper alignment for single-column layouts */
.settings-page .settings-main-wrapper.single-column .settings-main-content {
	margin-right: 0;
}

/* ========================================
	LOG SETTINGS PANEL (First Card)
	======================================== */

/* Log Settings - Fixed width, responsive on smaller screens */
.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:first-child {
	max-width: 600px !important;
	width: 600px !important;
	box-sizing: border-box;
}

/* Log Settings - Responsive behavior */
@media screen and (max-width: 1200px) {
	.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:first-child {
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* Log Settings - Internal layout improvements */
.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:first-child .logging-control-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:first-child .logging-control-content {
	display: flex;
	align-items: center;
	gap: 12px;
}

.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:first-child .logging-actions {
	flex-shrink: 0;
}

/* ========================================
	SYSTEM LOGS PANEL (Last Card)
	======================================== */

/* System Logs - Container for full width */
.settings-page .settings-main-wrapper.single-column.logs-page {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 20px;
	box-sizing: border-box;
	margin-left: 0;
}

/* System Logs - Full width with proper spacing */
.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:last-child {
	max-width: none !important;
	width: calc(100% + 50px) !important;
	margin-left: 0 !important;
	margin-right: 20px !important;
}

/* Responsive adjustments for different screen sizes */
@media screen and (max-width: 1200px) {
	.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:first-child {
		max-width: 100% !important;
		width: 100% !important;
	}
}


@media screen and (max-width: 768px) {
	.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:first-child {
		max-width: 100% !important;
		width: 100% !important;
	}

	.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:last-child {
		padding: 16px;
	}
}

@media screen and (max-width: 480px) {
	.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:first-child {
		max-width: 100% !important;
		width: 100% !important;
	}

	.settings-page .settings-main-wrapper.single-column.logs-page .omnisend-settings-card:last-child {
		padding: 12px;
	}
}

/* Sync page specific styling - make both cards same width */
.settings-page .settings-main-wrapper.single-column.sync-page .omnisend-settings-card {
	max-width: 66.666667%;
}

.settings-page .sync-stats {
	margin-top: 15px;
	margin-bottom: 25px;
}

.settings-page .sync-stats .omnisend-warn {
	color: red !important;
}

.settings-page .sync-loader .sync-spinner {
	display: inline-block;
	vertical-align: text-bottom;
	border: 0.25em solid #2b7f13;
	border-right-color: transparent;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	animation: omnisend-loader-spin 2s linear infinite;
}

.settings-page .sync-loader span {
	color: #2b7f13;
	padding-left: 5px;
}

.settings-page .resync-contacts {
	margin-top: 35px;
}

.settings-page .notice {
	margin-top: 0px;
	margin-left: 0px;
}

.settings-page .notice.api-key-success-notice {
	margin-top: 24px;
}

.connection-container {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 0;
	background-color: white;
	padding: 64px 64px 40px 88px;
	margin-left: -20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.connection-container .connection-info-container {
	display: flex;
	justify-content: space-between;
	gap: 80px;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1080px;
}

@media screen and (max-width: 960px) {
	.connection-container .connection-info-container {
		justify-content: center;
	}
}

.connection-container .connection-info-container .connection-content-left {
	max-width: 416px;
}

@media screen and (max-width: 960px) {
	.connection-container .connection-info-container .connection-content-left {
		text-align: center;
	}
}

.connection-container .connection-info-container .connection-content-left .title-text {
	font-weight: 700;
	font-size: 40px;
	line-height: 47px;
	text-align: left;
	color: #000;
	margin: 0;
}

.connection-container .connection-info-container .connection-content-left .sub-title-text {
	margin: 0;
	margin-top: 16px;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	max-width: 640px;
	color: #1e2423;
}

@media screen and (max-width: 960px) {
	.connection-container .connection-info-container .connection-content-left .sub-title-text {
		text-align: center;
	}
}

.connection-container .connection-info-container .connection-content-left .connection-btns {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 32px;
	margin-bottom: 40px;
}

.connection-container .connection-info-container .connection-content-left .connection-btns a {
	outline: none;
	text-decoration: none;
	align-self: flex-start;
}

@media screen and (max-width: 960px) {
	.connection-container .connection-info-container .connection-content-left .connection-btns a {
		align-self: center;
	}
}

.connection-container .connection-info-container .connection-content-left .connection-btns .create-account-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 304px;
	height: 52px;
	background: #2f8481;
	border-radius: 8px;
	color: white;
	border: none;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.connection-container .connection-info-container .connection-content-left .connection-btns .connect-account-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 304px;
	height: 52px;
	border-radius: 8px;
	color: #2f8481;
	border: 2px solid #2f8481;
	background-color: transparent;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.connection-container .connection-info-container .connection-content-left .connection-btns .disabled {
	pointer-events: none;
}

.connection-container .connection-info-container .connection-content-left .connection-btns .disabled .create-account-btn {
	background: #aed4d2;
}

.connection-container .connection-info-container .connection-content-left .connection-btns .disabled .connect-account-btn {
	color: #aed4d2;
	border-color: #aed4d2;
}

.connection-container .connection-info-container .connection-content-right {
	margin-left: -8px;
}

.connection-container .connection-info-container .connection-content-right .connection-image {
	max-width: 100%;
}

@media screen and (max-width: 640px) {
	.connection-container {
		padding: 24px;
	}

	.connection-btns a,
	.connection-btns .connect-account-btn,
	.connection-btns .create-account-btn {
		width: 100%;
		max-width: 304px;
	}
}

/* Landing page styles */
.omnisend-woo-landing-page {
	background: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: -20px;
	padding: 0 48px 80px 48px;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 100%;
	max-width: 1080px;
	box-sizing: border-box;
	color: #1e2423;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-caption {
	margin-bottom: 16px;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-h1 {
	margin-bottom: 40px;
	font-weight: 800;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-text-body {
	font-family: Roboto;
	font-size: 22px;
	font-stretch: normal;
	font-style: normal;
	font-weight: 300;
	letter-spacing: normal;
	line-height: 36px;
	margin-bottom: 80px;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-features-images {
	max-width: 100%;
	display: flex;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-plugins-list-image {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-page-banner {
	margin-top: 16px;
	width: 100%;
	background: #35938f;
	border-radius: 24px;
	padding: 48px;
	box-sizing: border-box;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-page-banner .omnisend-woo-landing-page-banner-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-page-banner .omnisend-woo-landing-page-banner-content .omnisend-woo-landing-page-banner-header {
	color: #fff;
	margin-bottom: 24px;
	max-width: 640px;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-page-banner .omnisend-woo-landing-page-banner-content .omnisend-woo-landing-page-banner-text {
	font-family: Roboto;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	max-width: 780px;
	margin-bottom: 32px;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-page-banner .omnisend-woo-landing-page-banner-content .omnisend-woo-landing-page-banner-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-page-banner .omnisend-woo-landing-page-banner-content .omnisend-woo-landing-page-banner-buttons a {
	text-decoration: none;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-page-banner .omnisend-woo-landing-page-banner-content .omnisend-woo-landing-page-banner-buttons .primary-btn-mod {
	width: 300px;
	height: 52px;
	background-color: white;
	color: #35938f;
	font-size: 16px;
	font-weight: 500;
}

.omnisend-woo-landing-page .omnisend-woo-landing-page-content .omnisend-woo-landing-page-banner .omnisend-woo-landing-page-banner-content .omnisend-woo-landing-page-banner-buttons .secondary-btn-mod {
	width: 300px;
	height: 52px;
	background-color: transparent;
	color: white;
	border-color: white;
	font-size: 16px;
	font-weight: 500;
}

.omnisend-preselect-container {
	margin-bottom: 0;
}

/* Disconnect button styles */
.connected-actions {
	display: flex;
	gap: 10px;
	align-items: center;
}

.connected-disconnect-section {
	margin-top: 20px;
	padding: 20px 0;
	border-top: 1px solid #e0e0e0;
	text-align: left;
}

.omnisend-disconnect-button {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	color: #dc3232;
	height: 36px;
	border: 1px solid #dc3232;
	padding: 6px 12px;
	cursor: pointer;
	gap: 6px;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	background: transparent;
	transition: all 0.2s ease;
	width: 100%;
}

.omnisend-disconnect-button:hover {
	background: #dc3232;
	color: white;
}

.omnisend-disconnect-button .dashicons {
	font-size: 14px;
}

.omnisend-disconnect-button:disabled {
	background: #f0f0f0;
	color: #ccc;
	border-color: #ccc;
	cursor: not-allowed;
}

/* Layout utility classes */
.omnisend-flex {
	display: flex;
}

.omnisend-flex-column {
	flex-direction: column;
}

.omnisend-flex-row {
	flex-direction: row;
}

.omnisend-align-start {
	align-items: flex-start;
}

.omnisend-align-center {
	align-items: center;
}

.omnisend-align-baseline {
	align-items: baseline;
}

.omnisend-gap-small {
	gap: 8px;
}

.omnisend-gap-medium {
	gap: 12px;
}

.omnisend-gap-large {
	gap: 16px;
}

.omnisend-flex-1 {
	flex: 1;
}

.omnisend-flex-shrink-0 {
	flex-shrink: 0;
}

/* Spacing utility classes */
.omnisend-margin-top-small {
	margin-top: 8px;
}

.omnisend-margin-top-medium {
	margin-top: 12px;
}

.omnisend-margin-top-large {
	margin-top: 20px;
}

.omnisend-margin-left-small {
	margin-left: -4px;
}

.omnisend-margin-bottom-none {
	margin-bottom: 0;
}

.omnisend-margin-top-negative {
	margin-top: -6px;
}

/* Form control classes */
.omnisend-setting-control-container {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	margin-bottom: 24px !important;
}

.omnisend-setting-control-container.no-margin {
	margin-bottom: 0 !important;
}

.omnisend-setting-control-container.inner {
	margin-top: 16px !important;
}

.omnisend-setting-control-container.inner .setting-checkbox {
	position: relative !important;
	top: 0 !important;
	margin: 0 !important;
}

.omnisend-setting-control-container.inner .omnisend-preselect-container {
	flex: 1;
}

.omnisend-setting-control-container.inner .omnisend-preselect-container label {
	display: block !important;
	margin-bottom: 4px !important;
	line-height: 1.4 !important;
}

.omnisend-setting-control-container.inner .omnisend-preselect-container .omnisend-content-body:not(.strong) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 1.5 !important;
	font-weight: 300 !important;
}

.omnisend-checkbox-wrapper {
	margin-top: 2px !important;
	flex-shrink: 0 !important;
}

.omnisend-input-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 12px !important;
}

.omnisend-input-flex {
	flex: 1 !important;
	min-width: 200px !important;
}

.omnisend-button-flex {
	flex-shrink: 0 !important;
	width: auto !important;
}

.omnisend-label-wrapper {
	margin-left: -4px !important;
}

.omnisend-label-block {
	margin-top: -6px !important;
	display: block !important;
}

.omnisend-content-wrapper {
	margin-top: -6px !important;
}

/* Account information specific */
.omnisend-account-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Logs specific */
.omnisend-logs-container {
	padding-right: 20px;
	box-sizing: border-box;
}

.omnisend-logs-clean {
	margin-top: 12px;
	padding: 16px;
	background: #f8f9fa;
	border-radius: 4px;
	color: #6c757d;
}

.omnisend-logs-table-container {
	margin-top: 16px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.omnisend-logs-table {
	width: 100%;
}

.omnisend-logs-table th,
.omnisend-logs-table td {
	word-wrap: break-word;
	white-space: normal;
}


/* Sync actions specific */
.omnisend-sync-actions {
	margin-top: 20px;
}

.omnisend-sync-actions-content {
	margin-top: 12px;
}

/* Icon and text combination */
.omnisend-icon-text {
	display: flex !important;
	align-items: baseline !important;
	gap: 8px !important;
	margin-bottom: 2px !important;
}

.omnisend-icon-text .omnisend-content-body.strong {
	color: #2c3e50;
	font-size: 16px;
}

.omnisend-icon-text .omnisend-icon {
	font-size: 16px;
	line-height: 1;
	opacity: 0.7;
	transform: translateY(1px);
}

/* Font size utilities */
.omnisend-font-small {
	font-size: 13px;
}

/* Subscriber sections with borders */
.omnisend-subscriber-section {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 20px;
	margin-top: 20px;
	background: #ffffff;
}

.omnisend-subscriber-heading {
	margin: 0 0 16px 0;
	color: #1e2423;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
