/**
 * Page styles — genie-ai. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.cma-assistant__composer-placeholder {
	flex:1;
	font-size:9px;
	color:var(--site-text-muted);
}

.crm-help-chat__composer-placeholder {
	flex:1;
	font-size:9px;
	color:var(--site-text-muted);
}

.listing-chat__composer-placeholder {
	flex:1;
	font-size:9px;
	color:var(--site-text-muted);
}

.listing-chat__widget {
	border:1px solid var(--site-border);
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 4px 16px var(--site-black-alpha-8);
}

.listing-chat__bot-bubble {
	background:var(--site-bg-subtle);
	border-radius:3px 10px 10px 10px;
	padding:7px 9px;
	font-size:9px;
	color:var(--site-text-sec);
	line-height:1.45;
	max-width:85%;
}

.listing-chat__visitor-bubble {
	background:var(--site-teal);
	border-radius:10px 10px 3px 10px;
	padding:7px 9px;
	font-size:9px;
	color:var(--site-white);
	line-height:1.45;
	max-width:85%;
}

.cma-assistant__agent-bubble {
	background:var(--site-navy);
	border-radius:10px 10px 3px 10px;
	padding:8px 10px;
	font-size:9px;
	color:var(--site-white);
	line-height:1.5;
	max-width:88%;
}

.crm-help-chat__agent-bubble {
	background:var(--site-navy);
	border-radius:10px 10px 3px 10px;
	padding:8px 10px;
	font-size:9px;
	color:var(--site-white);
	line-height:1.5;
	max-width:88%;
}

.cma-assistant__bot-bubble {
	background:var(--site-bg-subtle);
	border-radius:3px 10px 10px 10px;
	padding:8px 10px;
	font-size:9px;
	color:var(--site-text-sec);
	line-height:1.5;
	max-width:88%;
}

.crm-help-chat__bot-bubble {
	background:var(--site-bg-subtle);
	border-radius:3px 10px 10px 10px;
	padding:8px 10px;
	font-size:9px;
	color:var(--site-text-sec);
	line-height:1.5;
	max-width:88%;
}

.chat-lead-record__summary {
	background:var(--site-teal-bg);
	border:1px solid var(--site-teal-border);
	border-radius:7px;
	padding:8px 10px;
}

.cma-assistant__report-banner {
	background:var(--site-teal-bg);
	border-bottom:1px solid var(--site-teal-border);
	padding:8px 12px;
}

.listing-chat__online-dot {
	margin-left:auto;
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--site-green-45);
}

.chat-lead-record__open-icon {
	margin-left:3px;
}

.cma-assistant__bot-icon {
	font-size:8px;
	color:var(--site-white);
}

.cma-assistant__send-icon {
	font-size:8px;
	color:var(--site-white);
}

.crm-help-chat__bot-icon {
	font-size:8px;
	color:var(--site-white);
}

.crm-help-chat__send-icon {
	font-size:8px;
	color:var(--site-white);
}

.listing-chat__bot-icon {
	font-size:8px;
	color:var(--site-white);
}

.listing-chat__send-icon {
	font-size:8px;
	color:var(--site-white);
}

.chat-lead-record__footer {
	padding:10px 14px;
	background:var(--site-bg-subtle);
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.cma-assistant__bot-message {
	display:flex;
	gap:7px;
}

.crm-help-chat__bot-message {
	display:flex;
	gap:7px;
}

.listing-chat__photo {
	height:60px;
	background:var(--site-teal-bg);
	border-radius:6px;
	border:1px solid var(--site-teal-border);
	display:flex;
	align-items:center;
	justify-content:center;
}

.listing-chat__bot-avatar {
	width:18px;
	height:18px;
	border-radius:50%;
	background:var(--site-teal);
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.cma-assistant__bot-avatar {
	width:20px;
	height:20px;
	border-radius:50%;
	background:var(--site-teal);
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.crm-help-chat__bot-avatar {
	width:20px;
	height:20px;
	border-radius:50%;
	background:var(--site-teal);
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.cma-assistant__send-button {
	width:22px;
	height:22px;
	border-radius:50%;
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
}

.crm-help-chat__send-button {
	width:22px;
	height:22px;
	border-radius:50%;
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
}

.listing-chat__send-button {
	width:22px;
	height:22px;
	border-radius:50%;
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
}

.listing-chat__assistant-avatar {
	width:22px;
	height:22px;
	border-radius:50%;
	background:var(--site-white-alpha-20);
	display:flex;
	align-items:center;
	justify-content:center;
}

.listing-chat__composer {
	padding:7px 10px;
	background:var(--site-bg-subtle);
	border-top:1px solid var(--site-border);
	display:flex;
	align-items:center;
	gap:8px;
}

.cma-assistant__composer {
	padding:7px 12px;
	border-top:1px solid var(--site-border);
	background:var(--site-bg-subtle);
	display:flex;
	align-items:center;
	gap:8px;
}

.crm-help-chat__composer {
	padding:7px 12px;
	border-top:1px solid var(--site-border);
	background:var(--site-bg-subtle);
	display:flex;
	align-items:center;
	gap:8px;
}

.listing-chat__widget-header {
	background:var(--site-teal);
	padding:9px 12px;
	display:flex;
	align-items:center;
	gap:8px;
}

.listing-chat__visitor-message {
	display:flex;
	gap:6px;
	flex-direction:row-reverse;
}

.cma-assistant__agent-message {
	display:flex;
	gap:7px;
	flex-direction:row-reverse;
}

.crm-help-chat__agent-message {
	display:flex;
	gap:7px;
	flex-direction:row-reverse;
}

.listing-chat__messages {
	padding:10px;
	background:var(--site-white);
	display:flex;
	flex-direction:column;
	gap:7px;
}

.cma-assistant__messages {
	padding:10px 12px;
	display:flex;
	flex-direction:column;
	gap:8px;
}

.crm-help-chat__messages {
	padding:10px 12px;
	display:flex;
	flex-direction:column;
	gap:8px;
}

.cma-assistant__report-label {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-teal);
	margin-bottom:2px;
}

.listing-chat__address {
	font-size:11px;
	font-weight:800;
	color:var(--site-navy);
	margin-bottom:3px;
}

.chat-lead-record__summary-label {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-teal);
	margin-bottom:5px;
}

.listing-chat__facts {
	font-size:9px;
	color:var(--site-text-muted);
	margin-bottom:8px;
}

.listing-chat__assistant-role {
	font-size:8px;
	color:var(--site-white-alpha-70);
}

.chat-lead-record__summary-text {
	font-size:9px;
	color:var(--site-text-sec);
	line-height:1.5;
}

.hero-chat__visitor-bubble {
	background:var(--site-teal);
	border-radius:12px 12px 4px 12px;
	padding:8px 10px;
	font-size:10px;
	color:var(--site-white);
	line-height:1.45;
	max-width:82%;
}

.hero-chat__bot-bubble {
	background:var(--site-white-alpha-10);
	border-radius:4px 12px 12px 12px;
	padding:8px 10px;
	font-size:10px;
	color:var(--site-text-on-dark);
	line-height:1.45;
	max-width:82%;
}

.hero-chat__capture-notice {
	background:var(--site-success-alpha-15);
	border:1px solid var(--site-success-alpha-30);
	border-radius:7px;
	padding:6px 9px;
	font-size:9px;
	color:var(--site-mint-52);
	font-weight:600;
}

.hero-chat__capture-icon {
	margin-right:5px;
}

.hero-chat__bot-icon {
	font-size:10px;
	color:var(--site-white);
}

.hero-chat__bot-message {
	display:flex;
	gap:7px;
	align-items:flex-end;
}

.hero-chat__bot-avatar {
	width:22px;
	height:22px;
	border-radius:50%;
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.hero-chat__visitor-message {
	display:flex;
	gap:7px;
	align-items:flex-end;
	flex-direction:row-reverse;
}

.hero-chat__thread {
	background:var(--site-white-alpha-6);
	border:1px solid var(--site-white-alpha-10);
	border-radius:10px;
	padding:10px;
	display:flex;
	flex-direction:column;
	gap:6px;
}

.genie-ai-seo-tip__link {
	color:var(--site-teal);
	font-weight:600;
}

/* Moved here from another stylesheet: this is where these classes are used. */
.chat-lead-record__header {
	padding:12px 14px;
	border-bottom:1px solid var(--site-border);
}
.listing-chat__listing {
	padding:12px 14px;
	border-bottom:1px solid var(--site-border);
}
.chat-lead-record__field {
	background:var(--site-bg-subtle);
	border-radius:7px;
	padding:8px;
}
.chat-lead-record__fields {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
	margin-bottom:10px;
}
.chat-lead-record__source-icon {
	margin-right:4px;
	color:var(--site-teal);
}
.listing-chat__assistant-icon {
	font-size:10px;
	color:var(--site-white);
}
.chat-lead-record__status-pill {
	margin-left:auto;
	font-size:9px;
	font-weight:700;
	background:var(--site-success-bg);
	color:var(--site-success);
	padding:3px 9px;
	border-radius:999px;
}
.listing-chat__bot-message {
	display:flex;
	gap:6px;
}
.chat-lead-record__avatar {
	width:36px;
	height:36px;
	border-radius:50%;
	background:var(--site-teal);
	color:var(--site-white);
	font-size:12px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.chat-lead-record__contact {
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:10px;
}
.listing-chat__widget-area {
	padding:10px 14px;
}
.chat-lead-record__assignee-name {
	color:var(--site-navy);
}
.crm-help-chat__ui-term {
	color:var(--site-navy);
}
.chat-lead-record__summary-highlight {
	color:var(--site-teal);
}
.cma-assistant__price-highlight {
	color:var(--site-teal);
}
.chat-lead-record__field-label {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-text-muted);
	margin-bottom:2px;
}
.cma-assistant__report-title {
	font-size:10px;
	font-weight:700;
	color:var(--site-navy);
}
.listing-chat__assistant-name {
	font-size:10px;
	font-weight:700;
	color:var(--site-white);
}
.chat-lead-record__field-value {
	font-size:10px;
	color:var(--site-navy);
}

.chat-lead-record__field-value--key {
	font-weight:600;
}
.chat-lead-record__contact-details {
	font-size:10px;
	color:var(--site-text-muted);
}
.chat-lead-record__name {
	font-size:12px;
	font-weight:700;
	color:var(--site-navy);
}
.chat-lead-record__open-link {
	font-size:9px;
	font-weight:700;
	color:var(--site-teal);
}
.listing-chat__photo-label {
	font-size:9px;
	color:var(--site-teal);
	font-weight:600;
}
.chat-lead-record__assignee {
	font-size:9px;
	color:var(--site-text-muted);
}
.genie-ai-seo-tip__icon {
	margin-right:6px;
}
.genie-ai-seo-tip {
	background:var(--site-teal-bg);
	border:1px solid var(--site-teal-border);
	border-radius:10px;
	padding:14px 16px;
	margin-top:20px;
}
.genie-ai-seo-tip__text {
	font-size:12px;
	color:var(--site-text-sec);
	line-height:1.6;
	margin:0;
}
@media (max-width: 640px) { .app-frame .chat-lead-record__fields { grid-template-columns:1fr;gap:4px; } }
@media (max-width: 640px) { .app-frame .chat-lead-record__fields > * { min-width:0; } }