/* One frontend shape follows the panel setting. Preview-only roots retain their
   existing radii; circular indicators and switch/icon geometry stay semantic. */
.mi-ai-chatbot-v4[data-mi-ai-chatbot-v4-widget] {
	--mi-ai-chatbot-v4-surface-radius: var(--mi-ai-chatbot-v4-panel-radius, 8px);
}

.mi-ai-chatbot-v4 {
	position: fixed;
	right: max(20px, env(safe-area-inset-right, 0px));
	bottom: max(20px, env(safe-area-inset-bottom, 0px));
	z-index: 99999;
	font-family: var(--mi-ai-chatbot-v4-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	color: #172026;
}

.mi-ai-chatbot-v4.mi-ai-chatbot-v4--protect,
.mi-ai-chatbot-v4.mi-ai-chatbot-v4--protect * {
	box-sizing: border-box;
	font-family: var(--mi-ai-chatbot-v4-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.mi-ai-chatbot-v4.mi-ai-chatbot-v4--protect :where(button, input, textarea, select) {
	appearance: none;
	line-height: normal;
}

.mi-ai-chatbot-v4 :where(button, a, input, textarea, select, summary):focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 2px;
}

.mi-ai-chatbot-v4-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--mi-ai-chatbot-v4-toggle-size, 58px);
	height: var(--mi-ai-chatbot-v4-toggle-size, 58px);
	border: 0;
	border-radius: 50%;
	background: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	color: #fff;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.24);
	cursor: pointer;
}

.mi-ai-chatbot-v4-toggle svg {
	width: calc(var(--mi-ai-chatbot-v4-toggle-size, 58px) * 0.47);
	height: calc(var(--mi-ai-chatbot-v4-toggle-size, 58px) * 0.47);
}

.mi-ai-chatbot-v4-panel {
	position: absolute;
	right: 0;
	bottom: calc(var(--mi-ai-chatbot-v4-toggle-size, 58px) + 16px);
	display: flex;
	flex-direction: column;
	width: min(var(--mi-ai-chatbot-v4-panel-width, 380px), calc(100vw - 32px));
	height: min(var(--mi-ai-chatbot-v4-panel-height, 620px), calc(100vh - 112px));
	height: min(var(--mi-ai-chatbot-v4-panel-height, 620px), calc(100dvh - 112px));
	max-width: calc(100vw - 32px);
	min-height: 0;
	overflow: hidden;
	border: 1px solid rgba(15, 23, 42, 0.16);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, var(--mi-ai-chatbot-v4-panel-radius, 8px));
	background: var(--mi-ai-chatbot-v4-panel-background, #fff);
	box-shadow: 0 18px 60px rgba(15, 23, 42, 0.26);
}

.mi-ai-chatbot-v4-panel[hidden] {
	display: none;
}

/* Grow from the launcher's centre without animating layout or corner radii. */
.mi-ai-chatbot-v4[data-mi-ai-chatbot-v4-widget] .mi-ai-chatbot-v4-panel {
	transform-origin: calc(100% - var(--mi-ai-chatbot-v4-toggle-size, 58px) * 0.5) calc(100% + 16px + var(--mi-ai-chatbot-v4-toggle-size, 58px) * 0.5);
}

/* Logically hidden immediately; inert/aria-hidden also prevent interaction
   while the final visual frame contracts into the launcher. */
.mi-ai-chatbot-v4[data-mi-ai-chatbot-v4-widget] .mi-ai-chatbot-v4-panel[hidden][data-mi-ai-chatbot-v4-panel-closing] {
	display: flex;
	pointer-events: none;
}

.mi-ai-chatbot-v4.is-expanded .mi-ai-chatbot-v4-panel {
	width: min(calc(var(--mi-ai-chatbot-v4-panel-width, 380px) * 1.65), calc(100vw - 32px));
	height: min(calc(var(--mi-ai-chatbot-v4-panel-height, 620px) + 100px), calc(100vh - 80px));
	height: min(calc(var(--mi-ai-chatbot-v4-panel-height, 620px) + 100px), calc(100dvh - 80px));
}

.mi-ai-chatbot-v4-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px;
	background: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	color: var(--mi-ai-chatbot-v4-header-text, #fff);
}

.mi-ai-chatbot-v4-header > div:first-child {
	min-width: 0;
	flex: 1;
}

.mi-ai-chatbot-v4-header-main {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	flex: 1;
}

.mi-ai-chatbot-v4-logo {
	width: 36px;
	height: 36px;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 8px);
	background: rgba(255, 255, 255, 0.16);
	object-fit: cover;
	flex: 0 0 36px;
}

.mi-ai-chatbot-v4-logo[hidden] {
	display: none;
}

.mi-ai-chatbot-v4-header-text {
	min-width: 0;
	flex: 1;
}

.mi-ai-chatbot-v4-header strong,
.mi-ai-chatbot-v4-header span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mi-ai-chatbot-v4-header strong {
	font-size: 15px;
	line-height: 1.3;
}

.mi-ai-chatbot-v4-header span {
	margin-top: 2px;
	font-size: 12px;
	opacity: 0.9;
}

.mi-ai-chatbot-v4-header-actions {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex: 0 0 auto;
}

.mi-ai-chatbot-v4-icon-button,
.mi-ai-chatbot-v4-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	border: 0;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 50%);
	background: transparent;
	color: var(--mi-ai-chatbot-v4-header-text, #fff);
	font-size: 0;
	cursor: pointer;
	padding: 0;
}

.mi-ai-chatbot-v4-icon-button:hover,
.mi-ai-chatbot-v4-close:hover,
.mi-ai-chatbot-v4-icon-button.is-active {
	background: rgba(255, 255, 255, 0.16);
}

.mi-ai-chatbot-v4-icon-button svg,
.mi-ai-chatbot-v4-close svg {
	width: 16px;
	height: 16px;
}

.mi-ai-chatbot-v4-close::before {
	content: "\00d7";
	font-size: 20px;
	line-height: 1;
}

.mi-ai-chatbot-v4-close svg + *,
.mi-ai-chatbot-v4-close svg {
	display: none;
}

.mi-ai-chatbot-v4-close::before {
	content: none;
}

.mi-ai-chatbot-v4-close svg {
	display: block;
}

.mi-ai-chatbot-v4-messages {
	flex: 1;
	min-height: 0;
	overflow: auto;
	overscroll-behavior: contain;
	padding: 16px;
	background: var(--mi-ai-chatbot-v4-panel-background, #f6f8fc);
}

.mi-ai-chatbot-v4-conversation-browser {
	display: flex;
	flex: 1;
	min-height: 0;
	flex-direction: column;
	gap: 16px;
	overflow: auto;
	padding: 18px 16px;
	background: var(--mi-ai-chatbot-v4-panel-background, #f6f8fc);
}

.mi-ai-chatbot-v4-conversation-browser[hidden] {
	display: none;
}

.mi-ai-chatbot-v4-conversation-browser__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.mi-ai-chatbot-v4-conversation-browser__header > div {
	min-width: 0;
}

.mi-ai-chatbot-v4-conversation-browser__header strong,
.mi-ai-chatbot-v4-conversation-browser__header span {
	display: block;
}

.mi-ai-chatbot-v4-conversation-browser__header strong {
	color: var(--mi-ai-chatbot-v4-bot-text, #172026);
	font-size: 16px;
	line-height: 1.35;
}

.mi-ai-chatbot-v4-conversation-browser__header span {
	margin-top: 4px;
	color: #64748b;
	font-size: 12px;
	line-height: 1.5;
}

.mi-ai-chatbot-v4-conversation-browser__header button {
	flex: 0 0 auto;
	min-height: 36px;
	border: 1px solid var(--mi-ai-chatbot-v4-primary, #2f8df5);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 8px);
	padding: 8px 11px;
	background: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	color: var(--mi-ai-chatbot-v4-header-text, #fff);
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.mi-ai-chatbot-v4-conversation-browser__list {
	display: grid;
	gap: 10px;
}

.mi-ai-chatbot-v4-conversation-browser__notice {
	margin: 0;
	border: 1px solid color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 35%, #fff);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 10px);
	padding: 10px 12px;
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 8%, #fff);
	color: var(--mi-ai-chatbot-v4-bot-text, #172026);
	font-size: 12px;
	line-height: 1.5;
}

.mi-ai-chatbot-v4-conversation-browser__notice[hidden] {
	display: none;
}

.mi-ai-chatbot-v4-conversation-browser__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	width: 100%;
	border: 1px solid rgba(47, 141, 245, 0.2);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 12px);
	padding: 13px 14px;
	background: var(--mi-ai-chatbot-v4-bot-bubble, #fff);
	color: var(--mi-ai-chatbot-v4-bot-text, #172026);
	font: inherit;
	text-align: start;
	cursor: pointer;
	box-shadow: 0 5px 16px rgba(15, 23, 42, 0.06);
}

.mi-ai-chatbot-v4-conversation-browser__item:hover,
.mi-ai-chatbot-v4-conversation-browser__item.is-current {
	border-color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
}

.mi-ai-chatbot-v4-conversation-browser__item:focus-visible {
	border-color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	outline: 2px solid var(--mi-ai-chatbot-v4-primary, #2f8df5);
	outline-offset: 2px;
}

.mi-ai-chatbot-v4-conversation-browser__item-text {
	min-width: 0;
}

.mi-ai-chatbot-v4-conversation-browser__item-title,
.mi-ai-chatbot-v4-conversation-browser__item-date,
.mi-ai-chatbot-v4-conversation-browser__item-status {
	display: block;
}

.mi-ai-chatbot-v4-conversation-browser__item-title {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
	white-space: normal;
	overflow-wrap: anywhere;
}

.mi-ai-chatbot-v4-conversation-browser__item-date {
	margin-top: 3px;
	color: #64748b;
	font-size: 11px;
	line-height: 1.4;
}

.mi-ai-chatbot-v4-conversation-browser__item-status {
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 999px);
	padding: 4px 7px;
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 12%, #fff);
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
}

.mi-ai-chatbot-v4-conversation-browser__empty {
	margin: 0;
	border: 1px dashed rgba(100, 116, 139, 0.35);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 12px);
	padding: 24px 18px;
	color: #718096;
	font-size: 13px;
	line-height: 1.55;
	text-align: center;
}

.mi-ai-chatbot-v4-conversation-browser__empty[hidden] {
	display: none;
}

.mi-ai-chatbot-v4.is-conversation-browser-open .mi-ai-chatbot-v4-messages,
.mi-ai-chatbot-v4.is-conversation-browser-open .mi-ai-chatbot-v4-handoff,
.mi-ai-chatbot-v4.is-conversation-browser-open .mi-ai-chatbot-v4-form {
	display: none;
}

.mi-ai-chatbot-v4-intro {
	display: grid;
	justify-items: center;
	gap: 8px;
	margin: 2px 0 18px;
	text-align: center;
}

.mi-ai-chatbot-v4-intro[hidden] {
	display: none;
}

.mi-ai-chatbot-v4-intro-logo {
	width: 54px;
	height: 54px;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 14px);
	background: #fff;
	object-fit: cover;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
}

.mi-ai-chatbot-v4-intro-logo[hidden] {
	display: none;
}

.mi-ai-chatbot-v4-intro strong,
.mi-ai-chatbot-v4-intro span {
	display: block;
}

.mi-ai-chatbot-v4-intro strong {
	color: var(--mi-ai-chatbot-v4-bot-text, #172026);
	font-size: 15px;
	font-weight: 650;
	line-height: 1.25;
}

.mi-ai-chatbot-v4-intro span {
	margin-top: 3px;
	color: #64748b;
	font-size: 12px;
	line-height: 1.35;
}

.mi-ai-chatbot-v4-history-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 180px;
	padding: 20px 8px;
	color: #64748b;
	text-align: center;
}

.mi-ai-chatbot-v4-history-loader-bubble {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	max-width: 100%;
	padding: 12px 14px;
	border: 1px solid #dbe3ea;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 8px);
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-bot-bubble, #ffffff) 88%, var(--mi-ai-chatbot-v4-panel-background, #f6f8fc));
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.mi-ai-chatbot-v4-history-loader-text {
	color: #64748b;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
}

.mi-ai-chatbot-v4-message {
	display: flex;
	flex-direction: column;
	margin-bottom: 12px;
}

.mi-ai-chatbot-v4-message--user {
	align-items: flex-end;
}

.mi-ai-chatbot-v4-message--bot {
	align-items: flex-start;
}

.mi-ai-chatbot-v4-message-body {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	max-width: 92%;
}

.mi-ai-chatbot-v4-avatar {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 50%;
	background: #e9fbff;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
	object-fit: contain;
}

.mi-ai-chatbot-v4-bubble {
	max-width: 86%;
	padding: 10px 12px;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 8px);
	background: var(--mi-ai-chatbot-v4-bot-bubble, #fff);
	color: var(--mi-ai-chatbot-v4-bot-text, #172026);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
	font-size: 14px;
	line-height: 1.45;
	white-space: pre-wrap;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble {
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
	white-space: normal;
	word-break: break-word;
}

.mi-ai-chatbot-v4-message--user .mi-ai-chatbot-v4-bubble {
	background: var(--mi-ai-chatbot-v4-user-bubble, var(--mi-ai-chatbot-v4-primary, #2f8df5));
	color: var(--mi-ai-chatbot-v4-user-text, #fff);
	white-space: pre-wrap;
}

.mi-ai-chatbot-v4-message--typing {
	margin-bottom: 12px;
}

.mi-ai-chatbot-v4-typing-bubble {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	min-height: 34px;
	padding: 10px 13px;
}

.mi-ai-chatbot-v4-typing-dots {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.mi-ai-chatbot-v4-typing-dots span {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	animation: mi-ai-chatbot-v4-thinking-dot 1.15s ease-in-out infinite;
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 72%, #64748b);
	opacity: 0.38;
}

.mi-ai-chatbot-v4-typing-dots span:nth-child(2) {
	animation-delay: 0.16s;
}

.mi-ai-chatbot-v4-typing-dots span:nth-child(3) {
	animation-delay: 0.32s;
}

.mi-ai-chatbot-v4-message-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	max-width: 86%;
	margin-top: 6px;
	color: #8492a4;
	font-size: 12px;
	line-height: 1;
}

.mi-ai-chatbot-v4-message--user .mi-ai-chatbot-v4-message-meta {
	justify-content: flex-end;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-message-meta {
	margin-inline-start: 40px;
	max-width: calc(92% - 40px);
}

.mi-ai-chatbot-v4-message-time {
	white-space: nowrap;
}

.mi-ai-chatbot-v4-message-actions {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.mi-ai-chatbot-v4-feedback-status {
	flex-basis: 100%;
	color: #b42342;
	font-size: 11px;
	line-height: 1.35;
}

.mi-ai-chatbot-v4-message-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 4px);
	background: transparent;
	color: #8492a4;
	cursor: pointer;
	padding: 0;
}

.mi-ai-chatbot-v4-message-action:hover,
.mi-ai-chatbot-v4-message-action.is-active {
	background: #eaf5ff;
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
}

.mi-ai-chatbot-v4-message-action svg {
	width: 15px;
	height: 15px;
}

.mi-ai-chatbot-v4-message-action.is-active[data-mi-ai-chatbot-v4-message-action="positive"] svg,
.mi-ai-chatbot-v4-message-action.is-active[data-mi-ai-chatbot-v4-message-action="negative"] svg {
	fill: currentColor;
	stroke: currentColor;
}

.mi-ai-chatbot-v4-bubble a {
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	font-weight: 650;
	text-decoration: underline;
	text-underline-offset: 2px;
	overflow-wrap: anywhere;
}

.mi-ai-chatbot-v4-bubble a:hover {
	color: #0b534d;
}

.mi-ai-chatbot-v4-response-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble .mi-ai-chatbot-v4-response-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 100%;
	min-height: 38px;
	border: 1px solid var(--mi-ai-chatbot-v4-primary, #2f8df5);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 8px);
	background: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	text-underline-offset: initial;
	overflow-wrap: anywhere;
	white-space: normal;
	padding: 8px 13px;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble .mi-ai-chatbot-v4-response-action:not(:first-child) {
	background: var(--mi-ai-chatbot-v4-input-background, #ffffff);
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble .mi-ai-chatbot-v4-response-action:hover {
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 86%, #000000);
	color: #ffffff;
	text-decoration: none;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble .mi-ai-chatbot-v4-response-action:not(:first-child):hover {
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 10%, #ffffff);
	color: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 82%, #000000);
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble h3 {
	margin: 0 0 10px;
	color: inherit;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.25;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble h3:not(:first-child) {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid #dbe3ea;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble p {
	margin: 0 0 10px;
	line-height: 1.52;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble p:last-child {
	margin-bottom: 0;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble strong {
	font-weight: 700;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble blockquote {
	margin: 14px 0 0;
	padding: 10px 12px;
	border-inline-start: 4px solid color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 28%, #d6dce3);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 0 8px 8px 0);
	background: rgba(15, 23, 42, 0.04);
	color: #68707a;
	font-weight: 600;
	line-height: 1.45;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble hr {
	height: 0;
	border: 0;
	border-top: 3px solid #d6dce3;
	margin: 18px 0;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble ul,
.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble ol {
	margin: 8px 0 12px;
	margin-inline-start: 18px;
	padding: 0;
}

.mi-ai-chatbot-v4-message--bot .mi-ai-chatbot-v4-bubble li {
	margin: 4px 0;
	line-height: 1.48;
}

.mi-ai-chatbot-v4-quick-replies {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	max-width: 88%;
	margin: -2px 0 14px;
}

.mi-ai-chatbot-v4-quick-replies button {
	min-height: 30px;
	border: 1px solid color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 28%, #ffffff);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 999px);
	background: var(--mi-ai-chatbot-v4-input-background, #ffffff);
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	padding: 0 11px;
}

.mi-ai-chatbot-v4-quick-replies button:hover {
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 10%, #ffffff);
}

.mi-ai-chatbot-v4-retry-action {
	display: flex;
	margin-top: 10px;
}

.mi-ai-chatbot-v4-retry {
	min-height: 32px;
	border: 1px solid color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 42%, #ffffff);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 7px);
	background: var(--mi-ai-chatbot-v4-input-background, #ffffff);
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	padding: 5px 12px;
}

.mi-ai-chatbot-v4-retry:hover {
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 10%, #ffffff);
}

.mi-ai-chatbot-v4-retry:focus-visible {
	outline: 2px solid var(--mi-ai-chatbot-v4-primary, #2f8df5);
	outline-offset: 2px;
}

.mi-ai-chatbot-v4-retry:disabled {
	cursor: wait;
	opacity: 0.65;
}

.mi-ai-chatbot-v4-handoff {
	display: grid;
	gap: 7px;
	border-top: 1px solid #e5e7eb;
	background: var(--mi-ai-chatbot-v4-panel-background, #f8fbfa);
	padding: 12px 14px;
}

.mi-ai-chatbot-v4-handoff span,
.mi-ai-chatbot-v4-handoff small {
	color: #43515c;
	font-size: 13px;
	line-height: 1.4;
}

.mi-ai-chatbot-v4-handoff small {
	color: #64748b;
	white-space: pre-line;
}

.mi-ai-chatbot-v4-handoff a,
.mi-ai-chatbot-v4-handoff strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 32px;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 6px);
	background: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	padding: 0 11px;
}

.mi-ai-chatbot-v4-handoff small a {
	display: inline;
	min-height: 0;
	border-radius: 0;
	background: transparent;
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	font: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
	padding: 0;
}

.mi-ai-chatbot-v4-lead-form {
	display: grid;
	gap: 9px;
	margin-top: 3px;
	border: 1px solid color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 18%, #dbe3ea);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 8px);
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-panel-background, #f8fbfa) 78%, #ffffff);
	padding: 11px;
}

.mi-ai-chatbot-v4-lead-form__intro {
	display: grid;
	gap: 3px;
}

.mi-ai-chatbot-v4-lead-form__intro strong,
.mi-ai-chatbot-v4-lead-form__intro span {
	display: block;
}

.mi-ai-chatbot-v4-lead-form__intro strong {
	color: var(--mi-ai-chatbot-v4-bot-text, #172026);
	font-size: 13px;
	font-weight: 650;
	line-height: 1.25;
}

.mi-ai-chatbot-v4-lead-form__intro span,
.mi-ai-chatbot-v4-lead-form__consent,
.mi-ai-chatbot-v4-lead-form__actions span {
	color: #64748b;
	font-size: 12px;
	line-height: 1.35;
}

.mi-ai-chatbot-v4-lead-form__fields {
	display: grid;
	gap: 7px;
}

.mi-ai-chatbot-v4-lead-form input[type="text"],
.mi-ai-chatbot-v4-lead-form input[type="email"],
.mi-ai-chatbot-v4-lead-form input[type="tel"] {
	width: 100%;
	min-width: 0;
	height: 36px;
	border: 1px solid var(--mi-ai-chatbot-v4-input-border, #d1d5db);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 6px);
	background: var(--mi-ai-chatbot-v4-input-background, #ffffff);
	color: var(--mi-ai-chatbot-v4-input-text, #172026);
	font-size: 13px;
	padding: 0 10px;
}

.mi-ai-chatbot-v4-lead-form__consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.mi-ai-chatbot-v4-lead-form__consent input {
	width: 15px;
	height: 15px;
	margin: 1px 0 0;
	accent-color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	flex: 0 0 15px;
}

.mi-ai-chatbot-v4-lead-form__actions {
	display: flex;
	align-items: center;
	gap: 9px;
}

.mi-ai-chatbot-v4-lead-form__actions button {
	min-height: 32px;
	border: 0;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 6px);
	background: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	color: #ffffff;
	font-size: 12px;
	font-weight: 650;
	cursor: pointer;
	padding: 0 12px;
}

.mi-ai-chatbot-v4-lead-form__actions button:disabled {
	opacity: 0.68;
	cursor: progress;
}

.mi-ai-chatbot-v4-lead-form__actions span.is-success {
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
}

.mi-ai-chatbot-v4-lead-form__actions span.is-error {
	color: #b42342;
}

.mi-ai-chatbot-v4-lead-flow-message .mi-ai-chatbot-v4-message-body {
	max-width: 96%;
}

.mi-ai-chatbot-v4-lead-flow-bubble {
	display: grid;
	gap: 9px;
	width: min(100%, 340px);
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-bot-bubble, #ffffff) 72%, #e8eef5);
}

.mi-ai-chatbot-v4-lead-flow-intro {
	margin: 0;
	color: color-mix(in srgb, var(--mi-ai-chatbot-v4-bot-text, #172026) 76%, transparent);
	font-size: 13px;
	line-height: 1.45;
}

.mi-ai-chatbot-v4-lead-flow-question {
	color: var(--mi-ai-chatbot-v4-bot-text, #172026);
	font-size: 13px;
	line-height: 1.4;
}

.mi-ai-chatbot-v4-lead-flow-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 40px;
	gap: 8px;
	align-items: center;
}

.mi-ai-chatbot-v4-lead-flow-form input[type="text"],
.mi-ai-chatbot-v4-lead-flow-form input[type="email"],
.mi-ai-chatbot-v4-lead-flow-form input[type="tel"],
.mi-ai-chatbot-v4-lead-flow-form input[type="date"] {
	width: 100%;
	min-width: 0;
	height: 40px;
	border: 1px solid var(--mi-ai-chatbot-v4-input-border, #d1d5db);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, var(--mi-ai-chatbot-v4-input-radius, 0));
	background: var(--mi-ai-chatbot-v4-input-background, #ffffff);
	color: var(--mi-ai-chatbot-v4-input-text, #172026);
	font-size: var(--mi-ai-chatbot-v4-input-text-size, 14px);
	outline: 0;
	padding: 0 12px;
}

.mi-ai-chatbot-v4-lead-flow-form input[type="text"]:focus,
.mi-ai-chatbot-v4-lead-flow-form input[type="email"]:focus,
.mi-ai-chatbot-v4-lead-flow-form input[type="tel"]:focus,
.mi-ai-chatbot-v4-lead-flow-form input[type="date"]:focus {
	border-color: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 45%, var(--mi-ai-chatbot-v4-input-border, #d1d5db));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 14%, transparent);
}

.mi-ai-chatbot-v4-lead-flow-form input::placeholder {
	color: var(--mi-ai-chatbot-v4-input-placeholder, #6b7280);
	opacity: 1;
}

.mi-ai-chatbot-v4-lead-flow-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-height: 36px;
	color: var(--mi-ai-chatbot-v4-bot-text, #172026);
	font-size: 13px;
	line-height: 1.35;
}

.mi-ai-chatbot-v4-lead-flow-checkbox input {
	position: relative;
	width: 48px;
	min-width: 48px;
	height: 27px;
	margin: 0;
	border: 0;
	border-radius: 999px;
	outline: 0;
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 18%, #d8e2ea);
	box-shadow:
		inset 0 0 0 1px rgba(23, 34, 53, 0.10),
		0 8px 16px rgba(23, 34, 53, 0.10);
	cursor: pointer;
	flex: 0 0 48px;
	transition: background 0.2s ease, box-shadow 0.2s ease;
	appearance: none;
	-webkit-appearance: none;
}

.mi-ai-chatbot-v4-lead-flow-checkbox input::before {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 21px;
	height: 21px;
	border-radius: 999px;
	background: #ffffff;
	box-shadow: 0 4px 10px rgba(23, 34, 53, 0.18);
	content: "";
	transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.mi-ai-chatbot-v4-lead-flow-checkbox input:checked {
	background: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.14),
		0 9px 18px color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 25%, transparent);
}

.mi-ai-chatbot-v4-lead-flow-checkbox input:checked::before {
	transform: translateX(21px);
}

.mi-ai-chatbot-v4-lead-flow-checkbox input:focus-visible {
	box-shadow:
		0 0 0 3px color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 18%, transparent),
		0 8px 16px rgba(23, 34, 53, 0.10);
}

.mi-ai-chatbot-v4-lead-flow-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, var(--mi-ai-chatbot-v4-send-radius, 5px));
	background: var(--mi-ai-chatbot-v4-send-background, var(--mi-ai-chatbot-v4-primary, #2f8df5));
	color: var(--mi-ai-chatbot-v4-send-text, #ffffff);
	cursor: pointer;
	padding: 0;
}

.mi-ai-chatbot-v4-lead-flow-submit:disabled {
	opacity: 0.62;
	cursor: default;
}

.mi-ai-chatbot-v4-lead-flow-skip {
	grid-column: 1 / -1;
	justify-self: start;
	min-height: 32px;
	border: 0;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 6px);
	background: transparent;
	color: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 76%, #172026);
	cursor: pointer;
	font: inherit;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.3;
	padding: 5px 8px;
	text-align: start;
}

.mi-ai-chatbot-v4-lead-flow-skip:hover {
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 9%, transparent);
}

.mi-ai-chatbot-v4-lead-flow-skip:focus-visible {
	outline: 2px solid var(--mi-ai-chatbot-v4-primary, #2f8df5);
	outline-offset: 2px;
}

.mi-ai-chatbot-v4-lead-flow-skip:disabled {
	cursor: default;
	opacity: 0.62;
}

.mi-ai-chatbot-v4-lead-flow-submit svg {
	display: none;
}

.mi-ai-chatbot-v4-lead-flow-submit::before,
.mi-ai-chatbot-v4-lead-flow-submit::after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 999px;
	background: currentColor;
}

.mi-ai-chatbot-v4-lead-flow-submit::before {
	width: 13px;
	height: 2px;
}

.mi-ai-chatbot-v4-lead-flow-submit::after {
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	background: transparent;
	transform: translateX(3px) rotate(45deg);
}

.mi-ai-chatbot-v4-lead-flow-status {
	grid-column: 1 / -1;
	min-height: 14px;
	color: #b42342;
	font-size: 11px;
	line-height: 1.25;
}

.mi-ai-chatbot-v4-email-gate-bubble {
	width: min(100%, 360px);
	gap: 12px;
}

.mi-ai-chatbot-v4-email-gate-code-form {
	display: grid;
	gap: 10px;
}

.mi-ai-chatbot-v4-email-gate-code-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	align-items: center;
}

.mi-ai-chatbot-v4-email-gate-code-row input {
	width: 100%;
	min-width: 0;
	height: 44px;
	border: 1px solid var(--mi-ai-chatbot-v4-input-border, #d1d5db);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, var(--mi-ai-chatbot-v4-input-radius, 6px));
	background: var(--mi-ai-chatbot-v4-input-background, #ffffff);
	color: var(--mi-ai-chatbot-v4-input-text, #172026);
	font-size: 18px;
	font-variant-numeric: tabular-nums;
	font-weight: 650;
	letter-spacing: 0.32em;
	outline: 0;
	padding: 0 10px 0 16px;
	text-align: center;
}

.mi-ai-chatbot-v4-email-gate-code-row input:focus {
	border-color: color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 55%, var(--mi-ai-chatbot-v4-input-border, #d1d5db));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 14%, transparent);
}

.mi-ai-chatbot-v4-email-gate-code-row input::placeholder {
	color: var(--mi-ai-chatbot-v4-input-placeholder, #6b7280);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	opacity: 0.72;
}

.mi-ai-chatbot-v4-email-gate-verify {
	min-width: 82px;
	height: 44px;
	border: 0;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 7px);
	background: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	color: #ffffff;
	font-size: 13px;
	font-weight: 650;
	cursor: pointer;
	padding: 0 14px;
}

.mi-ai-chatbot-v4-email-gate-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px 12px;
}

.mi-ai-chatbot-v4-email-gate-link {
	min-height: 30px;
	border: 0;
	background: transparent;
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	padding: 3px 0;
	text-align: left;
	text-decoration: none;
}

.mi-ai-chatbot-v4-email-gate-link:hover:not(:disabled) {
	text-decoration: underline;
}

.mi-ai-chatbot-v4-email-gate-link:disabled,
.mi-ai-chatbot-v4-email-gate-verify:disabled,
.mi-ai-chatbot-v4-email-gate-code-row input:disabled {
	opacity: 0.58;
	cursor: not-allowed;
}

.mi-ai-chatbot-v4-email-gate-status {
	min-height: 16px;
	color: #b42342;
	font-size: 12px;
	line-height: 1.35;
}

.mi-ai-chatbot-v4-email-gate-message.is-verified .mi-ai-chatbot-v4-email-gate-bubble {
	border: 1px solid color-mix(in srgb, var(--mi-ai-chatbot-v4-primary, #2f8df5) 24%, transparent);
}

.mi-ai-chatbot-v4-email-gate-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.mi-ai-chatbot-v4-form.is-email-gated {
	background: color-mix(in srgb, var(--mi-ai-chatbot-v4-composer-background, #ffffff) 84%, #eef5ff);
}

.mi-ai-chatbot-v4-form.is-email-gated .mi-ai-chatbot-v4-input,
.mi-ai-chatbot-v4-form.is-email-gated .mi-ai-chatbot-v4-send {
	cursor: not-allowed;
}

@media (max-width: 420px) {
	.mi-ai-chatbot-v4-email-gate-code-row {
		grid-template-columns: 1fr;
	}

	.mi-ai-chatbot-v4-email-gate-verify {
		width: 100%;
	}
}

.mi-ai-chatbot-v4-form {
	display: flex;
	gap: 8px;
	padding: 12px;
	border-top: 1px solid #e5e7eb;
	background: var(--mi-ai-chatbot-v4-composer-background, #fff);
}

.mi-ai-chatbot-v4-input {
	flex: 1;
	min-width: 0;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--mi-ai-chatbot-v4-input-border, #d1d5db);
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, var(--mi-ai-chatbot-v4-input-radius, 0));
	background: var(--mi-ai-chatbot-v4-input-background, #fff);
	color: var(--mi-ai-chatbot-v4-input-text, #172026);
	font-size: var(--mi-ai-chatbot-v4-input-text-size, 14px);
}

.mi-ai-chatbot-v4-input::placeholder {
	color: var(--mi-ai-chatbot-v4-input-placeholder, #6b7280);
	opacity: 1;
}

.mi-ai-chatbot-v4-send {
	height: 40px;
	min-width: 74px;
	border: 0;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, var(--mi-ai-chatbot-v4-send-radius, 5px));
	background: var(--mi-ai-chatbot-v4-send-background, var(--mi-ai-chatbot-v4-primary, #2f8df5));
	color: var(--mi-ai-chatbot-v4-send-text, #fff);
	font-size: var(--mi-ai-chatbot-v4-send-text-size, 13px);
	font-weight: 600;
	cursor: pointer;
	padding: 0 14px;
}

.mi-ai-chatbot-v4-send:disabled {
	opacity: 0.7;
	cursor: progress;
}

.mi-ai-chatbot-v4-footer {
	border-top: 1px solid rgba(226, 232, 240, 0.8);
	background: var(--mi-ai-chatbot-v4-composer-background, #fff);
	color: #64748b;
	font-size: 11px;
	line-height: 1.35;
	padding: 6px 12px 10px;
	text-align: center;
}

.mi-ai-chatbot-v4-footer__links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.mi-ai-chatbot-v4-footer a {
	color: #64748b;
	font-weight: 600;
	text-decoration: none;
}

.mi-ai-chatbot-v4-footer a:hover {
	color: var(--mi-ai-chatbot-v4-primary, #2f8df5);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.mi-ai-chatbot-v4-footer__links > * + *::before {
	content: "\2022";
	margin-inline-end: 5px;
	color: #cbd5e1;
}

.mi-ai-chatbot-v4-footer__notice {
	margin-top: 4px;
}

.mi-ai-chatbot-v4-footer__notice summary {
	color: #64748b;
	cursor: pointer;
	font-weight: 600;
	list-style-position: inside;
}

.mi-ai-chatbot-v4-footer__notice div {
	margin-top: 6px;
	padding: 7px 8px;
	border-radius: var(--mi-ai-chatbot-v4-surface-radius, 7px);
	background: rgba(241, 245, 249, 0.82);
	color: #64748b;
	text-align: start;
}

.mi-ai-chatbot-v4-footer__notice p {
	margin: 0;
}

.mi-ai-chatbot-v4-footer__notice p + p {
	margin-top: 5px;
}

@keyframes mi-ai-chatbot-v4-thinking-dot {
	0%,
	80%,
	100% {
		transform: translateY(0) scale(0.92);
		opacity: 0.38;
	}

	40% {
		transform: translateY(-4px) scale(1);
		opacity: 0.92;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mi-ai-chatbot-v4 *,
	.mi-ai-chatbot-v4 *::before,
	.mi-ai-chatbot-v4 *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}

	.mi-ai-chatbot-v4-typing-dots span {
		animation: none;
		opacity: 0.72;
	}
}

@media (forced-colors: active) {
	.mi-ai-chatbot-v4 :where(button, input, textarea, select, summary) {
		border: 1px solid ButtonText;
	}

	.mi-ai-chatbot-v4 :where(button, a, input, textarea, select, summary):focus-visible {
		outline: 2px solid Highlight;
		outline-offset: 3px;
	}

	.mi-ai-chatbot-v4 a {
		text-decoration: underline;
	}

	.mi-ai-chatbot-v4 .mi-ai-chatbot-v4-response-action {
		border: 1px solid LinkText;
		forced-color-adjust: auto;
	}
}

@media print {
	.mi-ai-chatbot-v4 {
		display: none !important;
	}
}

@media (max-width: 480px) {
	.mi-ai-chatbot-v4 {
		right: max(12px, env(safe-area-inset-right, 0px));
		bottom: max(12px, env(safe-area-inset-bottom, 0px));
	}

	.mi-ai-chatbot-v4-panel {
		width: calc(100vw - 24px);
		width: calc(100vw - max(12px, env(safe-area-inset-left, 0px)) - max(12px, env(safe-area-inset-right, 0px)));
		max-width: calc(100vw - max(12px, env(safe-area-inset-left, 0px)) - max(12px, env(safe-area-inset-right, 0px)));
		height: min(var(--mi-ai-chatbot-v4-panel-height, 620px), calc(100vh - 96px));
		height: min(var(--mi-ai-chatbot-v4-panel-height, 620px), calc(100dvh - 96px - env(safe-area-inset-top, 0px)));
	}

	.mi-ai-chatbot-v4.is-expanded .mi-ai-chatbot-v4-panel {
		width: calc(100vw - 24px);
		width: calc(100vw - max(12px, env(safe-area-inset-left, 0px)) - max(12px, env(safe-area-inset-right, 0px)));
		max-width: calc(100vw - max(12px, env(safe-area-inset-left, 0px)) - max(12px, env(safe-area-inset-right, 0px)));
		height: min(var(--mi-ai-chatbot-v4-panel-height, 620px), calc(100vh - 96px));
		height: min(var(--mi-ai-chatbot-v4-panel-height, 620px), calc(100dvh - 96px - env(safe-area-inset-top, 0px)));
	}

	.mi-ai-chatbot-v4-input,
	.mi-ai-chatbot-v4-lead-flow-form input[type="text"],
	.mi-ai-chatbot-v4-lead-flow-form input[type="email"],
	.mi-ai-chatbot-v4-lead-flow-form input[type="tel"],
	.mi-ai-chatbot-v4-lead-flow-form input[type="date"],
	.mi-ai-chatbot-v4-email-gate-identity-form input,
	.mi-ai-chatbot-v4-email-gate-code-form input {
		font-size: 16px;
	}
}

@media (max-width: 360px) {
	.mi-ai-chatbot-v4-header {
		flex-wrap: wrap;
		gap: 8px;
		padding: 10px 12px;
	}

	.mi-ai-chatbot-v4-header-main {
		order: 1;
		flex: 1 1 calc(100% - 40px);
	}

	.mi-ai-chatbot-v4-header-actions {
		order: 3;
		width: 100%;
		justify-content: flex-end;
	}

	.mi-ai-chatbot-v4-close {
		order: 2;
	}

	.mi-ai-chatbot-v4-conversation-browser__header {
		align-items: stretch;
		flex-direction: column;
	}

	.mi-ai-chatbot-v4-conversation-browser__header button {
		width: 100%;
		white-space: normal;
		overflow-wrap: anywhere;
	}
}

/* Custom thin line icons. */
.mi-ai-chatbot-v4-line-icon {
	display: block;
	box-sizing: border-box;
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
	stroke-width: 1.65;
}

.mi-ai-chatbot-v4-toggle__icon.mi-ai-chatbot-v4-line-icon {
	width: calc(var(--mi-ai-chatbot-v4-toggle-size, 58px) * 0.48);
	height: calc(var(--mi-ai-chatbot-v4-toggle-size, 58px) * 0.48);
}

.mi-ai-chatbot-v4-header-action-icon.mi-ai-chatbot-v4-line-icon {
	width: 17px;
	height: 17px;
}

.mi-ai-chatbot-v4-message-action-icon.mi-ai-chatbot-v4-line-icon,
.mi-ai-chatbot-v4-message-action svg.mi-ai-chatbot-v4-line-icon {
	width: 16px;
	height: 16px;
}

.mi-ai-chatbot-v4-close {
	position: relative;
	font-size: 0;
}

.mi-ai-chatbot-v4-close::before,
.mi-ai-chatbot-v4-close::after {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 1.6px;
	border-radius: 999px;
	background: currentColor;
}

.mi-ai-chatbot-v4-close::before {
	transform: rotate(45deg);
}

.mi-ai-chatbot-v4-close::after {
	transform: rotate(-45deg);
}

.mi-ai-chatbot-v4-close .mi-ai-chatbot-v4-line-icon {
	display: block;
	width: 17px;
	height: 17px;
}

.mi-ai-chatbot-v4-close::before,
.mi-ai-chatbot-v4-close::after {
	content: none;
}