编辑 app.css - 文件管理器

✏️ 编辑：app.css

路径：/home/forge/kingkrunch.com/wp/wp-content/plugins/post-smtp/Postman/Dashboard/assets/css/app.css

大小：36 KB · 修改：2026-09-25 00:42:20 · 权限：0644 · 可写

@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

.post-smtp__wrapper[data-v-3112b8ca] {
	background: #F9FBFF;
}
.mr-25[data-v-3112b8ca] {
	margin-right: 25px;
}
.container[data-v-3112b8ca] {
	padding: 0 51px;
}
.mt-32[data-v-3112b8ca] {
	margin-top: 32px;
}
.app-wrapper[data-v-3112b8ca] {
	width: calc( 100% - 276px - 25px );
}
.app-sidebar[data-v-3112b8ca] {
	width: 276px;
}
.float-left[data-v-3112b8ca] {
	float: left;
}
.clearfix[data-v-3112b8ca]::after {
	clear: both;
	content: "";
	display: table;
}

.header[data-v-65055dc1] {
	height: 84px;
	flex-shrink: 0;
	background: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px;
}

.settings__button[data-v-84d0a47e] {
	background: none;
	border: none;
	cursor: pointer;

padding-right: 16px;
}
.settings__button[data-v-84d0a47e]:last-child {
	padding-right: 0;
}

.post-smtp-settings-menu-wrapper[data-v-a06ecf4c] {
	width: 190px;
	height: 312px;

border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(35, 31, 32, 0.10);

position: absolute;
	top: 60px;
	right: 41px;
}
.post-smtp-dropdown-menu[data-v-a06ecf4c] {
	width: 100%;
	height: 52px;
}
.post-smtp-button[data-v-a06ecf4c]:hover {
	background: #375CAF;
	color: #fff;
}
.post-smtp-button:hover img[data-v-a06ecf4c] {
	filter: invert(100%);
}
.post-smtp-button img[fallback="true"][data-v-a06ecf4c] {
	filter: invert(100%);
}
.post-smtp-button:hover img[fallback="true"][data-v-a06ecf4c] {
	filter: invert(0);
}
.post-smtp-button[data-v-a06ecf4c] {
	display: block;
	padding: 0 20px;
	line-height: 52px;

color: #231F20;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}

.post-smtp-notification-bar-wrapper[data-v-1d82fd54] * {
	padding: 0;
	margin: 0;
}
.post-smtp-notification-bar-wrapper[data-v-1d82fd54] {
	width: 380px;
	max-height: 320px;

box-shadow: 0px 0px 20px 0px rgba(35, 31, 32, 0.10);
	position: absolute;
	top: 60px;
	right: 98px;

background: #ffffff;
	overflow-y: auto;
	z-index: 1;
}
.post-smtp-notification-wrapper[data-v-1d82fd54] {
	width: calc( 100% - 4px );

border-radius: 0 4px 0 0;
	background: #FFF8F8;
	border-left: 4px solid #E57373;
	cursor: pointer;

position: relative;
}
[post-smtp-opened="false"][data-v-1d82fd54] {
	border-left: none;
	cursor: default;
}
.post-smtp-notification-content-wrapper[data-v-1d82fd54] {
	padding: 16px 20px;
	border-bottom: 1px solid #E5E9F1;
}
.post-smtp-notification-content-wrapper[data-v-1d82fd54]::after {
	content: '';
	display: table;
	clear: both;
}
.post-smtp-notification-title[data-v-1d82fd54] {
	color: #8B8F9A;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 142.857% */
}
[post-smtp-opened="true"] .post-smtp-notification-title[data-v-1d82fd54] {
	color: #B25858;
}
.post-smtp-notification-content[data-v-1d82fd54] {
	color: #8B8F9A;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 15.6px */

margin-top: 4px;
}
[post-smtp-opened="true"] .post-smtp-notification-content[data-v-1d82fd54] {
	color: #231F20;
}
.mt-10[data-v-1d82fd54] {
	margin-top: 10px;
}
.notification-timeline[data-v-1d82fd54] {
	color: #8B8F9A;
	text-align: right;
	font-family: Poppins;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 181.818% */
}
.left-side-content[data-v-1d82fd54] {
	width: 70%;
	float: left;
}
.full-width-content[data-v-1d82fd54] {
	display: block;
}
.clearfix[data-v-1d82fd54] {
	clear: both;
	display: table;
}
.full-width-content[data-v-1d82fd54]::after {
	content: '';
	display: table;
	clear: both;
}
.right-side-content[data-v-1d82fd54] {
	width: 30%;
	float: right;
}
.right-side-content[data-v-1d82fd54]::after {
	content: '';
	display: table;
	clear: both;
}
.notification-bin[data-v-1d82fd54] {
	display: block;
	width: 16px;
	height: 16px;
}

.troubleshooting[data-v-981174a6] {
	padding: 0 !important;
}
.mb-24[data-v-981174a6] {
	margin-bottom: 24px;
}
.troubleshooting-header[data-v-981174a6] {
	border-radius: 4px 4px 0 0;
	background: #EFF4FD;
	padding: 16px 24px;

font-family: Poppins;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: #231F20;
}
.troubleshooting-content[data-v-981174a6] {
	padding: 24px;
}
.troubleshoot.email[data-v-981174a6] {
	list-style: url(../57f4451f3be03da17463.svg) inside;
}
.troubleshoot.import-export[data-v-981174a6] {
	list-style: url(../d0a8e6270627cef66c74.svg) inside;
}
.troubleshoot.connectivity[data-v-981174a6] {
	list-style: url(../5b76dc43e6c63f11fb6d.svg) inside;
}
.troubleshoot.diagnostic[data-v-981174a6] {
	list-style: url(../258d1cba1f474caf0c4b.svg) inside;
}
.troubleshoot.reset[data-v-981174a6] {
	list-style: url(../9fdeee5472f16554c9e9.svg) inside;
}
.troubleshoot a[data-v-981174a6] {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #8B8F9A;
	text-decoration: underline;
}

.gmail-one-click-banner[data-v-3571051b] {
	overflow: hidden;
	border: 1px solid #dce3f0;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 2px 8px rgba( 35, 31, 32, 0.06 );
}
.gmail-one-click-banner__visual[data-v-3571051b] {
	padding: 12px 12px 0;
	background: #ffffff;
}
.gmail-one-click-banner__gif[data-v-3571051b] {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px 8px 0 0;
}
.gmail-one-click-banner__body[data-v-3571051b] {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px 16px 18px;
}
.gmail-one-click-banner__header[data-v-3571051b] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.gmail-one-click-banner__unlock-row[data-v-3571051b] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.gmail-one-click-banner__unlock[data-v-3571051b] {
	margin: 0;
	font-family: Poppins, system-ui, sans-serif;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
	color: #375caf;
}
.gmail-one-click-banner__title[data-v-3571051b] {
	margin: 0;
	font-family: Poppins, system-ui, sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	color: #375caf;
}
.gmail-one-click-banner__badge[data-v-3571051b] {
	flex-shrink: 0;
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 3.04px;
	height: 15.94px;
	padding: 3.79px;
	border-radius: 3.04px;
	background-color: #eae6ff;
	background-image: linear-gradient( 98.77deg, #214a72 -14.75%, #3a5eaf 98.73% );
}
.gmail-one-click-banner__badge-icon[data-v-3571051b] {
	display: block;
	width: auto;
	height: 8px;
}
.gmail-one-click-banner__badge-text[data-v-3571051b] {
	font-family: Poppins, system-ui, sans-serif;
	font-size: 8px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.06em;
	color: #ffd114;
}
.gmail-one-click-banner__description[data-v-3571051b] {
	margin: 0;
	font-family: Poppins, system-ui, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;
	color: #464646;
}
.gmail-one-click-banner__benefits[data-v-3571051b] {
	margin: 2px 0 4px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.gmail-one-click-banner__benefits li[data-v-3571051b] {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-family: Poppins, system-ui, sans-serif;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.35;
	color: #231f20;
}
.gmail-one-click-banner__check[data-v-3571051b] {
	flex-shrink: 0;
	width: 12px;
	height: 12px;
	margin-top: 1px;
}
.gmail-one-click-banner__cta[data-v-3571051b] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 85%;
	margin: 0 auto;
	padding: 12px 16px;
	border-radius: 8px;
	background: #3a5eaf;
	color: #ffffff;
	font-family: Poppins, system-ui, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: background 0.15s ease, transform 0.15s ease;
}
.gmail-one-click-banner__cta[data-v-3571051b]:hover,
.gmail-one-click-banner__cta[data-v-3571051b]:focus {
	background: #2f4f98;
	color: #ffffff;
	text-decoration: none;
	box-shadow: none;
	transform: translateY( -1px );
}
.gmail-one-click-banner__cta-icon[data-v-3571051b] {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

.widget-wrapper[data-v-61b1c642] {
	border: 1px solid #DCDFE5;
	margin-bottom: 24px;
	padding: 20px 0 0 24px;
	border-radius: 4px;
}
.widget-wrapper[data-v-61b1c642]:last-child {
	margin-bottom: 0;
}

.mobile-wrapper[data-v-2975379f] {
	background: linear-gradient(180deg, #FFFFFF 50%, #DCE7FF 100%);
}
.mobile-wrapper[data-v-2975379f] * {
	padding: 0;
	margin: 0;
}
.mobile-header[data-v-2975379f] {
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 500;
	line-height: 17.5px;
	text-align: left;
	color: #375CAF;
}
.mobile-header strong[data-v-2975379f] {
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 700;
	line-height: 17.5px;
	text-align: left;
	color: #375CAF;
}
.post-smtp-main-wp-wrapper .main-wp-header h3[data-v-2975379f] {
	color: #231F20;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 18.2px */
}
.post-smtp-main-wp-wrapper .main-wp-header h3 span[data-v-2975379f] {
	background: linear-gradient(269deg, #3662C7 18.26%, #32B495 47.83%, #B4D859 80.52%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%;
}
.mobile-unstyles-list li[data-v-2975379f] {
	font-family: Montserrat;
	font-size: 11px;
	font-weight: 500;
	line-height: 13.75px;
	text-align: left;
	color: #646464;
	margin-top: 10px;
	list-style: url(../2eb9c91de5efa416e660.svg) inside;
}
.img-wrapper[data-v-2975379f] {
	margin-top: 7px;
}
.img-wrapper[data-v-2975379f]::after {
	content: "";
	display: table;
	clear: both;
}
.qrcode-img[data-v-2975379f] {
	float: left;
	margin-top: 47px;
}
.qrcode-mobile-app[data-v-2975379f] {
	float: left;
}
.post-smtp-main-wp-wrapper[data-v-2975379f] {
	border-radius: 4px;
	border: 1px solid #DCDFE5;
	background: url( ../b5d4a4bc5f5d5c2cc5ec.png ), linear-gradient(180deg, #FFF 0%, #EDF2FE 100%);
	padding: 24px 24px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.main-wp-unstyled-list[data-v-2975379f] {
	margin-bottom: 86px;
}
.main-wp-unstyled-list li[data-v-2975379f] {
	color: #646464;
	font-family: Montserrat;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 13.75px; /* 13.75px */

list-style: url( ../9fd2c918204f11be1da3.svg ) inside;
}
.main-wp-footer a[data-v-2975379f] {
	display: inline-flex;
	padding: 10px 20px;
	justify-content: center;
	align-items: center;
	gap: 4px;

color: #FFF;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 142.857% */

border-radius: 50px;
	background: linear-gradient(312deg, #3662C7 21.21%, #32B495 64.57%, #B4D859 112.5%);
	text-decoration: none;
}
.post-smtp-spam-score-wrapper[data-v-2975379f] {
	border-radius: 4px;
	border: 1px solid #DCDFE5;
	background: url( ../27b2ae161d3d48de6aa4.png ), linear-gradient(180deg, #FFF 0%, #EDF2FE 100%);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 20px 25px;
}
.post-smtp-spam-score-header h2[data-v-2975379f] {
	color: #231F20;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20.8px; /* 20.8px */
}
.post-smtp-spam-score-header h2 span[data-v-2975379f] {
	font-weight: 700;
}
.post-smtp-spam-score-footer a[data-v-2975379f] {
	padding: 10px 20px;

color: #FFF;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 142.857% */

display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 4px;

border-radius: 4px;
	background: #375CAF;

text-decoration: none;
}
.post-smtp-spam-score-list-unstyled[data-v-2975379f] {
	margin-bottom: 20px;
}
.post-smtp-spam-score-list-unstyled li[data-v-2975379f] {
	color: #646464;
	font-family: Montserrat;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 13.75px;

list-style: url(../ff6653d27332dc8ab22a.svg) inside;
}

.btn[data-v-e27b9696] {
	cursor: pointer;
	display: block;
	padding: 12px 32px 12px 32px;
	border-radius: 50px;
	background: #FFFFFF1A;

text-decoration: none;
}
.btn-secondary[data-v-e27b9696] {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: left;
	color: #FFFFFF;
}
.btn-get-pro[data-v-e27b9696] {
	background: linear-gradient(270deg, #F9AA39 0%, #FFDAA5 100%);
	font-family: Poppins;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	color: #231F20;
	padding: 12px 32px !important;
	display: block;
}

.mb-24[data-v-77e11aa6] {
	margin-bottom: 24px;
}
.post-smtp-selector-wrapper[data-v-77e11aa6] {
	position: relative;
}
.post-smtp-selector-wrapper a.re-launch-wizard[data-v-77e11aa6] {
	float: right;
	padding: 8px 16px;
	background: #f3f7ff;
	border: 1px solid #e2ebff;
	color: #375CAF;
	font-family: Poppins;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: left;
	text-decoration: none;
}
.post-smtp-selector-wrapper[data-v-77e11aa6]::after {
	content: '';
	clear: both;
	display: table;
}

.wrapper[data-v-0ba96be9] {
	width: 177px;
	height: 32px;
	top: 146px;
	left: 213px;
	border-radius: 16px;
	background: #FFFFFF;
	border: 1px solid #DCDFE5
}
.days-selector[data-v-0ba96be9] {
	margin: 4px 0 0 2px;

cursor: pointer;

width: 56px;
	height: 24px;
	display: inline-block;

font-family: Poppins;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	text-align: center;

color: #44566C;

border: none;
	outline: none;
	background: none;
}
.days-selector.active[data-v-0ba96be9] {
	border-radius: 12px;
	background: #F3F7FF;
	color: #375CAF;
}
.disabled[data-v-0ba96be9] {
	pointer-events: none;
}
.disabled .days-selector[data-v-0ba96be9] {
	cursor: not-allowed;
}
.disabled .days-selector.active[data-v-0ba96be9] {
	background: none;
	cursor: not-allowed;
	color: #44566C;
}

.card-container[data-v-2dc01e40] * {
	padding: 0;
	margin: 0;
}
.card-container[data-v-2dc01e40]::after {
	content: "";
	display: table;
	clear: both;
}
.post-smtp-content-lighter[data-v-2dc01e40] {
	color: #231F20;
	font-family: Poppins;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px;
}
.pro-content-header[data-v-2dc01e40] {
	color: #5A3F17;
	text-align: center;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 14px; /* 100% */
}
.pro-content[data-v-2dc01e40] {
	color: #5A3F17;
	text-align: center;
	font-family: Poppins;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px; /* 118.182% */
	text-decoration-line: underline;
}
.post-smtp-card-box[is-pro="true"] .post-smtp-content-lighter[data-v-2dc01e40] {
	color: #fff;
}

.post-smtp-card[data-v-3753d82c] {
	width: calc( 25% - 16px + 2px );
	height: 140px;
	border-radius: 4px;
	float: left;
	margin-right: 16px;
}
.post-smtp-card[data-v-3753d82c]:last-child {
	margin-right: 0;
}
.post-smtp-card-all[data-v-3753d82c] {
	background: #EDF4FF;
	border: 1px solid #D3DDEB;
}
.post-smtp-card-success[data-v-3753d82c] {
	background: #EDFFEF;
	border: 1px solid #D3EBD6;
}
.post-smtp-card-failed[data-v-3753d82c] {
	background: #FFEDED;
	border: 1px solid #EBD3D3;
}
.post-smtp-card-opened--pro[data-v-3753d82c] {
	background: url( ../2b70fc947e7d243045cc.svg ), radial-gradient(95.39% 99.9% at 49.79% 0%, #FFD291 0%, #F9AA39 100%);
	border: 1px solid #EBE1D3;
	background-repeat: no-repeat;
	background-position: 275px 10px, center;
}
.post-smtp-card-content-wrapper[data-v-3753d82c] {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;

width: 100%;
	height: 100%;
}
.post-smtp-image-container[data-v-3753d82c] {
	margin-right: 15px;

width: 42px;
	height: 42px;

display: flex;
	justify-content: center;
	align-items: center;

border-radius: 50%;
}
.post-smtp-card-all .post-smtp-image-container[data-v-3753d82c] {
	background: url( ../5228f6e3f64c7ce0d516.png );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.post-smtp-card-success .post-smtp-image-container[data-v-3753d82c] {
	background: url( ../33faa49fa2c81c425660.png );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.post-smtp-card-failed .post-smtp-image-container[data-v-3753d82c] {
	background: url( ../080727baa513e48c626e.png );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.post-smtp-card-opened--pro .post-smtp-image-container[data-v-3753d82c] {
	background: url( ../1f30527ba4ffa819f296.png );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.post-smtp-card-pro.post-smtp-card-all .post-smtp-image-container[data-v-3753d82c] {
	background: url( ../acc721b33f3d1b7d3795.png );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.post-smtp-card-pro.post-smtp-card-success .post-smtp-image-container[data-v-3753d82c] {
	background: url( ../0762235fe75fa43063e7.png );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.post-smtp-card-pro.post-smtp-card-failed .post-smtp-image-container[data-v-3753d82c] {
	background: url( ../1c7dc8d09d20ecab18fb.png );
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.post-smtp-count[data-v-3753d82c] {
	color: #231F20;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 100% */
}
.post-smtp-content[data-v-3753d82c] {
	color: #231F20;
	font-family: Poppins;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 13px; /* 118.182% */
}
.post-smtp-card-pro .post-smtp-count[data-v-3753d82c],
.post-smtp-card-pro .post-smtp-content[data-v-3753d82c] {
	color: #fff;
}
.post-smtp-card-pro.post-smtp-card-all[data-v-3753d82c] {
	background: #6291D9;
}
.post-smtp-card-pro.post-smtp-card-success[data-v-3753d82c] {
	background: #74B27B;
}
.post-smtp-card-pro.post-smtp-card-failed[data-v-3753d82c] {
	background: #E57373;
}
.post-smtp-card-pro.post-smtp-card-opened--pro[data-v-3753d82c] {
	background: radial-gradient(95.39% 99.9% at 49.79% 0%, #FFD291 0%, #F9AA39 100%);
}

.post-smtp-button[data-v-b0a24b2e] {
	display: inline-block;
	padding: 8px 16px !important;
	justify-content: center;
	align-items: center;
	gap: 4px;

border-radius: 4px;
	background: linear-gradient(95deg, #375CAF 18.84%, #3161CD 84.93%);

color: #fff;

text-decoration: none;

font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px; /* 150% */
}

.post-smtp-notice-wrapper[data-v-d473dc1c] * {
	padding: 0;
	margin: 0;
}
.post-smtp-notice[data-v-d473dc1c] {
	width: calc( 100% - 33px );
	height: 44px;
	padding: 5px 16px 5px 16px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
}
.post-smtp-notice-success[data-v-d473dc1c] {
	border-radius: 4px;
	border: 1px solid #DDE6E0;
	background: #F4F9F6;
}
.post-smtp-notice-warning[data-v-d473dc1c] {
	border-radius: 4px;
	border: 1px solid #E6DDDD;
	background: #F9F4F4;
}
.post-smtp-notice-content[data-v-d473dc1c] {
	color: #263E30;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}
.post-smtp-notice-content strong[data-v-d473dc1c] {
	font-weight: 600;

padding-right: 4px;
}
.post-smtp-notice-icon[data-v-d473dc1c] {
	margin-right: 8px;
}

.post-smtp-logs-wrapper[data-v-82c3bb58] * {
	padding: 0;
	margin: 0;
}
.post-smtp-logs-wrapper[data-v-82c3bb58] {
	width: 100%;
}
.post-smtp-logs-header[data-v-82c3bb58] {
	width: calc( 100% - 2px - 48px );
	height: calc( 52px - 1px - 32px );

padding: 16px 24px;

border-radius: 4px 4px 0px 0px;
	border-top: 1px solid #DCDFE5;
	border-right: 1px solid #DCDFE5;
	border-left: 1px solid #DCDFE5;
	background: #EFF4FD;
}
.post-smtp-logs-body[data-v-82c3bb58] {
	width: calc( 100% - 2px );

border-radius: 0px 0px 4px 4px;
	border-right: 1px solid #DCDFE5;
	border-bottom: 1px solid #DCDFE5;
	border-left: 1px solid #DCDFE5;
	background: #FFF;
}
.post-smtp-logs-body th[data-v-82c3bb58],
.post-smtp-logs-body td[data-v-82c3bb58] {
	height: 48px;
	padding: 0 16px;
}
.post-smtp-logs-header[data-v-82c3bb58]::after {
	content: '';
	display: block;
	clear: both;
}
.float-left[data-v-82c3bb58] {
	float: left;
}
.float-right[data-v-82c3bb58] {
	float: right;
}
.post-smtp-logs-header h2[data-v-82c3bb58] {
	color: #231F20;
	text-align: center;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 125% */
}
.post-smtp-logs-header a[data-v-82c3bb58] {
	color: #375CAF;
	text-align: center;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 166.667% */
	text-decoration-line: underline;
}
.post-smtp-logs-body table[data-v-82c3bb58] {
	width: 100%;
}
.post-smtp-logs-body table thead th[data-v-82c3bb58] {
	color: #231F20;
	text-align: center;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 14px; /* 100% */
}
.post-smtp-logs-body table tbody td[data-v-82c3bb58] {
	color: #646464;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */

border-bottom: 1px solid #DCDFE5;
}
.post-smtp-logs-body table tbody tr:last-child td[data-v-82c3bb58] {
	border-bottom: none;
}
.post-smtp-logs-body table tbody td[data-v-82c3bb58] {
	text-align: left;
}
.post-smtp-status[data-v-82c3bb58] {
	display: inline-flex;
	padding: 4px;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-family: Poppins;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 12px; /* 120% */
	border-radius: 14px;
	width: 62px;
}
.post-smtp-status.post-smtp-success[data-v-82c3bb58] {
	color: #74B27B;
	background: #EDFFEF;
}
.post-smtp-status.post-smtp-failed[data-v-82c3bb58] {
	color: #E57373;
	background: #FFEDED;
}
.post-smtp-status-wrapper[data-v-82c3bb58] {
	width: 100%;
	position: relative;
}
.post-smtp-logs-empty[data-v-82c3bb58] {
	width: 100%;
	height: 300px;

display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.post-smtp-logs-empty .post-smtp-logs-head[data-v-82c3bb58] {}
.post-smtp-logs-empty .post-smtp-logs-content[data-v-82c3bb58] {
	text-align: center;

margin-bottom: 16px;
	margin-top: 24px;
}
.post-smtp-logs-empty .post-smtp-logs-content h3[data-v-82c3bb58] {
	color: #646464;
	text-align: center;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 14px; /* 100% */
	margin-bottom: 8px;
}
.post-smtp-logs-empty .post-smtp-logs-content p[data-v-82c3bb58] {
	color: #646464;
	text-align: center;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
}
.post-smtp-logs-empty .post-smtp-logs-footer a[data-v-82c3bb58] {
	display: block;
	color: #FFF;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 18px; /* 150% */

padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;

border-radius: 4px;
	background: #375CAF;

text-decoration: none;
}

.post-smtp-log-action-menu-wrapper[data-v-1121e3a1] {
	display: inline-flex;
	padding: 16px 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;

border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(35, 31, 32, 0.10);

position: absolute;

z-index: 925;

top: -13px;
	right: 32px;

width: 100px;
}
.post-smtp-log-action-menu-wrapper a[data-v-1121e3a1] {
	color: #231F20;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 133.333% */

text-decoration: none;
}
.post-smtp-link i[data-v-1121e3a1] {
	margin-right: 6px;
}
.post-smtp-link[data-v-1121e3a1] {
	margin-bottom: 12px;
}
.post-smtp-link[data-v-1121e3a1]:last-child {
	margin-bottom: 0;
}
.post-smtp-error-details[data-v-1121e3a1] {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur( 1px );
	z-index: 99999;
}
.post-smtp-details-wrapper[data-v-1121e3a1] {
	width: 700px;
	height: 500px;
	padding: 20px;
	box-shadow: 0 2px 16px rgb(0 0 0 / 50% );
	background: #fff;
	overflow: auto;
	position: relative;
}
.post-smtp-close-button[data-v-1121e3a1] {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	color: #231F20;
	text-decoration: none;
}
.resend-email-wrapper[data-v-1121e3a1] {
	width: 100%;
	height: 500px;

display: flex;
	justify-content: center;
	align-items: center;
}
.form-group[data-v-1121e3a1] {
	width: 100%;
}
.form-group label[data-v-1121e3a1] {
	display: block;
	margin-bottom: 6px;
}
.form-group textarea[data-v-1121e3a1] {
	width: 100%;
	height: 100px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.form-control[data-v-1121e3a1] {
	width: 100%;
	height: 40px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.post-smtp-button[data-v-1121e3a1] {
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.post-smtp-button.primary[data-v-1121e3a1] {
	background: #0073aa;
	color: #fff;
}
.email-menu-wrapper[data-v-1121e3a1] {
	position: absolute;
	right: 27px;
	top: 0px;
	cursor: pointer;
}
.email-menu-action[data-v-1121e3a1]::after {

content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #B0B0B0;
	margin: 4px 0;
}

.pro-features[data-v-08b0e406] * {
	box-sizing: border-box;
}
.pro-features[data-v-08b0e406] {
	--pro-banner-bg-a: #2b6399;
	--pro-banner-bg-b: #214a72;
	--pro-banner-gold-1: #fff4d9;
	--pro-banner-gold-2: #f9d78a;
	--pro-banner-gold-3: #f5a84a;
	--pro-banner-gold-4: #e87828;
	--pro-banner-text: #f3f6ff;

position: relative;
	overflow: hidden;
	min-height: 380px;
	height: auto;
	border-radius: 16px;
	background: linear-gradient(
		168deg,
		var(--pro-banner-bg-a) 0%,
		var(--pro-banner-bg-b) 100%
	);
	box-shadow:
		0 4px 6px rgba(6, 20, 40, 0.12),
		0 18px 40px rgba(8, 28, 52, 0.28);
}
.pro-features__texture[data-v-08b0e406] {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
	background-image: url( ../560ea6be4f14b80c2b09.svg );
	background-repeat: repeat;
	background-size: 120px 120px;
	opacity: 0.55;
}
.pro-features__vignette[data-v-08b0e406] {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	z-index: 1;
	background: radial-gradient(
		ellipse 75% 60% at 50% 30%,
		rgba(255, 255, 255, 0.06) 0%,
		transparent 55%
	);
	box-shadow: inset 0 0 70px rgba(0, 12, 28, 0.28);
}
.pro-features--minimized .pro-features__texture[data-v-08b0e406] {
	opacity: 0.4;
}
.pro-features--minimized[data-v-08b0e406] {
	min-height: 88px;
}
.container[data-v-08b0e406] {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 32px 40px 28px;
	gap: 24px;
}
.container--minimized[data-v-08b0e406] {
	padding: 20px 56px 20px 28px;
	gap: 0;
}
.header[data-v-08b0e406] {
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: center;
}
.header__brand[data-v-08b0e406] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.pro-features--minimized .header__brand[data-v-08b0e406] {
	justify-content: flex-start;
}

/* Replaces crown + “Pro Features” + tagline (pro-feature-svg-icon.svg) */
.header__hero[data-v-08b0e406] {
	display: block;
	width: min(100%, 380px);
	max-width: 100%;
	height: auto;
	filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.2));
}
.pro-features--minimized .header__hero[data-v-08b0e406] {
	width: auto;
	max-width: min(280px, 78vw);
	max-height: 44px;
	object-fit: contain;
	object-position: left center;
}
.body[data-v-08b0e406] {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	margin: 0;
	padding: 20px 0 16px;
	gap: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.body__integrations[data-v-08b0e406] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 20px 2%;
	width: 100%;
}

/* Full SVG art includes service name — no separate title under the image */
.integration-tile[data-v-08b0e406] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	max-width: 220px;
}

/* Same box width for every integration SVG (Gmail matches Office/AWS/Zoho) */
.integration-tile__art[data-v-08b0e406] {
	display: block;
	width: 300px;
	max-width: 100%;
	height: auto;
	max-height: 80px;
	margin: 0 auto;
	object-fit: contain;
	object-position: center;
}
.body__divider[data-v-08b0e406] {
	width: 100%;
	height: 5px;
	margin: 20px 0;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 255, 255, 0.2) 20%,
		rgba(255, 255, 255, 0.2) 80%,
		transparent 100%
	);
}

/* Equal padding above & below the icon+text row (between divider and bottom rule) */
.body__highlights[data-v-08b0e406] {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	gap: 10px 12px;
	width: 100%;
	padding: 18px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.highlight-tile[data-v-08b0e406] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	max-width: none;
	gap: 5px;
	margin: 0;
}
.highlight-tile__circle[data-v-08b0e406] {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.22);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.highlight-tile__icon[data-v-08b0e406] {
	max-height: 40px;
	width: auto;
	height: auto;
	object-fit: contain;
}
.highlight-tile__text[data-v-08b0e406] {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 12rem;
}
.highlight-tile__text[data-v-08b0e406] p {
	margin: 0;
	padding: 0;
	font-family: Poppins, system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	text-align: left;
	color: var(--pro-banner-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.footer[data-v-08b0e406] {
	margin: 2px 0 0;
	width: 100%;
	display: flex;
	justify-content: center;
}
.footer[data-v-08b0e406] .btn-get-pro {
	background: linear-gradient(
		90deg,
		#fff0dc 0%,
		#ffd89a 28%,
		#f9b24d 62%,
		#ff8f3c 100%
	) !important;
	color: #1a1a1a !important;
	font-weight: 700 !important;
	padding: 14px 40px !important;
	box-shadow:
		0 4px 20px rgba(248, 140, 50, 0.45),
		0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border: 1px solid rgba(255, 255, 255, 0.4);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.footer[data-v-08b0e406] .btn-get-pro:hover {
	transform: translateY(-2px);
	box-shadow:
		0 8px 28px rgba(248, 140, 50, 0.5),
		0 1px 0 rgba(255, 255, 255, 0.55) inset;
}
.post-smtp-minimize-ad[data-v-08b0e406] {
	position: absolute;
	top: 16px;
	right: 18px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, 0.45);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.post-smtp-minimize-ad[data-v-08b0e406]:hover {
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.65);
	color: #fff;
}
.post-smtp-minimize-ad[data-v-08b0e406]:focus {
	outline: 2px solid rgba(255, 255, 255, 0.6);
	outline-offset: 2px;
}
.post-smtp-minimize-ad .dashicons[data-v-08b0e406] {
	font-size: 18px;
	width: 18px;
	height: 18px;
	line-height: 18px;
}
.bcfm[data-v-08b0e406] {
	background-image:
		url( ../e2f9e8c4d311f9c91473.png ),
		linear-gradient(
			168deg,
			var(--pro-banner-bg-a) 0%,
			var(--pro-banner-bg-b) 100%
		);
	background-repeat: no-repeat, no-repeat;
	background-size: auto, auto;
	background-position: top right, center;
}
@media only screen and (max-width: 1200px) {
.integration-tile[data-v-08b0e406] {
		flex: 1 1 calc(50% - 12px);
		max-width: min(240px, 48%);
		min-width: 120px;
}
.body__highlights[data-v-08b0e406] {
		gap: 8px 8px;
}
.highlight-tile[data-v-08b0e406] {
		flex: 1 1 0;
		min-width: 0;
		gap: 6px;
}
.highlight-tile__circle[data-v-08b0e406] {
		width: 44px;
		height: 44px;
}
.highlight-tile__text[data-v-08b0e406] p {
		font-size: 11px;
}
}
@media only screen and (max-width: 640px) {
.container[data-v-08b0e406] {
		padding: 28px 20px 24px;
}
.body__integrations[data-v-08b0e406] {
		gap: 22px 5%;
}
.integration-tile[data-v-08b0e406] {
		flex: 1 1 calc(50% - 10px);
		max-width: min(220px, 48%);
		min-width: 110px;
}
.integration-tile__art[data-v-08b0e406] {
		width: 160px;
		max-height: 62px;
}

/* Keep four highlights on one row; scroll if the viewport is too narrow */
.body__highlights[data-v-08b0e406] {
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		overflow-x: auto;
		overflow-y: hidden;
		gap: 12px;
		padding: 16px 0;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
}
.highlight-tile[data-v-08b0e406] {
		flex: 0 0 auto;
		flex-direction: row;
		align-items: center;
		min-width: 0;
		width: auto;
		max-width: none;
}
.highlight-tile__text[data-v-08b0e406] {
		max-width: 9rem;
}
.highlight-tile__text[data-v-08b0e406] p {
		text-align: left;
		white-space: nowrap;
}
}

.documentation[data-v-7fb6e671] * {
	padding: 0;
	margin: 0;
}
.header[data-v-7fb6e671] {
	border-radius: 4px 4px 0 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #DCDFE5;
	padding: 16px 24px;
	background: #FFFFFF;
}
.header h3[data-v-7fb6e671] {
	font-family: Poppins;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
	color: #231F20;
}
.float-left[data-v-7fb6e671] {
	float: left;
}
.float-right[data-v-7fb6e671] {
	float: right;
}
.header[data-v-7fb6e671]::after {
	content: '';
	display: block;
	clear: both;
}
.transform-image[data-v-7fb6e671] {
	transform: rotate(0deg);
	transition: transform 0.5s;
}
.maximize[data-v-7fb6e671] {
	transform: rotate(180deg);
}
.minimize[data-v-7fb6e671] {
	transform: rotate(0deg);
}
.body[data-v-7fb6e671] {
	background: #EFF4FD;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #DCDFE5;
	padding: 48px 0;
}
.body[data-v-7fb6e671] {
	width: calc( 100% - 2px );
	display: flex;
	justify-content: center;
	align-items: center;
}
.content[data-v-7fb6e671] {
	display: grid;
	grid-template-columns: auto auto auto;
}
.content[data-v-7fb6e671]::after {
	content: '';
	display: block;
	clear: both;
}

.documentation[data-v-7ae3eba2] {
	width: 222px;
	float: left;
	padding: 20px;
	background: #ffffff;
	margin: 0 24px 24px 0;
}
.documentation h3[data-v-7ae3eba2] {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	text-align: left;
	color: #231F20;
}
.doc-unstyled-list[data-v-7ae3eba2] {
	margin-top: 20px;
	margin-bottom: 22px;
}
.doc-unstyled-list li[data-v-7ae3eba2] {
	line-height: 18px;
	margin: 10px 0;
}
.doc-unstyled-list li a[data-v-7ae3eba2] {
	font-family: Poppins;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	color: #375CAF;
}
.view-more-button[data-v-7ae3eba2] {
	font-family: Poppins;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	text-align: left;
	color: #375CAF;
	text-decoration: none;
}
.clearfix[data-v-7ae3eba2]::after {
	content: "";
	clear: both;
	display: table;
}

.animated {
    animation-duration: 0.5s;
}

.slideIn {
    animation-name: slideIn;
}

.slideOut {
    animation-name: slideOut;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-50%);
    }

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

@keyframes slideOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

to {
        opacity: 0;
        transform: translateY(-50%);
    }
}

#wpcontent {
    background: #F9FBFF;
}

.gmail-wrapper{
    padding: 0px !important;
    border-bottom: none !important;
    border: none !important;
    margin-bottom: 24px;
}

.office-one-click{
    width:274px
}
.office-wrapper{
    padding: 0px !important;
    border-bottom: none !important;
}

/*# sourceMappingURL=app.css.map*/