body.zoowai-live-support-page {
	--zoowai-support-ink: #102d4e;
	--zoowai-support-muted: #607991;
	--zoowai-support-blue: #167df5;
	--zoowai-support-blue-dark: #0b5fd4;
	--zoowai-support-line: rgba(67, 144, 215, 0.22);
	--zoowai-support-glass: rgba(255, 255, 255, 0.82);
	background: #eaf7ff;
	color: var(--zoowai-support-ink);
}

body.zoowai-live-support-page .whb-header,
body.zoowai-live-support-page .wd-footer.footer-container,
body.zoowai-live-support-page .page-title {
	display: none !important;
}

.zoowai-live-support,
.zoowai-live-support-footer {
	font-family: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.zoowai-live-support *,
.zoowai-live-support-footer * {
	box-sizing: border-box;
}

.zoowai-live-support {
	min-height: 820px;
	padding: 112px 24px 28px;
	background-color: #eaf7ff;
	background-image:
		radial-gradient(circle at 88% 4%, rgba(75, 174, 255, .16), transparent 30%),
		linear-gradient(125deg, rgba(255, 255, 255, .97), rgba(238, 249, 255, .88) 52%, rgba(230, 246, 255, .9));
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.zoowai-live-support-shell {
	width: min(1420px, 100%);
	margin: 0 auto;
}

.zoowai-live-support-crumbs {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0 0 12px;
	color: #73889c;
	font-size: 12px;
	font-weight: 700;
}

.zoowai-live-support-crumbs a,
.zoowai-live-support-footer a {
	color: inherit;
	text-decoration: none;
}

.zoowai-live-support-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 28px;
	min-height: 144px;
	padding: 8px 36px 18px;
}

.zoowai-live-support-hero > div:first-child {
	grid-column: 1;
}

.zoowai-live-support-hero > div > p,
.zoowai-live-support-message-heading p,
.zoowai-live-support-email-dialog > form > p {
	margin: 0 0 7px;
	color: var(--zoowai-support-blue);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.zoowai-live-support-hero h1 {
	margin: 0 0 10px;
	font-size: clamp(40px, 4.1vw, 62px);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.zoowai-live-support-hero > div > span {
	display: block;
	max-width: 570px;
	color: var(--zoowai-support-muted);
	font-size: 14px;
}

.zoowai-live-support-topic-switch {
	grid-column: 2;
	display: flex;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 0.94);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.76);
	box-shadow: 0 18px 48px rgba(53, 111, 159, 0.13);
	backdrop-filter: blur(20px);
}

.zoowai-live-support-topic-switch a {
	display: inline-flex;
	gap: 9px;
	align-items: center;
	justify-content: center;
	min-width: 166px;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 999px;
	color: #50677e;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

.zoowai-live-support-topic-switch a[aria-current="page"] {
	background: linear-gradient(135deg, #238dff, #1769ef);
	color: #fff;
	box-shadow: 0 10px 28px rgba(24, 126, 255, 0.28);
}

.zoowai-live-support a:focus-visible,
.zoowai-live-support button:focus-visible,
.zoowai-live-support textarea:focus-visible,
.zoowai-live-support input:focus-visible,
.zoowai-live-support select:focus-visible {
	outline: 3px solid rgba(24, 126, 255, 0.32);
	outline-offset: 3px;
}

.zoowai-live-support-workspace {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr) 260px;
	min-height: 590px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.94);
	border-radius: 32px;
	background: var(--zoowai-support-glass);
	box-shadow: 0 26px 75px rgba(62, 121, 168, 0.15);
	backdrop-filter: blur(28px);
}

.zoowai-live-support-workspace [data-support-view="message"] {
	display: none;
}

.zoowai-live-support-workspace[data-mode="message"] [data-support-view="chat"] {
	display: none !important;
}

.zoowai-live-support-workspace[data-mode="message"] [data-support-view="message"] {
	display: block;
}

.zoowai-live-support-status,
.zoowai-live-support-alternatives {
	padding: 32px 27px;
	background: rgba(247, 252, 255, 0.7);
}

.zoowai-live-support-status {
	border-right: 1px solid var(--zoowai-support-line);
}

.zoowai-live-support-channel {
	display: flex;
	gap: 13px;
	align-items: flex-start;
}

.zoowai-live-support-status-dot,
.zoowai-live-support-inline-status i {
	display: inline-block;
	flex: 0 0 auto;
	width: 11px;
	height: 11px;
	margin-top: 6px;
	border-radius: 50%;
	background: #96a8b8;
}

.zoowai-live-support-workspace.is-online .zoowai-live-support-status-dot,
.zoowai-live-support-workspace.is-online .zoowai-live-support-inline-status i {
	background: #29c66e;
	box-shadow: 0 0 0 6px rgba(41, 198, 110, 0.12);
}

.zoowai-live-support-channel strong {
	display: block;
	font-size: 18px;
}

.zoowai-live-support-channel em,
.zoowai-live-support-inline-status em {
	display: block;
	margin-top: 2px;
	color: #6c8296;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
}

.zoowai-live-support-workspace.is-online .zoowai-live-support-channel em,
.zoowai-live-support-workspace.is-online .zoowai-live-support-inline-status em {
	color: #16a65a;
}

.zoowai-live-support-status > div > p {
	margin: 26px 0 30px;
	color: var(--zoowai-support-muted);
	font-size: 13px;
	line-height: 1.75;
}

.zoowai-live-support-status-row {
	display: flex;
	gap: 13px;
	padding: 23px 0;
	border-top: 1px solid var(--zoowai-support-line);
}

.zoowai-live-support-status-row > span {
	color: #2486ef;
}

.zoowai-live-support-status-row strong,
.zoowai-live-support-status-row small {
	display: block;
}

.zoowai-live-support-status-row small {
	margin-top: 6px;
	color: var(--zoowai-support-muted);
	font-size: 12px;
	line-height: 1.6;
}

.zoowai-live-support-message-steps {
	position: relative;
	margin: 0;
	padding: 10px 0 0;
	list-style: none;
}

.zoowai-live-support-message-steps::before {
	position: absolute;
	top: 55px;
	bottom: 80px;
	left: 18px;
	border-left: 1px dashed rgba(52, 133, 209, 0.38);
	content: "";
}

.zoowai-live-support-message-steps li {
	position: relative;
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 15px;
	min-height: 155px;
}

.zoowai-live-support-message-steps li > span {
	position: relative;
	z-index: 1;
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid #d2e5f5;
	border-radius: 50%;
	background: #edf7ff;
	color: #274a6e;
	font-size: 12px;
	font-weight: 900;
}

.zoowai-live-support-message-steps li.is-active > span {
	border-color: transparent;
	background: linear-gradient(145deg, #238fff, #1169e4);
	color: #fff;
	box-shadow: 0 8px 22px rgba(24, 126, 255, 0.25);
}

.zoowai-live-support-message-steps strong,
.zoowai-live-support-message-steps small {
	display: block;
}

.zoowai-live-support-message-steps strong {
	margin-top: 7px;
	font-size: 15px;
}

.zoowai-live-support-message-steps small {
	margin-top: 9px;
	color: var(--zoowai-support-muted);
	font-size: 12px;
	line-height: 1.7;
}

.zoowai-live-support-main {
	min-width: 0;
	background: rgba(255, 255, 255, 0.18);
}

.zoowai-live-support-chat {
	display: flex;
	min-height: 590px;
	padding: 28px 28px 22px;
	flex-direction: column;
}

.zoowai-live-support-chat > header {
	padding-bottom: 15px;
	border-bottom: 1px solid var(--zoowai-support-line);
}

.zoowai-live-support-chat > header > div {
	display: flex;
	gap: 15px;
	align-items: center;
}

.zoowai-live-support-chat h2,
.zoowai-live-support-message-form h2 {
	margin: 0;
	font-size: 22px;
}

.zoowai-live-support-inline-status {
	display: inline-flex;
	gap: 7px;
	align-items: center;
}

.zoowai-live-support-inline-status i {
	width: 8px;
	height: 8px;
	margin: 0;
}

.zoowai-live-support-inline-status em {
	margin: 0;
}

.zoowai-live-support-chat > header p {
	margin: 11px 0 0;
	color: #8497aa;
	font-size: 12px;
}

.zoowai-live-support-thread {
	flex: 1 1 auto;
	min-height: 305px;
	max-height: 420px;
	overflow-y: auto;
	padding: 18px 4px;
	scrollbar-width: thin;
}

.zoowai-live-support-day {
	display: flex;
	align-items: center;
	margin: 2px 0 20px;
	color: #8ca0b5;
	font-size: 12px;
}

.zoowai-live-support-day::before,
.zoowai-live-support-day::after {
	width: 100%;
	height: 1px;
	background: var(--zoowai-support-line);
	content: "";
}

.zoowai-live-support-day span {
	padding: 0 14px;
}

.zoowai-live-support-message {
	display: flex;
	gap: 10px;
	align-items: flex-end;
	margin: 0 0 16px;
}

.zoowai-live-support-message > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #dcedfb;
	color: #1b5d92;
}

.zoowai-live-support-message > div {
	max-width: min(620px, 78%);
	padding: 15px 17px 9px;
	border: 1px solid rgba(93, 163, 222, 0.22);
	border-radius: 19px 19px 19px 6px;
	background: rgba(245, 250, 254, 0.92);
}

.zoowai-live-support-message.is-visitor {
	justify-content: flex-end;
}

.zoowai-live-support-message.is-visitor > div {
	order: 1;
	border-color: rgba(41, 128, 225, 0.22);
	border-radius: 19px 19px 6px 19px;
	background: #e6f2ff;
}

.zoowai-live-support-message.is-visitor > span {
	order: 2;
}

.zoowai-live-support-message p {
	margin: 0;
	white-space: pre-wrap;
	line-height: 1.65;
}

.zoowai-live-support-message time {
	display: block;
	margin-top: 8px;
	color: #8298ad;
	font-size: 10px;
}

.zoowai-live-support-message-attachments {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	max-width: 520px;
	margin-top: 10px;
}

.zoowai-live-support-message-attachments.is-single {
	grid-template-columns: minmax(0, 1fr);
	width: min(100%, 520px);
}

.zoowai-live-support-message-attachments a {
	display: grid;
	place-items: center;
	min-width: 0;
	overflow: hidden;
	border-radius: 12px;
	background: #dce9f3;
	cursor: zoom-in;
}

.zoowai-live-support-message-attachments a:focus-visible {
	outline: 3px solid rgba(24, 126, 255, 0.38);
	outline-offset: 3px;
}

.zoowai-live-support-message-attachments img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: min(42vh, 300px);
	margin: auto;
	border-radius: 12px;
	background: #dce9f3;
	object-fit: contain;
}

.zoowai-live-support-image-dialog {
	width: min(96vw, 1280px);
	max-width: calc(100vw - 16px);
	height: min(94vh, 960px);
	max-height: 94vh;
	margin: auto;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 20px;
	background: rgba(6, 17, 28, 0.96);
	box-shadow: 0 32px 100px rgba(4, 16, 28, 0.5);
	grid-template-rows: auto minmax(0, 1fr);
}

.zoowai-live-support-image-dialog[open] {
	display: grid;
}

.zoowai-live-support-image-dialog:not([open]) {
	display: none;
}

.zoowai-live-support-image-dialog::backdrop {
	background: rgba(4, 14, 24, 0.76);
	backdrop-filter: blur(8px);
}

.zoowai-live-support-image-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 56px;
	padding: 8px 12px 8px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	color: #fff;
}

.zoowai-live-support-image-toolbar > strong {
	font-size: 15px;
	letter-spacing: 0.02em;
}

.zoowai-live-support-image-tools {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.zoowai-live-support-image-tools output {
	min-width: 54px;
	color: #fff;
	font: 700 13px/1.2 Arial, sans-serif;
	text-align: center;
}

.zoowai-live-support-image-tools button,
.zoowai-live-support-image-dialog [data-support-image-close] {
	display: grid;
	min-width: 36px;
	min-height: 36px;
	place-items: center;
	padding: 0 12px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	font: 700 16px/1 Arial, sans-serif;
	cursor: pointer;
}

.zoowai-live-support-image-tools [data-support-image-fit] {
	font-size: 13px;
}

.zoowai-live-support-image-stage {
	position: relative;
	min-width: 0;
	min-height: 0;
	padding: 16px;
	overflow: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable both-edges;
	background: rgba(15, 25, 34, 0.8);
	touch-action: none;
}

.zoowai-live-support-image-stage.is-pannable {
	cursor: grab;
}

.zoowai-live-support-image-stage.is-panning {
	cursor: grabbing;
}

.zoowai-live-support-image-dialog [data-support-image-viewer] {
	display: block;
	width: auto;
	max-width: none;
	height: auto;
	max-height: none;
	margin: 0 auto;
	border-radius: 14px;
	object-fit: contain;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
}

.zoowai-live-support-image-dialog [data-support-image-close] {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	max-width: 40px;
	max-height: 40px;
	padding: 0;
	border-radius: 50%;
	font: 400 26px/1 Arial, sans-serif;
}

.zoowai-live-support-image-tools button:hover,
.zoowai-live-support-image-tools button:focus-visible,
.zoowai-live-support-image-dialog [data-support-image-close]:hover,
.zoowai-live-support-image-dialog [data-support-image-close]:focus-visible {
	background: rgba(255, 255, 255, 0.18);
	outline: 2px solid rgba(255, 255, 255, 0.64);
	outline-offset: 2px;
}

@media (max-width: 560px) {
	.zoowai-live-support-image-dialog {
		width: calc(100vw - 8px);
		height: calc(100dvh - 8px);
		max-width: calc(100vw - 8px);
		max-height: calc(100dvh - 8px);
		border-radius: 14px;
	}

	.zoowai-live-support-image-toolbar {
		gap: 8px;
		min-height: 52px;
		padding: 6px 8px;
	}

	.zoowai-live-support-image-toolbar > strong {
		display: none;
	}

	.zoowai-live-support-image-tools {
		gap: 4px;
	}

	.zoowai-live-support-image-tools output {
		min-width: 46px;
	}

	.zoowai-live-support-image-tools button {
		min-width: 34px;
		min-height: 34px;
		padding: 0 9px;
	}

	.zoowai-live-support-image-stage {
		padding: 10px;
	}
}

.zoowai-live-support-message-attachments video {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(65vh, 560px);
	border-radius: 12px;
	background: #dce9f3;
	object-fit: contain;
}

.zoowai-live-support-empty {
	margin: 18px 0 0;
	text-align: center;
	color: #91a3b4;
	font-size: 12px;
}

.zoowai-live-support-login-required {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	margin: 0 28px 26px;
	padding: 18px;
	border: 1px solid rgba(61, 148, 226, 0.24);
	border-radius: 20px;
	background: rgba(239, 248, 255, 0.92);
}

.zoowai-live-support-login-required > .dashicons {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: #dcefff;
	color: var(--zoowai-support-blue);
	font-size: 22px;
}

.zoowai-live-support-login-required div {
	display: grid;
	gap: 3px;
}

.zoowai-live-support-login-required p {
	margin: 0;
	color: var(--zoowai-support-blue);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.zoowai-live-support-login-required h3 {
	margin: 0;
	font-size: 17px;
}

.zoowai-live-support-login-required small {
	color: var(--zoowai-support-muted);
	font-size: 11px;
	line-height: 1.6;
}

.zoowai-live-support-login-required a {
	padding: 11px 16px;
	border-radius: 999px;
	background: var(--zoowai-support-blue);
	color: #fff;
	font-size: 11px;
	font-weight: 900;
	text-decoration: none;
	white-space: nowrap;
}

.zoowai-live-support-message.is-pending > div {
	opacity: 0.68;
}

.zoowai-live-support-message.is-pending time,
.zoowai-live-support-message.is-failed time {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.zoowai-live-support-message.is-failed > div {
	border-color: rgba(208, 73, 54, 0.36);
}

.zoowai-live-support-message-retry {
	margin-left: 8px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #c54838;
	font-size: 10px;
	font-weight: 900;
	cursor: pointer;
}

.zoowai-live-support-composer {
	padding: 12px 14px 10px 18px;
	border: 1px solid rgba(72, 151, 220, 0.24);
	border-radius: 23px;
	background: rgba(255, 255, 255, 0.86);
	box-shadow: 0 12px 34px rgba(43, 97, 139, 0.08);
}

.zoowai-live-support-composer textarea {
	width: 100%;
	min-height: 68px;
	padding: 8px 2px;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--zoowai-support-ink);
	font: inherit;
	resize: vertical;
}

.zoowai-live-support-composer-actions {
	display: flex;
	gap: 14px;
	align-items: center;
	justify-content: space-between;
}

.zoowai-live-support-upload-control {
	display: flex;
	gap: 10px;
	align-items: center;
	min-width: 0;
}

.zoowai-live-support-upload-control small {
	color: #8a9daf;
	font-size: 10px;
}

.zoowai-live-support-upload-button,
.zoowai-live-support-message-heading > button,
.zoowai-live-support-message-help > button {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	padding: 7px 10px;
	border: 0;
	background: transparent;
	color: var(--zoowai-support-blue);
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
}

.zoowai-live-support-send,
.zoowai-live-support-message-submit {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	min-width: 132px;
	min-height: 44px;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #2089ff, #1267df);
	box-shadow: 0 12px 28px rgba(24, 126, 255, 0.22);
	color: #fff;
	font-weight: 900;
	cursor: pointer;
}

.zoowai-live-support-send:disabled,
.zoowai-live-support-message-submit:disabled {
	cursor: wait;
	opacity: 0.6;
}

.zoowai-live-support-delivery {
	display: flex;
	gap: 7px;
	align-items: center;
	margin: 9px 2px 0;
	color: #8296a9;
	font-size: 10px;
}

.zoowai-live-support-delivery em {
	font-style: normal;
}

.zoowai-live-support-attachment-preview {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px;
	margin: 0 0 9px;
}

.zoowai-live-support-attachment-preview:empty {
	display: none;
}

.zoowai-live-support-attachment-card {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 24px;
	gap: 9px;
	align-items: center;
	min-width: 0;
	padding: 7px;
	border: 1px solid var(--zoowai-support-line);
	border-radius: 12px;
	background: #f5faff;
}

.zoowai-live-support-attachment-card > img,
.zoowai-live-support-attachment-card > span:first-child {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 9px;
	background: #ddebfa;
	color: #176ec6;
	object-fit: cover;
}

.zoowai-live-support-attachment-card strong,
.zoowai-live-support-attachment-card small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zoowai-live-support-attachment-card strong {
	font-size: 11px;
}

.zoowai-live-support-attachment-card small {
	margin-top: 3px;
	color: #7b91a5;
	font-size: 9px;
}

.zoowai-live-support-attachment-remove {
	display: inline-grid;
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	max-width: 24px;
	max-height: 24px;
	flex: 0 0 24px;
	place-items: center;
	padding: 0;
	border: 1px solid rgba(74, 133, 187, 0.22);
	border-radius: 50%;
	background: #fff;
	color: #70879d;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
}

.zoowai-live-support-attachment-remove:hover,
.zoowai-live-support-attachment-remove:focus-visible {
	border-color: rgba(205, 71, 71, 0.34);
	background: #fff3f3;
	color: #bd3838;
	outline: none;
}

.zoowai-live-support-feedback,
.zoowai-live-support-message-form [data-support-message-feedback] {
	min-height: 18px;
	margin: 8px 4px 0;
	color: #14734b;
	font-size: 11px;
}

.zoowai-live-support-feedback.is-error,
.zoowai-live-support-message-form [data-support-message-feedback].is-error {
	color: #b33d3d;
}

.zoowai-live-support-message-form {
	padding: 25px 30px 28px;
}

.zoowai-live-support-message-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}

.zoowai-live-support-message-heading > button {
	font-size: 13px;
}

.zoowai-live-support-message-intro {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	margin-bottom: 20px;
	padding: 15px 17px;
	border: 1px solid var(--zoowai-support-line);
	border-radius: 18px;
	background: rgba(242, 249, 255, 0.76);
}

.zoowai-live-support-message-intro > span {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 12px;
	background: #dceefe;
	color: #1681f1;
}

.zoowai-live-support-message-intro p,
.zoowai-live-support-message-intro em {
	margin: 0;
}

.zoowai-live-support-message-intro p {
	font-size: 12px;
	line-height: 1.6;
}

.zoowai-live-support-message-intro em {
	padding: 5px 9px;
	border: 1px solid var(--zoowai-support-line);
	border-radius: 999px;
	color: #698198;
	font-size: 10px;
	font-style: normal;
}

.zoowai-live-support-contact-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.zoowai-live-support-message-form label,
.zoowai-live-support-subjects legend {
	display: block;
	margin-bottom: 14px;
	color: #203f60;
	font-size: 12px;
	font-weight: 800;
}

.zoowai-live-support-message-form input[type="text"],
.zoowai-live-support-message-form input[type="email"],
.zoowai-live-support-message-form select,
.zoowai-live-support-message-form textarea {
	display: block;
	width: 100%;
	margin-top: 7px;
	padding: 11px 13px;
	border: 1px solid rgba(78, 146, 207, 0.27);
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.86);
	box-shadow: none;
	color: var(--zoowai-support-ink);
	font: inherit;
}

.zoowai-live-support-message-form textarea {
	min-height: 116px;
	resize: vertical;
}

.zoowai-live-support-product-field {
	max-width: 58%;
}

.zoowai-live-support-subjects {
	margin: 2px 0 14px;
	padding: 0;
	border: 0;
}

.zoowai-live-support-subjects > div {
	display: flex;
	gap: 9px;
	flex-wrap: wrap;
}

.zoowai-live-support-subjects label {
	margin: 0;
	cursor: pointer;
}

.zoowai-live-support-subjects input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.zoowai-live-support-subjects span {
	display: block;
	padding: 8px 13px;
	border: 1px solid var(--zoowai-support-line);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.7);
	color: #506980;
	font-size: 11px;
}

.zoowai-live-support-subjects input:checked + span {
	border-color: rgba(22, 125, 245, 0.46);
	background: #eaf4ff;
	color: #116be0;
	box-shadow: 0 0 0 2px rgba(22, 125, 245, 0.08);
}

.zoowai-live-support-subjects input:focus-visible + span {
	outline: 3px solid rgba(24, 126, 255, 0.32);
	outline-offset: 3px;
}

.zoowai-live-support-description {
	position: relative;
}

.zoowai-live-support-description > small {
	position: absolute;
	right: 13px;
	bottom: 9px;
	color: #92a3b4;
	font-size: 9px;
	font-weight: 500;
}

.zoowai-live-support-message-upload {
	margin: 5px 0 16px;
}

.zoowai-live-support-message-upload > button {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	width: 100%;
	padding: 12px 14px;
	border: 1px dashed rgba(54, 133, 207, 0.42);
	border-radius: 14px;
	background: rgba(242, 249, 255, 0.7);
	color: #1c5e99;
	text-align: left;
	cursor: pointer;
}

.zoowai-live-support-message-upload > button > span {
	grid-row: 1 / 3;
	align-self: center;
	color: var(--zoowai-support-blue);
}

.zoowai-live-support-message-upload > button strong,
.zoowai-live-support-message-upload > button small {
	display: block;
}

.zoowai-live-support-message-upload > button small {
	margin-top: 3px;
	color: #7890a5;
	font-size: 10px;
}

.zoowai-live-support-message-upload .zoowai-live-support-attachment-preview {
	margin-top: 9px;
}

.zoowai-live-support-submit-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px 20px;
	align-items: center;
	padding-top: 15px;
	border-top: 1px dashed var(--zoowai-support-line);
}

.zoowai-live-support-privacy {
	display: flex !important;
	gap: 8px;
	align-items: flex-start;
	margin: 0 !important;
	font-weight: 500 !important;
	line-height: 1.55;
}

.zoowai-live-support-privacy input {
	margin-top: 3px;
}

.zoowai-live-support-privacy a {
	color: var(--zoowai-support-blue);
}

.zoowai-live-support-message-submit {
	min-width: 230px;
}

.zoowai-live-support-submit-row [data-support-message-feedback] {
	grid-column: 1 / -1;
	margin: 0;
}

.zoowai-live-support-alternatives {
	border-left: 1px solid var(--zoowai-support-line);
}

.zoowai-live-support-alternatives > div[data-support-view="chat"] {
	display: flex;
	min-height: 100%;
	flex-direction: column;
}

.zoowai-live-support-alternatives h2 {
	margin: 0 0 25px;
	font-size: 19px;
}

.zoowai-live-support-alternative {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr) 18px;
	gap: 11px;
	align-items: start;
	width: 100%;
	margin: 0 0 14px;
	padding: 19px 16px;
	border: 1px solid rgba(86, 157, 220, 0.22);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.66);
	color: var(--zoowai-support-ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: transform 180ms ease, border-color 180ms ease;
}

.zoowai-live-support-alternative:hover {
	border-color: rgba(24, 126, 255, 0.48);
	transform: translateY(-2px);
}

.zoowai-live-support-alternative > span:first-child {
	color: var(--zoowai-support-blue);
}

.zoowai-live-support-alternative strong,
.zoowai-live-support-alternative small {
	display: block;
}

.zoowai-live-support-alternative small {
	margin-top: 6px;
	color: var(--zoowai-support-muted);
	font-size: 11px;
	line-height: 1.55;
}

.zoowai-live-support-alternative > i {
	align-self: center;
	color: #67829c;
}

.zoowai-live-support-back {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	margin-top: auto;
	color: var(--zoowai-support-blue);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

.zoowai-live-support-message-help > div {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 10px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--zoowai-support-line);
}

.zoowai-live-support-message-help > div > span {
	display: grid;
	width: 30px;
	height: 30px;
	place-items: center;
	border-radius: 50%;
	background: #e5f2fe;
	color: #176ec6;
}

.zoowai-live-support-message-help p,
.zoowai-live-support-message-help strong,
.zoowai-live-support-message-help small,
.zoowai-live-support-message-help a {
	display: block;
	margin: 0;
}

.zoowai-live-support-message-help strong {
	font-size: 13px;
}

.zoowai-live-support-message-help small {
	margin-top: 6px;
	color: var(--zoowai-support-muted);
	font-size: 11px;
	line-height: 1.6;
}

.zoowai-live-support-message-help a {
	margin-top: 10px;
	color: var(--zoowai-support-blue);
	font-size: 11px;
	font-weight: 800;
}

.zoowai-live-support-message-help > button {
	margin-top: 18px;
}

.zoowai-live-support-email-dialog {
	width: min(520px, calc(100vw - 30px));
	margin: auto;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.94);
	border-radius: 28px;
	background: rgba(247, 252, 255, 0.96);
	box-shadow: 0 32px 90px rgba(19, 62, 99, 0.28);
	color: var(--zoowai-support-ink);
	backdrop-filter: blur(26px);
}

.zoowai-live-support-email-dialog::backdrop {
	background: rgba(12, 37, 62, 0.38);
	backdrop-filter: blur(7px);
}

.zoowai-live-support-email-dialog > form {
	position: relative;
	padding: 36px;
	text-align: center;
}

.zoowai-live-support-dialog-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid var(--zoowai-support-line);
	border-radius: 50%;
	background: #fff;
	color: #617b91;
	cursor: pointer;
}

.zoowai-live-support-dialog-icon {
	display: grid;
	width: 56px;
	height: 56px;
	margin: 0 auto 16px;
	place-items: center;
	border-radius: 18px;
	background: linear-gradient(145deg, #dff1ff, #f5fbff);
	box-shadow: 0 10px 28px rgba(24, 126, 255, 0.14);
	color: var(--zoowai-support-blue);
	font-size: 27px;
}

.zoowai-live-support-email-dialog h2 {
	margin: 0 0 10px;
	font-size: 25px;
}

.zoowai-live-support-email-dialog > form > span:not(.zoowai-live-support-dialog-icon) {
	display: block;
	color: var(--zoowai-support-muted);
	font-size: 13px;
	line-height: 1.7;
}

.zoowai-live-support-email-dialog > form > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	margin: 22px 0 13px;
	padding: 9px 9px 9px 16px;
	border: 1px solid var(--zoowai-support-line);
	border-radius: 15px;
	background: #fff;
	text-align: left;
}

.zoowai-live-support-email-dialog code {
	overflow: hidden;
	color: #163f67;
	font: 700 14px/1.3 "SFMono-Regular", Consolas, monospace;
	text-overflow: ellipsis;
}

.zoowai-live-support-email-dialog [data-support-copy-email] {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 14px;
	border: 0;
	border-radius: 11px;
	background: #e8f3ff;
	color: #1268d5;
	font-size: 11px;
	cursor: pointer;
}

.zoowai-live-support-email-dialog > form > a {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	border-radius: 14px;
	background: linear-gradient(135deg, #2089ff, #1267df);
	box-shadow: 0 12px 28px rgba(24, 126, 255, 0.2);
	color: #fff;
	font-weight: 900;
	text-decoration: none;
}

.zoowai-live-support-email-dialog [data-support-email-feedback] {
	display: block;
	min-height: 16px;
	margin-top: 10px;
	color: #14734b;
	font-size: 11px;
}

.zoowai-live-support-email-dialog [data-support-email-feedback].is-error {
	color: #b33d3d;
}

.zoowai-live-support-footer {
	padding: 0 24px 28px;
	background: #eaf7ff;
}

.zoowai-live-support-footer > div {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto auto;
	gap: 32px;
	align-items: center;
	padding: 23px 38px;
	border: 1px solid rgba(255, 255, 255, 0.92);
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: 0 18px 48px rgba(53, 111, 159, 0.1);
	backdrop-filter: blur(20px);
}

.zoowai-live-support-footer > div > a {
	font-size: 27px;
	font-weight: 900;
	letter-spacing: -0.05em;
}

.zoowai-live-support-footer p,
.zoowai-live-support-footer small {
	margin: 0;
	color: #657d94;
}

.zoowai-live-support-footer nav {
	display: flex;
	gap: 22px;
	font-size: 12px;
	font-weight: 700;
}

@media (max-width: 1180px) {
	.zoowai-live-support {
		padding-top: 104px;
	}
	.zoowai-live-support-workspace {
		grid-template-columns: 220px minmax(0, 1fr);
	}
	.zoowai-live-support-alternatives {
		grid-column: 1 / -1;
		border-top: 1px solid var(--zoowai-support-line);
		border-left: 0;
	}
	.zoowai-live-support-alternatives > div[data-support-view="chat"] {
		display: grid;
		grid-template-columns: auto repeat(2, minmax(0, 1fr)) auto;
		gap: 13px;
		align-items: center;
	}
	.zoowai-live-support-alternatives h2,
	.zoowai-live-support-alternative,
	.zoowai-live-support-back {
		margin: 0;
	}
	.zoowai-live-support-workspace[data-mode="message"] .zoowai-live-support-message-help {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
		gap: 16px;
		align-items: start;
	}
	.zoowai-live-support-message-help > div {
		margin: 0;
		padding: 0;
		border: 0;
	}
	.zoowai-live-support-message-help > button {
		margin: 0;
	}
}

@media (max-width: 900px) {
	.zoowai-live-support-hero {
		grid-template-columns: 1fr;
		padding-bottom: 26px;
	}
	.zoowai-live-support-hero > div:first-child,
	.zoowai-live-support-topic-switch {
		grid-column: 1;
	}
	.zoowai-live-support-topic-switch {
		justify-self: start;
	}
	.zoowai-live-support-workspace {
		grid-template-columns: 1fr;
	}
	.zoowai-live-support-status,
	.zoowai-live-support-alternatives {
		border: 0;
	}
	.zoowai-live-support-status {
		border-bottom: 1px solid var(--zoowai-support-line);
	}
	.zoowai-live-support-status > div[data-support-view="chat"] {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 18px;
	}
	.zoowai-live-support-status > div > p {
		margin: 0;
	}
	.zoowai-live-support-status-row {
		padding: 0;
		border: 0;
	}
	.zoowai-live-support-workspace[data-mode="message"] .zoowai-live-support-message-steps {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
		padding: 0;
	}
	.zoowai-live-support-message-steps::before {
		display: none;
	}
	.zoowai-live-support-message-steps li {
		min-height: 0;
	}
	.zoowai-live-support-message-help {
		grid-template-columns: 1fr 1fr !important;
	}
	.zoowai-live-support-footer > div {
		grid-template-columns: auto 1fr;
	}
	.zoowai-live-support-footer nav,
	.zoowai-live-support-footer small {
		grid-column: 1 / -1;
	}
}

@media (max-width: 560px) {
	.zoowai-live-support-login-required {
		grid-template-columns: 42px 1fr;
		margin-inline: 14px;
	}

	.zoowai-live-support-login-required > a {
		grid-column: 1 / -1;
		text-align: center;
	}
	.zoowai-live-support {
		padding: 88px 12px 18px;
	}
	.zoowai-live-support-crumbs {
		margin: 0 6px 12px;
	}
	.zoowai-live-support-hero {
		gap: 18px;
		padding: 14px 6px 22px;
	}
	.zoowai-live-support-hero > div:first-child {
		padding: 18px;
		border: 1px solid rgba(255, 255, 255, 0.9);
		border-radius: 22px;
		background: rgba(255, 255, 255, 0.72);
		backdrop-filter: blur(16px);
	}
	.zoowai-live-support-hero h1 {
		font-size: 42px;
	}
	.zoowai-live-support-topic-switch,
	.zoowai-live-support-topic-switch a {
		width: 100%;
	}
	.zoowai-live-support-topic-switch a {
		min-width: 0;
		padding: 0 10px;
	}
	.zoowai-live-support-workspace {
		border-radius: 24px;
	}
	.zoowai-live-support-status {
		padding: 22px;
	}
	.zoowai-live-support-status > div[data-support-view="chat"],
	.zoowai-live-support-message-steps {
		grid-template-columns: 1fr;
	}
	.zoowai-live-support-status > div > p {
		display: none;
	}
	.zoowai-live-support-message-steps li {
		min-height: 74px;
	}
	.zoowai-live-support-chat {
		min-height: 620px;
		padding: 23px 15px 17px;
	}
	.zoowai-live-support-chat > header > div {
		align-items: flex-start;
		flex-direction: column;
	}
	.zoowai-live-support-thread {
		min-height: 330px;
	}
	.zoowai-live-support-message > div {
		max-width: 86%;
	}
	.zoowai-live-support-message-attachments {
		grid-template-columns: 1fr;
	}
	.zoowai-live-support-composer-actions,
	.zoowai-live-support-upload-control {
		align-items: stretch;
		flex-direction: column;
	}
	.zoowai-live-support-send {
		width: 100%;
	}
	.zoowai-live-support-message-form {
		padding: 23px 16px;
	}
	.zoowai-live-support-message-heading {
		align-items: flex-start;
		flex-direction: column;
	}
	.zoowai-live-support-message-heading > button {
		margin: 8px 0 0 -10px;
	}
	.zoowai-live-support-message-intro,
	.zoowai-live-support-contact-fields,
	.zoowai-live-support-submit-row {
		grid-template-columns: 1fr;
	}
	.zoowai-live-support-message-intro > span {
		display: none;
	}
	.zoowai-live-support-message-intro em {
		justify-self: start;
	}
	.zoowai-live-support-product-field {
		max-width: none;
	}
	.zoowai-live-support-message-submit {
		width: 100%;
	}
	.zoowai-live-support-alternatives > div[data-support-view="chat"],
	.zoowai-live-support-message-help {
		grid-template-columns: 1fr !important;
	}
	.zoowai-live-support-back {
		margin-top: 10px;
	}
	.zoowai-live-support-email-dialog > form {
		padding: 32px 20px 24px;
	}
	.zoowai-live-support-email-dialog > form > div {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.zoowai-live-support-footer {
		padding: 0 12px 18px;
	}
	.zoowai-live-support-footer > div {
		grid-template-columns: 1fr;
		gap: 15px;
		padding: 22px;
	}
	.zoowai-live-support-footer nav,
	.zoowai-live-support-footer small {
		grid-column: 1;
		flex-wrap: wrap;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zoowai-live-support-alternative {
		transition: none;
	}
}