/* WordPress-native polish for miniOrange 2FA admin screens. */
:root {
	--mo2f-wp-accent: #2271b1;
	--mo2f-wp-accent-hover: #135e96;
	--mo2f-wp-accent-soft: #f0f6fc;
	--mo2f-wp-border: #c3c4c7;
	--mo2f-wp-border-soft: #dcdcde;
	--mo2f-wp-bg: #f0f0f1;
	--mo2f-wp-card: #fff;
	--mo2f-wp-text: #1d2327;
	--mo2f-wp-muted: #646970;
	--mo2f-wp-success: #00a32a;
	--mo2f-wp-error: #d63638;
}

.mo2f_plugin_dashboard,
.mo2f_setup_wizard,
.mo2f_body {
	background: var(--mo2f-wp-bg);
	color: var(--mo2f-wp-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.mo2f_plugin_dashboard *,
.mo2f_setup_wizard *,
.mo2f_body * {
	letter-spacing: 0;
}

.mo2f-header,
.mo2f-tw-top-content,
.mo2f-setup-wizard-header {
	background: var(--mo2f-wp-card) !important;
	border: 1px solid var(--mo2f-wp-border-soft);
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text);
}

.mo2f-settings-div,
.mo2f-tw-thumbnail,
.mo2f-table-layout,
.mo2f-tw-table-layout,
.card,
.mo_contactus_popup_wrapper,
.mo2f_deactivation_popup_wrapper {
	background: var(--mo2f-wp-card) !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text);
}

.mo2f-settings-div:hover,
.mo2f-tw-thumbnail:hover,
.mo2f-method-tile:hover,
.mo2f_login_form_tile:hover {
	border-color: var(--mo2f-wp-border) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04) !important;
}

.mo2f-settings-head,
.mo2f-email-notifications-head,
.mo2f-method-name,
.mo2f-plugin-name,
.mo2f-heading,
.mo2f-setup-two-factor-title {
	color: var(--mo2f-wp-text) !important;
	font-weight: 600 !important;
}

.mo2f-settings-items,
.mo2f-sub-settings-items,
.mo2f-method-hint,
.mo2f-thumbnail-method-desc,
.mo2f-login-forms-intro,
.mo2f-plugin-value-hint,
.mo2f-view-license-key {
	color: var(--mo2f-wp-muted) !important;
}

.mo2f-save-settings-button,
.mo2f-button-primary,
.mo2f-tw-test-button,
.mo2f_login_form_tile__primary,
.mo_wpsn_button,
.mo_wpns_button,
.mo2f_submit_query {
	background: var(--mo2f-wp-accent) !important;
	border: 1px solid var(--mo2f-wp-accent) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 2.15384615 !important;
	min-height: 30px;
	padding: 0 12px !important;
	text-decoration: none !important;
	text-shadow: none !important;
}

.mo2f-save-settings-button:hover,
.mo2f-save-settings-button:focus,
.mo2f-button-primary:hover,
.mo2f-button-primary:focus,
.mo2f-tw-test-button:hover,
.mo2f-tw-test-button:focus,
.mo2f_login_form_tile__primary:hover,
.mo2f_login_form_tile__primary:focus,
.mo_wpsn_button:hover,
.mo_wpsn_button:focus,
.mo_wpns_button:hover,
.mo_wpns_button:focus,
.mo2f_submit_query:hover,
.mo2f_submit_query:focus {
	background: var(--mo2f-wp-accent-hover) !important;
	border-color: var(--mo2f-wp-accent-hover) !important;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--mo2f-wp-accent) !important;
	color: #fff !important;
	outline: none !important;
}

.mo2f-save-settings-button:disabled,
#mo2f_register:disabled {
	background: #a7aaad !important;
	border-color: #a7aaad !important;
	box-shadow: none !important;
	cursor: not-allowed;
}

.mo2f-reset-settings-button,
.mo2f-button.secondary,
.mo2f-button {
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-accent) !important;
	font-family: inherit !important;
}

/* .mo2f-save-settings-button above gets its box model (padding/min-height/line-height)
 * re-set here too, but this rule never matched .mo2f-reset-settings-button -- so a
 * save/delete button pair (e.g. "Download log file" / "Delete log file") ended up with
 * mismatched heights, each falling back to a different sizing rule elsewhere. */
.mo2f-reset-settings-button {
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 2.15384615 !important;
	min-height: 30px;
	padding: 0 12px !important;
}

.mo2f-reset-settings-button:hover,
.mo2f-reset-settings-button:focus,
.mo2f-button.secondary:hover,
.mo2f-button.secondary:focus,
.mo2f-button:hover,
.mo2f-button:focus {
	background: #fff !important;
	border-color: var(--mo2f-wp-accent) !important;
	box-shadow: 0 0 0 1px var(--mo2f-wp-accent) !important;
	color: var(--mo2f-wp-accent-hover) !important;
	outline: none !important;
}

.side-nav-wrapper,
.sidebar,
.card .nav {
	background: transparent !important;
}

.side-nav-item,
.mo2f_myaccount_submenu-item,
.nav-item {
	background: transparent !important;
	border-left: 4px solid transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text) !important;
	font-family: inherit !important;
	font-weight: 500 !important;
}

.side-nav-item:hover,
.side-nav-item:focus,
.side-nav-active,
.mo2f_myaccount_submenu-item:hover,
.mo2f_myaccount_submenu-item:focus,
.nav-item:hover,
.nav-item:focus {
	background: var(--mo2f-wp-accent-soft) !important;
	border-left-color: var(--mo2f-wp-accent) !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-accent-hover) !important;
	outline: none !important;
}

.mo2f-tw-subtab-wrapper {
	border-bottom: 1px solid var(--mo2f-wp-border-soft);
	gap: 0;
}

.mo2f-tw-subtab,
.mo2f-tw-subtab-wrapper .tab,
.mo2f_plugin_dashboard .tablist .tab {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 3px solid transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-muted) !important;
	font-family: inherit !important;
	font-weight: 500 !important;
}

.mo2f-tw-subtab:hover,
.mo2f-tw-subtab:focus,
.mo2f-subtab-active,
.mo2f-tw-subtab-wrapper .tab:hover,
.mo2f-tw-subtab-wrapper .tab:focus,
.mo2f_plugin_dashboard .tablist .tab:hover,
.mo2f_plugin_dashboard .tablist .tab:focus,
.mo2f_plugin_dashboard .tablist .tab[aria-selected="true"] {
	background: transparent !important;
	border-bottom-color: var(--mo2f-wp-accent) !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-accent-hover) !important;
	outline: none !important;
}

.mo2f-method-tile,
.mo2f-enable-2fa-roles,
.mo2f-2fa-method-for-users,
.mo2f_login_form_tile,
.mo2f_forms_advertise {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
}

.mo2f-method-tile.enabled,
.mo2f_2fa_status_toggle .mo2f-active,
.mo2f_forms_toggle .mo2f-active,
.mo2f_custom_email_templates .mo2f-active {
	background: var(--mo2f-wp-accent-soft) !important;
	border-color: var(--mo2f-wp-accent) !important;
	color: var(--mo2f-wp-accent-hover) !important;
}

.mo2f-method-badge,
.switch_2fa_methods input:checked + .slider_2fa_methods,
.mo2f_checkbox_container input:checked ~ .mo2f-settings-checkmark {
	background: var(--mo2f-wp-accent) !important;
}

.mo2f-settings-checkmark,
.slider_2fa_methods {
	border-color: var(--mo2f-wp-border) !important;
}

.mo2f-settings-checkmark {
	border-radius: 3px !important;
}

.mo2f-input[type="email"],
.mo2f-input[type="password"],
.mo2f-input[type="text"],
.mo2f-input[type="textarea"],
.mo2f-input[type="url"],
.mo-input[type="email"],
.mo-input[type="password"],
.mo-input[type="text"],
.mo-input[type="textarea"],
.mo-input[type="url"],
.mo-textarea,
.mo2f-input-fields-placeholder,
.mo2f-adv-set-input,
.mo2f-role-search-input,
.mo2f-settings-number-field,
.mo2f_license_key_input,
input.mo2f-settings-radio,
select.mo2f_kba_ques {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text) !important;
	font-family: inherit !important;
	font-weight: 400 !important;
}

.mo2f-input:focus,
.mo-input:focus,
.mo-textarea:focus,
.mo2f-input-fields-placeholder:focus,
.mo2f-adv-set-input:focus,
.mo2f-role-search-input:focus,
.mo2f-settings-number-field:focus,
.mo2f_license_key_input:focus,
input.mo2f-settings-radio:focus,
select.mo2f_kba_ques:focus {
	border-color: var(--mo2f-wp-accent) !important;
	box-shadow: 0 0 0 1px var(--mo2f-wp-accent) !important;
	outline: none !important;
}

.mo-input-label,
.mo2f-role-search-label {
	background: #fff !important;
	color: var(--mo2f-wp-muted) !important;
	font-family: inherit !important;
	font-weight: 500 !important;
}

.group:focus-within .mo-input-label {
	color: var(--mo2f-wp-accent-hover) !important;
}

.dataTables_wrapper,
.dataTables_wrapper table,
.display {
	color: var(--mo2f-wp-text) !important;
	font-family: inherit !important;
}

#mo2f_device_details th,
#mo2f_login_transactions_table th,
#mo2f_registered_user_details th,
#mo2f_unregistered_user_details th,
#blockedips_table th,
#whitelistedips_table th {
	background: #f6f7f7 !important;
	border-bottom: 1px solid var(--mo2f-wp-border) !important;
	color: var(--mo2f-wp-text) !important;
	font-weight: 600 !important;
}

#mo2f_device_details td,
#mo2f_login_transactions_table td,
#mo2f_registered_user_details td,
#mo2f_unregistered_user_details td,
#blockedips_table td,
#whitelistedips_table td {
	border-bottom: 1px solid var(--mo2f-wp-border-soft) !important;
}

.overlay_success,
.mo2f-save-settings-success-message {
	background: #edfaef !important;
	border-color: var(--mo2f-wp-success) !important;
	color: #1a7f37 !important;
}

.overlay_error,
.mo2f-save-settings-error-message {
	background: #fcf0f1 !important;
	border-color: var(--mo2f-wp-error) !important;
	color: #8a2424 !important;
}

.mo2f-dash-icons-doc,
.mo2f-tw-configure-2fa,
.mo2f-gauth-link,
.mo2f_login_form_tile__guide,
.mo2f-view-license-key a,
.mo2f_rba-link {
	color: var(--mo2f-wp-accent) !important;
}

.mo2f-dash-icons-doc:hover,
.mo2f-tw-configure-2fa:hover,
.mo2f-gauth-link:hover,
.mo2f_login_form_tile__guide:hover,
.mo2f-view-license-key a:hover,
.mo2f_rba-link:hover {
	color: var(--mo2f-wp-accent-hover) !important;
}

.mo2f-plugin-value-hint {
	background: var(--mo2f-wp-accent-soft) !important;
	border-left: 4px solid var(--mo2f-wp-accent) !important;
	border-radius: 0 !important;
}

.mo2f-setup-content {
	background: var(--mo2f-wp-card) !important;
	border: 1px solid var(--mo2f-wp-border-soft);
	border-radius: 4px !important;
	box-shadow: none !important;
}

.mo2f-step-title {
	color: var(--mo2f-wp-muted) !important;
}

.mo2f-active-step-title {
	color: var(--mo2f-wp-accent-hover) !important;
}

.mo2f-step-title span {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border) !important;
	color: var(--mo2f-wp-muted) !important;
}

.mo2f-active-step-title span {
	background: var(--mo2f-wp-accent) !important;
	border-color: var(--mo2f-wp-accent) !important;
	color: #fff !important;
}

@media screen and (max-width: 782px) {
	.mo2f_plugin_dashboard {
		display: block !important;
	}

	.side-nav-wrapper,
	.mo2f-tw-subtab-wrapper {
		width: 100% !important;
	}

	.mo2f-method-tiles {
		grid-template-columns: 1fr !important;
	}
}

/* Refinements after the first WP skin pass. Keep the plugin structure, reduce visual noise. */
.mo2f_plugin_dashboard {
	align-items: stretch !important;
	gap: 20px;
	padding: 18px 24px;
}

.mo2f_plugin_dashboard > .sidebar,
.mo2f_plugin_dashboard > .mo2f-tw-flexbox {
	margin-top: 0 !important;
}

.mo2f_plugin_dashboard > .sidebar {
	align-self: stretch !important;
	display: flex !important;
	flex-direction: column !important;
	top: 0 !important;
}

.mo2f_plugin_dashboard > .sidebar > .card,
.mo2f_plugin_dashboard > .mo2f-tw-flexbox > .mo2f-tw-table-layout {
	margin-top: 0 !important;
}

/* .sidebar is now a stretched flex column (see rule above) so the divider between it
   and the settings panel spans the full row height instead of stopping wherever the
   nav's own (shorter) content ends -- .card needs to grow to fill that height. */
.mo2f_plugin_dashboard > .sidebar > .card {
	flex: 1 1 auto !important;
}

.side-nav-wrapper,
.card.sidebar {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
	padding: 16px 12px !important;
}

/* Merge the sidebar and the settings panel into one continuous card instead of two
   separate floating boxes with a wide grey gap between them -- the rules above give
   .card.sidebar and .mo2f-tw-table-layout their own independent border/radius/shadow
   plus a 20px gap, which reads as two disconnected panels. Here the pair share one
   outer border/radius/shadow, the gap collapses to a single hairline divider, and both
   columns get identical top padding so their contents start flush with each other and
   with the header row above. */
.mo2f_plugin_dashboard {
	background: #fff;
	/* Match .mo2f-header's own border/radius/shadow exactly (see that rule above) instead
	   of this panel's own, slightly-more-rounded, slightly-shadowed look -- the two blocks
	   sitting one above the other read as different components otherwise. */
	border: 1px solid var(--mo2f-wp-border-soft);
	border-radius: 4px !important;
	box-shadow: none !important;
	gap: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	/* The header above (views/navbar.php) sits in its own `.wrap` div, so its left/right
	   edges follow WordPress core's `.wrap` margin (2px left, 20px right). This panel has
	   no `.wrap` ancestor of its own, so without matching those side margins explicitly
	   its edges drift from the header's -- which reads as the sidebar being misaligned
	   with the header above it. A small top margin gives the two blocks breathing room
	   instead of sitting flush against each other. */
	width: auto !important;
	margin: 12px 20px 0 2px;
}

.side-nav-wrapper,
.sidebar .card {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	border-right: 1px solid var(--mo2f-wp-border-soft) !important;
	box-shadow: none !important;
	padding: 16px 12px !important;
}

.mo2f_plugin_dashboard > .mo2f-tw-flexbox {
	border-width: 0 !important;
}

.mo2f_plugin_dashboard .mo2f-tw-table-layout {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding-top: 16px !important;
}

.side-nav-item,
.mo2f_myaccount_submenu-item,
.nav-item {
	align-items: center !important;
	border: 1px solid transparent !important;
	border-left: 4px solid transparent !important;
	border-radius: 6px !important;
	margin-bottom: 4px !important;
	min-height: 38px;
	padding: 10px 12px !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.side-nav-item:hover,
.side-nav-item:focus,
.side-nav-item.side-nav-active,
.side-nav-active,
.mo2f_myaccount_submenu-item:hover,
.mo2f_myaccount_submenu-item:focus,
.mo2f_myaccount_submenu-item.side-nav-active,
.nav-item:hover,
.nav-item:focus {
	background: var(--mo2f-wp-accent-soft) !important;
	border-color: #b8d7f0 !important;
	border-left-color: var(--mo2f-wp-accent) !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-accent-hover) !important;
}

.mo2f-tw-subtab-wrapper {
	align-items: end;
	border-bottom: 1px solid var(--mo2f-wp-border) !important;
	gap: 4px;
	padding-top: 0 !important;
}

.mo2f-tw-subtab,
.mo2f-tw-subtab-wrapper .tab,
.mo2f_plugin_dashboard .tablist .tab {
	border: 1px solid transparent !important;
	border-bottom: 0 !important;
	border-radius: 4px 4px 0 0 !important;
	margin: 0 !important;
	padding: 10px 16px !important;
}

.mo2f-tw-subtab:hover,
.mo2f-tw-subtab:focus,
.mo2f-tw-subtab-wrapper .tab:hover,
.mo2f-tw-subtab-wrapper .tab:focus,
.mo2f_plugin_dashboard .tablist .tab:hover,
.mo2f_plugin_dashboard .tablist .tab:focus {
	background: #f6f7f7 !important;
	border-color: var(--mo2f-wp-border-soft) !important;
	color: var(--mo2f-wp-accent-hover) !important;
}

.mo2f-subtab-active,
.mo2f_plugin_dashboard .tablist .tab[aria-selected="true"] {
	background: #fff !important;
	border-color: var(--mo2f-wp-border) !important;
	border-bottom-color: #fff !important;
	color: var(--mo2f-wp-text) !important;
	margin-bottom: -1px !important;
}

.mo2f-settings-div,
.mo2f-tw-thumbnail,
.mo2f-table-layout,
.mo2f-tw-table-layout {
	border-radius: 8px !important;
	padding: 20px 22px !important;
}

.mo2f-settings-div:hover,
.mo2f-tw-thumbnail:hover {
	border-color: var(--mo2f-wp-border-soft) !important;
	box-shadow: none !important;
}

.mo2f-settings-head {
	font-size: 15px !important;
	line-height: 1.4 !important;
	margin-bottom: 12px !important;
}

.mo2f-sub-settings-div {
	border-left-color: var(--mo2f-wp-border-soft) !important;
	padding-bottom: 12px !important;
	padding-top: 10px !important;
}

.mo2f-plugin-value-hint {
	margin: 0 0 18px !important;
	max-width: none;
}

.mo2f-enable-2fa-roles,
.mo2f-2fa-method-for-users {
	border-color: var(--mo2f-wp-border-soft) !important;
	border-radius: 6px !important;
	color: var(--mo2f-wp-accent-hover) !important;
	font-weight: 500;
}

.mo2f-2fa-method-for-users.mo2f-active-2 {
	background: var(--mo2f-wp-accent-soft) !important;
	border-color: var(--mo2f-wp-accent) !important;
}

.mo2f-method-tile {
	border-color: #d5d9dd !important;
	border-radius: 8px !important;
	padding: 14px 16px !important;
}

.mo2f-method-tile.enabled {
	background: #fff !important;
	border-color: var(--mo2f-wp-border) !important;
}

.mo2f-method-tiles--readonly .mo2f-method-tile,
.mo2f-settings-div.mo2f-basic-plan .mo2f-method-tile,
.mo2f-settings-div.mo2f-enterprise-plan .mo2f-method-tile,
.mo2f-settings-div.mo2f-all-inclusive-plan .mo2f-method-tile {
	background: #f6f7f7 !important;
	border-color: var(--mo2f-wp-border-soft) !important;
	opacity: 1 !important;
}

.mo2f-method-badge {
	background: #8c8f94 !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	padding: 2px 8px !important;
}

.mo2f-settings-div.mo2f-basic-plan,
.mo2f-settings-div.mo2f-enterprise-plan,
.mo2f-settings-div.mo2f-all-inclusive-plan,
.mo2f-tw-thumbnail.mo2f-all-inclusive-plan {
	background-image: linear-gradient(0deg, rgba(246, 247, 247, 0.72), rgba(246, 247, 247, 0.72)) !important;
	box-shadow: none !important;
}

.mo2f_premium_tooltip .mo2f_premium_tooltiptext,
.mo2f-basic-plan:hover .mo2f_premium_tooltiptext,
.mo2f-enterprise-plan:hover .mo2f_premium_tooltiptext,
.mo2f-all-inclusive-plan:hover .mo2f_premium_tooltiptext,
.mo2f-settings-div:has(.mo2f-basic-plan):hover .mo2f-settings-head .mo2f_premium_tooltiptext,
.mo2f-settings-div:has(.mo2f-enterprise-plan):hover .mo2f-settings-head .mo2f_premium_tooltiptext,
.mo2f-settings-div:has(.mo2f-all-inclusive-plan):hover .mo2f-settings-head .mo2f_premium_tooltiptext {
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

.mo2f_premium_tooltip:hover > .mo2f_premium_tooltiptext,
.mo2f_premium_tooltip:focus-within > .mo2f_premium_tooltiptext,
.mo2f_premium_tooltip.mo2f-premium-tip--active > .mo2f_premium_tooltiptext,
.mo2f-settings-div .mo2f-settings-head .mo2f_premium_tooltip:hover > .mo2f_premium_tooltiptext,
.mo2f-settings-div .mo2f-settings-head .mo2f_premium_tooltip:focus-within > .mo2f_premium_tooltiptext {
	opacity: 1 !important;
	pointer-events: auto !important;
	visibility: visible !important;
}

.mo2f_premium_tooltip .mo2f_premium_tooltiptext {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-left: 4px solid var(--mo2f-wp-accent) !important;
	border-radius: 6px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
	color: var(--mo2f-wp-muted) !important;
	max-width: min(280px, calc(100vw - 48px)) !important;
}

.mo2f_premium_tooltiptext .mo2f_premium_header,
.mo2f_premium_tooltip.mo2f-premium-marker .mo2f_premium_tooltiptext .mo2f_premium_header {
	border-bottom: 1px solid var(--mo2f-wp-border-soft) !important;
	color: var(--mo2f-wp-text) !important;
}

.mo2f_premium_tooltiptext .mo2f_premium_body,
.mo2f_premium_tooltip.mo2f-premium-marker .mo2f_premium_tooltiptext .mo2f_premium_body {
	color: var(--mo2f-wp-muted) !important;
}

.mo2f_premium_tooltip .mo2f_premium_tooltiptext::after {
	border-color: transparent #fff transparent transparent !important;
}

.mo2f-settings-div .mo2f-settings-head .mo2f_premium_tooltip .mo2f_premium_tooltiptext::after {
	border-color: transparent transparent #fff transparent !important;
}

.mo2f-save-settings-button,
.mo2f-button-primary,
.mo2f-tw-test-button {
	border-radius: 3px !important;
	font-size: 13px !important;
	min-height: 32px;
}

.mo_contact_us_box {
	background: var(--mo2f-wp-accent) !important;
}

.mo2f-addon-crown-badge {
	background: #fff7ed !important;
	border-color: #f6ad55 !important;
}

@media screen and (max-width: 1100px) {
	.mo2f_plugin_dashboard {
		padding: 12px;
	}

	.mo2f-method-tiles {
		grid-template-columns: 1fr !important;
	}
}

/* Tone down selected controls: no pale-blue filled pills, only WP-blue controls. */
.mo2f_plugin_dashboard input[type="checkbox"],
.mo2f_plugin_dashboard input[type="radio"],
.mo2f_body input[type="checkbox"],
.mo2f_body input[type="radio"] {
	accent-color: var(--mo2f-wp-accent);
}

.mo2f-enable-2fa-roles,
.mo2f-2fa-method-for-users,
.mo2f-quicksetup-bypass__pill {
	background: #fff !important;
	border-color: var(--mo2f-wp-border-soft) !important;
	color: var(--mo2f-wp-text) !important;
}

.mo2f-enable-2fa-roles:hover,
.mo2f-2fa-method-for-users:hover,
.mo2f-quicksetup-bypass__pill:hover {
	background: #f6f7f7 !important;
	border-color: var(--mo2f-wp-border) !important;
	color: var(--mo2f-wp-text) !important;
}

.mo2f-2fa-method-for-users.mo2f-active-2 {
	background: #fff !important;
	border-color: var(--mo2f-wp-accent) !important;
	box-shadow: inset 3px 0 0 var(--mo2f-wp-accent) !important;
	color: var(--mo2f-wp-text) !important;
}

.mo2f-enable-2fa-roles input[type="checkbox"],
.mo2f-2fa-method-for-users input[type="checkbox"],
.mo2f-quicksetup-bypass__pill input[type="checkbox"] {
	height: 16px;
	margin: 0 8px 0 0 !important;
	width: 16px;
}

.mo2f_checkbox_container input:checked ~ .mo2f-settings-checkmark {
	background: var(--mo2f-wp-accent) !important;
	border-color: var(--mo2f-wp-accent) !important;
}

.mo2f_checkbox_container:hover input ~ .mo2f-settings-checkmark {
	background: #fff !important;
	border-color: var(--mo2f-wp-accent) !important;
}

.mo2f_checkbox_container:hover input:checked ~ .mo2f-settings-checkmark {
	background: var(--mo2f-wp-accent-hover) !important;
	border-color: var(--mo2f-wp-accent-hover) !important;
}

.switch_2fa_methods input:checked + .slider_2fa_methods {
	background: var(--mo2f-wp-accent) !important;
}

.switch_2fa_methods input:focus + .slider_2fa_methods {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--mo2f-wp-accent) !important;
}

.mo2f-method-tiles--readonly .switch_2fa_methods input:checked + .slider_2fa_methods,
.mo2f-settings-div.mo2f-basic-plan .mo2f-method-tiles .switch_2fa_methods input:checked + .slider_2fa_methods,
.mo2f-settings-div.mo2f-enterprise-plan .mo2f-method-tiles .switch_2fa_methods input:checked + .slider_2fa_methods,
.mo2f-settings-div.mo2f-all-inclusive-plan .mo2f-method-tiles .switch_2fa_methods input:checked + .slider_2fa_methods {
	background: #8c8f94 !important;
}

.mo2f-method-tiles--readonly .slider_2fa_methods,
.mo2f-settings-div.mo2f-basic-plan .mo2f-method-tiles .switch_2fa_methods .slider_2fa_methods,
.mo2f-settings-div.mo2f-enterprise-plan .mo2f-method-tiles .switch_2fa_methods .slider_2fa_methods,
.mo2f-settings-div.mo2f-all-inclusive-plan .mo2f-method-tiles .switch_2fa_methods .slider_2fa_methods {
	background: #dcdcde !important;
}

/* Final admin control normalization: avoid Chrome/WordPress #3858e9 accent bleed. */
.mo2f_plugin_dashboard .mo2f-enable-2fa-roles input[type="checkbox"],
.mo2f_plugin_dashboard .mo2f-2fa-method-for-users input[type="checkbox"],
.mo2f_plugin_dashboard .mo2f-quicksetup-bypass__pill input[type="checkbox"],
.mo2f_plugin_dashboard .mo2f-sub-settings-div input[type="checkbox"]:not(.switch_2fa_methods input):not(.mo2f_checkbox_container input),
.mo2f_body .mo2f-enable-2fa-roles input[type="checkbox"],
.mo2f_body .mo2f-2fa-method-for-users input[type="checkbox"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border) !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	cursor: pointer;
	display: inline-grid;
	height: 18px !important;
	margin: 0 8px 0 0 !important;
	min-height: 18px !important;
	place-content: center;
	vertical-align: middle;
	width: 18px !important;
}

.mo2f_plugin_dashboard .mo2f-enable-2fa-roles input[type="checkbox"]::before,
.mo2f_plugin_dashboard .mo2f-2fa-method-for-users input[type="checkbox"]::before,
.mo2f_plugin_dashboard .mo2f-quicksetup-bypass__pill input[type="checkbox"]::before,
.mo2f_plugin_dashboard .mo2f-sub-settings-div input[type="checkbox"]:not(.switch_2fa_methods input):not(.mo2f_checkbox_container input)::before,
.mo2f_body .mo2f-enable-2fa-roles input[type="checkbox"]::before,
.mo2f_body .mo2f-2fa-method-for-users input[type="checkbox"]::before {
	box-shadow: inset 1em 1em #fff;
	clip-path: polygon(14% 44%, 0 58%, 38% 96%, 100% 18%, 86% 4%, 38% 68%);
	content: "";
	height: 12px;
	transform: scale(0);
	transform-origin: center;
	transition: transform 0.08s ease-in-out;
	width: 12px;
}

.mo2f_plugin_dashboard .mo2f-enable-2fa-roles input[type="checkbox"]:checked,
.mo2f_plugin_dashboard .mo2f-2fa-method-for-users input[type="checkbox"]:checked,
.mo2f_plugin_dashboard .mo2f-quicksetup-bypass__pill input[type="checkbox"]:checked,
.mo2f_plugin_dashboard .mo2f-sub-settings-div input[type="checkbox"]:checked:not(.switch_2fa_methods input):not(.mo2f_checkbox_container input),
.mo2f_body .mo2f-enable-2fa-roles input[type="checkbox"]:checked,
.mo2f_body .mo2f-2fa-method-for-users input[type="checkbox"]:checked {
	background: var(--mo2f-wp-accent) !important;
	border-color: var(--mo2f-wp-accent) !important;
}

.mo2f_plugin_dashboard .mo2f-enable-2fa-roles input[type="checkbox"]:checked::before,
.mo2f_plugin_dashboard .mo2f-2fa-method-for-users input[type="checkbox"]:checked::before,
.mo2f_plugin_dashboard .mo2f-quicksetup-bypass__pill input[type="checkbox"]:checked::before,
.mo2f_plugin_dashboard .mo2f-sub-settings-div input[type="checkbox"]:checked:not(.switch_2fa_methods input):not(.mo2f_checkbox_container input)::before,
.mo2f_body .mo2f-enable-2fa-roles input[type="checkbox"]:checked::before,
.mo2f_body .mo2f-2fa-method-for-users input[type="checkbox"]:checked::before {
	transform: scale(1);
}

.mo2f_plugin_dashboard .mo2f-enable-2fa-roles input[type="checkbox"]:focus,
.mo2f_plugin_dashboard .mo2f-2fa-method-for-users input[type="checkbox"]:focus,
.mo2f_plugin_dashboard .mo2f-quicksetup-bypass__pill input[type="checkbox"]:focus,
.mo2f_plugin_dashboard .mo2f-sub-settings-div input[type="checkbox"]:focus:not(.switch_2fa_methods input):not(.mo2f_checkbox_container input),
.mo2f_body .mo2f-enable-2fa-roles input[type="checkbox"]:focus,
.mo2f_body .mo2f-2fa-method-for-users input[type="checkbox"]:focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--mo2f-wp-accent) !important;
	outline: none !important;
}

.mo2f_plugin_dashboard .mo2f-sub-settings-div input[type="radio"] {
	accent-color: var(--mo2f-wp-accent);
}

.mo2f_plugin_dashboard .mo2f_checkbox_container input:checked ~ .mo2f-settings-checkmark,
.mo2f_body .mo2f_checkbox_container input:checked ~ .mo2f-settings-checkmark {
	background-color: var(--mo2f-wp-accent) !important;
	border-color: var(--mo2f-wp-accent) !important;
}

/* A checked-but-locked toggle (e.g. "Select 2FA Methods for Users", forced on and
 * disabled in the free plan) must not read as an active blue control the admin can
 * flip -- grey it out like any other disabled input instead. */
.mo2f_plugin_dashboard .mo2f_checkbox_container input:checked:disabled ~ .mo2f-settings-checkmark,
.mo2f_body .mo2f_checkbox_container input:checked:disabled ~ .mo2f-settings-checkmark {
	background-color: #c3c4c7 !important;
	border-color: #c3c4c7 !important;
}

/* The invisible input still sits on top and receives hover/click (the visible
 * checkmark has pointer-events:none so events pass through to it) -- its own base
 * rule hardcodes cursor:pointer unconditionally, so without this override a disabled
 * toggle still shows a clickable-looking pointer cursor and full-strength colors,
 * even though clicking it genuinely does nothing. */
.mo2f_checkbox_container input:disabled {
	cursor: not-allowed !important;
}

.mo2f_checkbox_container input:disabled ~ .mo2f-settings-checkmark {
	cursor: not-allowed;
}

.mo2f_checkbox_container:has(input:disabled) {
	cursor: not-allowed;
	opacity: 0.65;
}

.mo2f_plugin_dashboard .mo2f_checkbox_container .mo2f-settings-checkmark::after,
.mo2f_body .mo2f_checkbox_container .mo2f-settings-checkmark::after {
	background-color: #fff !important;
}

.mo2f_plugin_dashboard .switch_2fa_methods input:checked + .slider_2fa_methods {
	background-color: var(--mo2f-wp-accent) !important;
}

.mo2f_plugin_dashboard .switch_2fa_methods input:disabled + .slider_2fa_methods,
.mo2f_plugin_dashboard .switch_2fa_methods input:disabled:checked + .slider_2fa_methods {
	background-color: #8c8f94 !important;
}

.mo2f_plugin_dashboard .tablist,
.mo2f_plugin_dashboard .mo2f-tw-subtab-wrapper {
	align-items: stretch !important;
	border-bottom: 1px solid var(--mo2f-wp-border) !important;
	display: flex !important;
	gap: 0 !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	width: 100% !important;
}

.mo2f_plugin_dashboard .tablist .tab,
.mo2f_plugin_dashboard .mo2f-tw-subtab {
	align-items: center !important;
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-bottom: 1px solid var(--mo2f-wp-border) !important;
	border-radius: 4px 4px 0 0 !important;
	color: var(--mo2f-wp-muted) !important;
	display: flex !important;
	flex: 1 1 0 !important;
	font-weight: 500 !important;
	justify-content: center !important;
	line-height: 1.35 !important;
	margin: 0 8px -1px 0 !important;
	min-height: 52px !important;
	padding: 0 16px !important;
	text-align: center !important;
	white-space: normal !important;
}

.mo2f_plugin_dashboard .tablist .tab:last-child,
.mo2f_plugin_dashboard .mo2f-tw-subtab:last-child {
	margin-right: 0 !important;
}

.mo2f_plugin_dashboard .tablist .tab:hover,
.mo2f_plugin_dashboard .tablist .tab:focus,
.mo2f_plugin_dashboard .mo2f-tw-subtab:hover,
.mo2f_plugin_dashboard .mo2f-tw-subtab:focus {
	background: #fff !important;
	border-color: var(--mo2f-wp-border) !important;
	color: var(--mo2f-wp-accent-hover) !important;
	outline: none !important;
}

.mo2f_plugin_dashboard .tablist .tab[aria-selected="true"],
.mo2f_plugin_dashboard .tab.mo2f-subtab-active,
.mo2f_plugin_dashboard .mo2f-subtab-active {
	background: #fff !important;
	border-color: var(--mo2f-wp-border) !important;
	border-bottom-color: #fff !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text) !important;
	position: relative;
	z-index: 1;
}

/* Plugin-wide WordPress cleanup pass. Keep this scoped and layout-safe. */
.mo2f_plugin_dashboard a,
.mo2f_body a {
	color: var(--mo2f-wp-accent);
}

.mo2f_plugin_dashboard a:hover,
.mo2f_plugin_dashboard a:focus,
.mo2f_body a:hover,
.mo2f_body a:focus {
	color: var(--mo2f-wp-accent-hover);
}

.mo2f_plugin_dashboard .mo_wpns_setting_layout,
.mo2f_plugin_dashboard .mo_wpns_small_layout,
.mo2f_plugin_dashboard .mo_wpns_support_layout,
.mo2f_plugin_dashboard .mo_wpns_method_layout,
.mo2f_plugin_dashboard .mo_wpns_report_layout,
.mo2f_plugin_dashboard .premium_video_layout,
.mo2f_plugin_dashboard .mo2f-table-layout {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text) !important;
}
/* .mo2f-tw-table-layout is deliberately excluded from the shared rule above -- it's
   the merged dashboard panel's content half (see the "Merge the sidebar and the
   settings panel" rule earlier in this file), which already gets border:none and
   border-radius:0 so it reads as one continuous card with the sidebar instead of
   its own independently-rounded box. This rule used to include it too and, being
   declared later, was winning and re-adding the border-radius/border/background
   that fix explicitly removes. */
.mo2f_plugin_dashboard .mo2f-tw-table-layout {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text) !important;
}

.mo2f_plugin_dashboard input[type="text"]:not(.select2-search__field),
.mo2f_plugin_dashboard input[type="email"],
.mo2f_plugin_dashboard input[type="password"],
.mo2f_plugin_dashboard input[type="number"],
.mo2f_plugin_dashboard input[type="url"],
.mo2f_plugin_dashboard input[type="tel"],
.mo2f_plugin_dashboard textarea,
.mo2f_plugin_dashboard select,
.mo2f_body input[type="text"]:not(.select2-search__field),
.mo2f_body input[type="email"],
.mo2f_body input[type="password"],
.mo2f_body input[type="number"],
.mo2f_body input[type="url"],
.mo2f_body input[type="tel"],
.mo2f_body textarea,
.mo2f_body select {
	background-color: #fff !important;
	border-color: var(--mo2f-wp-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text) !important;
	font-family: inherit !important;
	min-height: 30px;
}

.mo2f_plugin_dashboard input[type="text"]:not(.select2-search__field):focus,
.mo2f_plugin_dashboard input[type="email"]:focus,
.mo2f_plugin_dashboard input[type="password"]:focus,
.mo2f_plugin_dashboard input[type="number"]:focus,
.mo2f_plugin_dashboard input[type="url"]:focus,
.mo2f_plugin_dashboard input[type="tel"]:focus,
.mo2f_plugin_dashboard textarea:focus,
.mo2f_plugin_dashboard select:focus,
.mo2f_body input[type="text"]:not(.select2-search__field):focus,
.mo2f_body input[type="email"]:focus,
.mo2f_body input[type="password"]:focus,
.mo2f_body input[type="number"]:focus,
.mo2f_body input[type="url"]:focus,
.mo2f_body input[type="tel"]:focus,
.mo2f_body textarea:focus,
.mo2f_body select:focus {
	border-color: var(--mo2f-wp-accent) !important;
	box-shadow: 0 0 0 1px var(--mo2f-wp-accent) !important;
	outline: 2px solid transparent !important;
}

.mo2f_plugin_dashboard .button.button-primary,
.mo2f_plugin_dashboard input.button-primary,
.mo2f_plugin_dashboard button.button-primary,
.mo2f_plugin_dashboard .mmp_green,
.mo2f_plugin_dashboard .mo2f_raise_support_ticket,
.mo2f_plugin_dashboard .mo2f_test_captcha_button,
.mo2f_plugin_dashboard .mo2f_back_button,
.mo2f_plugin_dashboard .mo2fa_tour_button,
.mo2f_body .button.button-primary,
.mo2f_body input.button-primary,
.mo2f_body button.button-primary {
	background: var(--mo2f-wp-accent) !important;
	border: 1px solid var(--mo2f-wp-accent) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: inherit !important;
	font-weight: 500 !important;
	text-shadow: none !important;
}

.mo2f_plugin_dashboard .button.button-primary:hover,
.mo2f_plugin_dashboard .button.button-primary:focus,
.mo2f_plugin_dashboard input.button-primary:hover,
.mo2f_plugin_dashboard input.button-primary:focus,
.mo2f_plugin_dashboard button.button-primary:hover,
.mo2f_plugin_dashboard button.button-primary:focus,
.mo2f_plugin_dashboard .mmp_green:hover,
.mo2f_plugin_dashboard .mmp_green:focus,
.mo2f_plugin_dashboard .mo2f_raise_support_ticket:hover,
.mo2f_plugin_dashboard .mo2f_raise_support_ticket:focus,
.mo2f_plugin_dashboard .mo2f_test_captcha_button:hover,
.mo2f_plugin_dashboard .mo2f_test_captcha_button:focus,
.mo2f_plugin_dashboard .mo2f_back_button:hover,
.mo2f_plugin_dashboard .mo2f_back_button:focus,
.mo2f_plugin_dashboard .mo2fa_tour_button:hover,
.mo2f_plugin_dashboard .mo2fa_tour_button:focus,
.mo2f_body .button.button-primary:hover,
.mo2f_body .button.button-primary:focus,
.mo2f_body input.button-primary:hover,
.mo2f_body input.button-primary:focus,
.mo2f_body button.button-primary:hover,
.mo2f_body button.button-primary:focus {
	background: var(--mo2f-wp-accent-hover) !important;
	border-color: var(--mo2f-wp-accent-hover) !important;
	color: #fff !important;
}

.mo2f_plugin_dashboard .button:not(.button-primary),
.mo2f_plugin_dashboard input.button:not(.button-primary),
.mo2f_plugin_dashboard button.button:not(.button-primary),
.mo2f_body .button:not(.button-primary),
.mo2f_body input.button:not(.button-primary),
.mo2f_body button.button:not(.button-primary) {
	background: #f6f7f7 !important;
	border-color: var(--mo2f-wp-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-accent) !important;
	text-shadow: none !important;
}

.mo2f_plugin_dashboard .mo_wpns_switch,
.mo2f_plugin_dashboard .switch {
	height: 24px !important;
	width: 44px !important;
}

.mo2f_plugin_dashboard .mo_wpns_slider,
.mo2f_plugin_dashboard .slider {
	background: #a7aaad !important;
	border: 1px solid #8c8f94 !important;
	box-shadow: none !important;
}

.mo2f_plugin_dashboard .mo_wpns_slider::before,
.mo2f_plugin_dashboard .slider::before {
	background: #fff !important;
	bottom: 2px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;
	height: 18px !important;
	left: 2px !important;
	width: 18px !important;
}

.mo2f_plugin_dashboard .mo_wpns_switch input:checked + .mo_wpns_slider,
.mo2f_plugin_dashboard .switch input:checked + .slider {
	background: var(--mo2f-wp-accent) !important;
	border-color: var(--mo2f-wp-accent) !important;
}

.mo2f_plugin_dashboard .mo_wpns_switch input:checked + .mo_wpns_slider::before,
.mo2f_plugin_dashboard .switch input:checked + .slider::before {
	transform: translateX(20px) !important;
}

.mo2f_plugin_dashboard .bg-indigo-50,
.mo2f_plugin_dashboard .bg-indigo-white {
	background: #fff !important;
}

.mo2f_plugin_dashboard .text-mo-blue-txt,
.mo2f_plugin_dashboard .mo2f-gauth-link,
.mo2f_plugin_dashboard .mo2f-tw-configure-2fa,
.mo2f_plugin_dashboard .mo2f_advanced_options_a,
.mo2f_plugin_dashboard .mo2f_view_backup_options,
.mo2f_plugin_dashboard .mo2f_view_backup_options_prem,
.mo2f_plugin_dashboard .mo2f_view_customizations,
.mo2f_plugin_dashboard .mo2f_view_customizations_prem,
.mo2f_plugin_dashboard .mo2f_view_inline_registration_options,
.mo2f_plugin_dashboard .mo2f_view_login_options,
.mo2f_plugin_dashboard .mo2f_view_standard_plan_auth_methods {
	color: var(--mo2f-wp-accent) !important;
}

.mo2f_plugin_dashboard .mo2f-tw-configure-2fa:hover,
.mo2f_plugin_dashboard .mo2f-tw-configure-2fa:focus,
.mo2f_plugin_dashboard .mo2f-gauth-link:hover,
.mo2f_plugin_dashboard .mo2f-gauth-link:focus {
	color: var(--mo2f-wp-accent-hover) !important;
	text-decoration: underline;
}

.mo2f_plugin_dashboard .mo2f-settings-div .mo2f-settings-head .mo2f_premium_tooltip .mo2f_premium_tooltiptext::after,
.mo2f_plugin_dashboard .mo2f-tw-thumbnail.mo2f-all-inclusive-plan .mo2f_premium_tooltip .mo2f_premium_tooltiptext::after {
	border-color: transparent transparent #fff transparent !important;
}

.mo2f_plugin_dashboard .mo2f_premium_tooltip .mo2f_premium_tooltiptext::after {
	border-color: transparent #fff transparent transparent !important;
}

/* Match native plugin checkboxes to the custom mo2f-settings-checkmark control. */
.mo2f_plugin_dashboard input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input),
.mo2f_body input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input) {
	-webkit-appearance: none !important;
	appearance: none !important;
	background-color: #fff !important;
	border-color: #9ca3af !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	cursor: pointer;
	display: inline-block !important;
	height: 20px !important;
	margin: 0 8px 0 0 !important;
	min-height: 20px !important;
	position: relative !important;
	vertical-align: middle !important;
	width: 20px !important;
}

.mo2f_plugin_dashboard input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input)::before,
.mo2f_body input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input)::before {
	background-color: #fff !important;
	box-shadow: none !important;
	clip-path: polygon(1% 43%, 36% 69%, 100% 0, 37% 99%);
	content: "" !important;
	display: block !important;
	height: 16px !important;
	left: 2px !important;
	margin: 0 !important;
	position: absolute !important;
	top: 2px !important;
	transform: scale(0) !important;
	transform-origin: center !important;
	transition: transform 0.08s ease-in-out !important;
	width: 16px !important;
}

.mo2f_plugin_dashboard input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input):checked,
.mo2f_body input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input):checked {
	background-color: var(--mo2f-wp-accent) !important;
	border-color: var(--mo2f-wp-accent) !important;
}

.mo2f_plugin_dashboard input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input):checked::before,
.mo2f_body input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input):checked::before {
	transform: scale(1) !important;
}

.mo2f_plugin_dashboard input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input):focus,
.mo2f_body input[type="checkbox"]:not(#contact-us-toggle):not(.sr-only):not(.peer):not(.mo2f_checkbox_container input):not(.switch_2fa_methods input):not(.mo_wpns_switch input):not(.switch input):focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--mo2f-wp-accent) !important;
	outline: none !important;
}

.mo2f_plugin_dashboard #contact-us-toggle,
.mo2f_body #contact-us-toggle,
.mo2f_plugin_dashboard input[type="checkbox"].sr-only,
.mo2f_body input[type="checkbox"].sr-only {
	display: none !important;
}

/* Match plugin radios to the same WordPress-blue control language. */
.mo2f_plugin_dashboard input[type="radio"],
.mo2f_body input[type="radio"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	background-color: #fff !important;
	border: 1px solid #c3c4c7 !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	cursor: pointer;
	display: inline-block !important;
	height: 20px !important;
	margin: 0 8px 0 0 !important;
	min-height: 20px !important;
	position: relative !important;
	vertical-align: middle !important;
	width: 20px !important;
}

.mo2f_plugin_dashboard input[type="radio"]::before,
.mo2f_body input[type="radio"]::before {
	background: var(--mo2f-wp-accent) !important;
	border-radius: 50% !important;
	content: "" !important;
	display: block !important;
	height: 10px !important;
	left: 4px !important;
	margin: 0 !important;
	position: absolute !important;
	top: 4px !important;
	transform: scale(0) !important;
	transition: transform 0.08s ease-in-out !important;
	width: 10px !important;
}

.mo2f_plugin_dashboard input[type="radio"]:checked,
.mo2f_body input[type="radio"]:checked {
	border-color: var(--mo2f-wp-accent) !important;
}

.mo2f_plugin_dashboard input[type="radio"]:checked::before,
.mo2f_body input[type="radio"]:checked::before {
	transform: scale(1) !important;
}

.mo2f_plugin_dashboard input[type="radio"]:focus,
.mo2f_body input[type="radio"]:focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--mo2f-wp-accent) !important;
	outline: none !important;
}

/* Keep crown markers on the same text line in setting rows. */
.mo2f_plugin_dashboard .mo2f-settings-div .mo2f_premium_tooltip.mo2f-premium-marker,
.mo2f_body .mo2f-settings-div .mo2f_premium_tooltip.mo2f-premium-marker {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1 !important;
	margin-left: 6px !important;
	position: relative !important;
	top: -1px;
	vertical-align: middle !important;
	white-space: nowrap !important;
}

.mo2f_plugin_dashboard .mo2f-settings-div .mo2f-addon-crown-badge,
.mo2f_body .mo2f-settings-div .mo2f-addon-crown-badge {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	vertical-align: middle !important;
}

/* Custom redirection table needs enough label width for radio + text + crown. */
.mo2f_plugin_dashboard #mo2f_redirect_url_table,
.mo2f_plugin_dashboard #mo2f_custom_redirect_url_table {
	border-collapse: separate !important;
	border-spacing: 0 10px !important;
	table-layout: auto !important;
	width: 100% !important;
}

.mo2f_plugin_dashboard #mo2f_redirect_url_table td:first-child,
.mo2f_plugin_dashboard #mo2f_custom_redirect_url_table td:first-child {
	min-width: 310px !important;
	width: 310px !important;
	white-space: nowrap !important;
}

.mo2f_plugin_dashboard #mo2f_redirect_url_table .my-mo-3,
.mo2f_plugin_dashboard #mo2f_custom_redirect_url_table .my-mo-3 {
	align-items: center !important;
	display: inline-flex !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	white-space: nowrap !important;
}

.mo2f_plugin_dashboard #mo2f_custom_redirect_url_table .mo2f_premium_tooltip.mo2f-premium-marker {
	margin-left: 8px !important;
}

/* Header seat meter actions. */
.mo2f_plugin_dashboard .mo2f-free-plan-seat-meter,
.mo2f-plugin-header .mo2f-free-plan-seat-meter {
	gap: 10px 12px !important;
}

.mo2f_plugin_dashboard .mo2f-seat-meter-actions,
.mo2f-plugin-header .mo2f-seat-meter-actions {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mo2f_plugin_dashboard .mo2f-seat-meter-link,
.mo2f-plugin-header .mo2f-seat-meter-link {
	align-items: center;
	background: #fff;
	border: 1px solid var(--mo2f-wp-border);
	border-radius: 4px;
	color: var(--mo2f-wp-accent) !important;
	display: inline-flex;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	min-height: 28px;
	padding: 3px 9px;
	text-decoration: none !important;
}

.mo2f_plugin_dashboard .mo2f-seat-meter-link:hover,
.mo2f_plugin_dashboard .mo2f-seat-meter-link:focus,
.mo2f-plugin-header .mo2f-seat-meter-link:hover,
.mo2f-plugin-header .mo2f-seat-meter-link:focus {
	background: var(--mo2f-wp-accent-soft);
	border-color: var(--mo2f-wp-accent);
	color: var(--mo2f-wp-accent-hover) !important;
	outline: none;
}

.mo2f-plugin-header .mo2f-email-transactions-exhausted-notice {
	background: #fcf9e8;
	border: 1px solid #dba617;
	border-left: 4px solid #dba617;
	border-radius: 4px;
	box-sizing: border-box;
	color: #3c434a;
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
	padding: 9px 12px;
	width: 100%;
}

.mo2f-plugin-header .mo2f-email-transactions-exhausted-notice a {
	color: var(--mo2f-wp-accent, #2271b1);
	font-weight: 600;
}

.mo2f_plugin_dashboard .mo2f-seat-meter-link--upgrade,
.mo2f-plugin-header .mo2f-seat-meter-link--upgrade {
	background: var(--mo2f-wp-accent);
	border-color: var(--mo2f-wp-accent);
	color: #fff !important;
}

.mo2f_plugin_dashboard .mo2f-seat-meter-link--upgrade:hover,
.mo2f_plugin_dashboard .mo2f-seat-meter-link--upgrade:focus,
.mo2f-plugin-header .mo2f-seat-meter-link--upgrade:hover,
.mo2f-plugin-header .mo2f-seat-meter-link--upgrade:focus {
	background: var(--mo2f-wp-accent-hover);
	border-color: var(--mo2f-wp-accent-hover);
	color: #fff !important;
}

.mo2f_plugin_dashboard .mo2f-seat-meter-separator,
.mo2f-plugin-header .mo2f-seat-meter-separator {
	color: var(--mo2f-wp-border);
	font-size: 13px;
}

/* Setup wizard polish. */
.mo2f_body {
	align-items: start;
	align-content: start !important;
	grid-auto-rows: max-content !important;
	min-height: 100vh;
	padding: 34px 16px 40px !important;
	row-gap: 0 !important;
}

.mo2f_body .mo2f-setup-wizard-header {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	margin: 0 auto 24px !important;
	max-width: 760px;
	padding: 0 !important;
	text-align: center;
}

.mo2f_body .mo2f-setup-wizard-header + .mo2f-setup-content {
	margin-top: 0 !important;
}

.mo2f_body .mo2f-setup-wizard-header img {
	height: auto;
	margin-bottom: 10px;
	width: 56px;
}

.mo2f_body .mo2f-setup-wizard-header h1 {
	border: 0 !important;
	color: var(--mo2f-wp-text) !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mo2f_body .mo2f-setup-content {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
	box-sizing: border-box;
	display: block !important;
	margin: 0 auto !important;
	max-width: 760px;
	overflow: visible !important;
	padding: 28px 32px !important;
	width: min(760px, calc(100vw - 32px)) !important;
}

.mo2f_body .mo2f-step-title-wrapper {
	border-bottom: 1px solid var(--mo2f-wp-border-soft);
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: -4px 0 24px;
	padding-bottom: 18px;
	text-align: left;
}

.mo2f_body .mo2f-step-title {
	align-items: center;
	background: #f6f7f7;
	border: 1px solid var(--mo2f-wp-border-soft);
	border-radius: 6px;
	color: var(--mo2f-wp-muted) !important;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 8px;
	line-height: 1.35;
	margin: 0 !important;
	padding: 10px 12px !important;
	position: relative;
}

.mo2f_body .mo2f-step-title span {
	align-items: center;
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border) !important;
	border-radius: 50%;
	color: var(--mo2f-wp-muted) !important;
	display: inline-flex !important;
	font-size: 11px !important;
	height: 22px !important;
	justify-content: center;
	line-height: 1 !important;
	position: static !important;
	width: 22px !important;
}

.mo2f_body .mo2f-step-title.mo2f-active-step-title {
	background: var(--mo2f-wp-accent-soft) !important;
	border-color: #b8d7f0 !important;
	color: var(--mo2f-wp-accent-hover) !important;
}

.mo2f_body .mo2f-step-title.mo2f-active-step-title span {
	background: var(--mo2f-wp-accent) !important;
	border-color: var(--mo2f-wp-accent) !important;
	color: #fff !important;
}

.mo2f_body .mo2f-setup-content h3 {
	color: var(--mo2f-wp-text) !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	margin: 0 0 12px !important;
	text-align: left !important;
}

.mo2f_body .mo2f_description {
	background: var(--mo2f-wp-accent-soft) !important;
	border-left: 4px solid var(--mo2f-wp-accent);
	border-radius: 0 !important;
	color: #334155 !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	margin: 0 0 18px !important;
	padding: 10px 12px !important;
}

.mo2f_body .mo2f-step-setting-wrapper fieldset {
	margin: 0 0 8px !important;
}

.mo2f_body .mo2f-step-setting-wrapper label {
	align-items: center;
	color: var(--mo2f-wp-text);
	display: inline-flex !important;
	font-size: 14px;
	font-weight: 500;
	gap: 8px;
	line-height: 1.45;
}

.mo2f_body #mo2f-show-certain-roles-only {
	margin: 10px 0 0 28px !important;
}

.mo2f_body .mo2f-certain-roles-only-inputs .mo2f-line-height {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	margin-top: 8px;
}

.mo2f_body .mo2f-certain-roles-only-inputs .mo2f-line-height > div,
.mo2f_body .mo2f-wizard-select-all-roles {
	align-items: center;
	background: #fff;
	border: 1px solid var(--mo2f-wp-border-soft);
	border-radius: 6px;
	display: flex;
	margin: 0 !important;
	min-height: 40px;
	padding: 8px 10px;
}

.mo2f_body .mo2f-wizard-select-all-roles {
	border-color: var(--mo2f-wp-border);
	grid-column: 1 / -1;
}

.mo2f_body .mo2f-grace-period-inputs {
	background: #f6f7f7;
	border: 1px solid var(--mo2f-wp-border-soft);
	border-radius: 6px;
	margin: 12px 0 0 28px !important;
	padding: 14px !important;
}

.mo2f_body .mo2f-grace-period-inputs[hidden] {
	display: none !important;
}

.mo2f_body #mo2f-grace-period {
	margin-right: 8px;
	max-width: 90px;
}

.mo2f_body .mo2f-setup-actions {
	align-items: center;
	border-top: 1px solid var(--mo2f-wp-border-soft);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
	margin: 24px 0 0 !important;
	padding-top: 18px;
	text-align: right;
}

.mo2f_body .mo2f-setup-actions a,
.mo2f_body .mo2f-setup-actions button,
.mo2f_body .mo2f_setup_wizard_footer_buttons {
	float: none !important;
	margin: 0 !important;
}

.mo2f_body .mo2f_setup_wizard_footer_buttons {
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border) !important;
	border-radius: 4px !important;
	color: var(--mo2f-wp-accent) !important;
	font-weight: 500 !important;
	line-height: 2.15384615 !important;
	min-height: 30px;
	padding: 0 12px !important;
}

.mo2f_body .mo2f_setup_wizard_footer_buttons:hover,
.mo2f_body .mo2f_setup_wizard_footer_buttons:focus {
	background: #fff !important;
	border-color: var(--mo2f-wp-accent) !important;
	color: var(--mo2f-wp-accent-hover) !important;
}

.mo2f_body .text-with-arrow {
	align-items: center;
	display: inline-flex !important;
	gap: 6px;
}

.mo2f_body .mo2f-wizard-finish {
	text-align: center;
}

.mo2f_body .mo2f-wizard-finish h3 {
	font-size: 24px !important;
	text-align: center !important;
}

.mo2f_body .mo2f-wizard-finish p {
	font-size: 15px;
}

#mo2f_2fa_popup_dashboard .mo2f_loader,
#mo2f_2fa_popup_dashboard_loader .mo2f_loader {
	animation: mo2fWpLoaderSpin 0.8s linear infinite !important;
	background: transparent !important;
	border: 5px solid #dfe3e8 !important;
	border-left-color: var(--mo2f-wp-accent, #2271b1) !important;
	border-radius: 999px !important;
	border-top-color: #dfe3e8 !important;
	box-shadow: 0 2px 4px rgba(29, 35, 39, 0.12) !important;
	box-sizing: border-box !important;
	display: inline-block !important;
	height: 52px !important;
	left: calc(50% - 26px) !important;
	position: fixed !important;
	top: calc(50% - 26px) !important;
	width: 52px !important;
	z-index: 100060 !important;
}

.mo2f_body .mo2f-setup-wizard-header > .mo2f_loader {
	display: none !important;
}

.mo2f-method-icon-quick-setup .mo2f-method-icon-image {
	display: block;
	height: 22px;
	object-fit: contain;
	width: 22px;
}

@keyframes mo2fWpLoaderSpin {
	to {
		transform: rotate(360deg);
	}
}

@media screen and (max-width: 782px) {
	.mo2f_body .mo2f-setup-content {
		padding: 22px 18px !important;
		width: min(100%, calc(100vw - 24px)) !important;
	}

	.mo2f_body .mo2f-step-title-wrapper {
		grid-template-columns: 1fr;
	}

	.mo2f_body .mo2f-setup-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.mo2f_body .mo2f-setup-actions .button,
	.mo2f_body .mo2f_setup_wizard_footer_buttons {
		text-align: center;
		width: 100%;
	}
}