/**
 * Page styles — real-estate-crm. 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.
 */

.crm-lead-activity__event-time {
	font-size:9px;
	color:var(--site-text-muted);
	flex-shrink:0;
}

.crm-lead-activity__event-detail {
	font-size:9px;
	color:var(--site-text-muted);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.crm-dashboard-preview__tasks {
	background:var(--site-teal-bg);
	border:1px solid var(--site-teal-border);
	border-radius:8px;
	padding:10px;
	margin-bottom:8px;
}

.crm-dashboard-preview__stat {
	background:var(--site-bg-subtle);
	border-radius:8px;
	padding:10px;
	text-align:center;
}

.crm-dashboard-preview__stats {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
	margin-bottom:12px;
}

.crm-dashboard-preview__task-icon {
	font-size:9px;
	color:var(--site-teal);
}

.crm-dashboard-preview__task {
	display:flex;
	gap:6px;
	align-items:center;
	padding:3px 0;
}

.crm-lead-activity__event {
	display:flex;
	gap:8px;
	align-items:flex-start;
	padding:7px 0;
	border-bottom:1px solid var(--site-bg-subtle);
}

.crm-lead-activity__lead-name {
	font-size:10px;
	font-weight:700;
	color:var(--site-navy);
	margin-bottom:10px;
}

.crm-dashboard-preview__tasks-title {
	font-size:9px;
	font-weight:700;
	color:var(--site-navy);
	margin-bottom:4px;
}

.crm-dashboard-preview__task-name {
	font-size:10px;
	color:var(--site-text-sec);
}

.crm-hero-features__pair {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:4px;
}

.crm-hero-features__check {
	color:var(--site-green-45);
	font-size:9px;
}

.crm-hero-features__feature {
	font-size:10px;
	color:var(--site-text-sec);
	display:flex;
	align-items:center;
	gap:5px;
}

.mlsg-copy__cta {
	margin-top:24px;
}

.crm-vs-standalone__column--integrated {
	background:var(--site-teal-alpha-15);
	border:1px solid var(--site-teal-alpha-30);
	border-radius:16px;
	padding:28px;
}

.crm-vs-standalone__column--standalone {
	background:var(--site-white-alpha-5);
	border:1px solid var(--site-white-alpha-10);
	border-radius:16px;
	padding:28px;
}

.crm-vs-standalone__columns {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
	margin-top:48px;
}

.crm-vs-standalone__point-icon--included {
	color:var(--site-green-45);
	font-size:11px;
	margin-top:3px;
	flex-shrink:0;
}

.crm-vs-standalone__point-icon--missing {
	color:var(--site-red-60);
	font-size:11px;
	margin-top:3px;
	flex-shrink:0;
}

.crm-vs-standalone__point {
	display:flex;
	gap:8px;
	align-items:flex-start;
	margin-bottom:10px;
}

.crm-vs-standalone__column-title--standalone {
	font-size:13px;
	font-weight:700;
	color:var(--site-slate-65);
	text-transform:uppercase;
	letter-spacing:.08em;
	margin-bottom:16px;
}

.crm-vs-standalone__column-title--integrated {
	font-size:13px;
	font-weight:700;
	color:var(--site-teal);
	text-transform:uppercase;
	letter-spacing:.08em;
	margin-bottom:16px;
}

.crm-vs-standalone__point-text--standalone {
	font-size:13px;
	color:var(--site-slate-65);
}

.crm-vs-standalone__point-text--integrated {
	font-size:13px;
	color:var(--site-slate-91);
}

@media (max-width: 640px) {
	.app-frame .crm-hero-features__pair { grid-template-columns:1fr;gap:4px; }
	.app-frame .crm-hero-features__pair > * { min-width:0; }
	.app-frame .crm-vs-standalone__columns { grid-template-columns:1fr;gap:4px; }
	.app-frame .crm-vs-standalone__columns > * { min-width:0; }
	.app-frame .crm-dashboard-preview__stats { grid-template-columns:1fr;gap:4px; }
	.app-frame .crm-dashboard-preview__stats > * { min-width:0; }
}

/* Elements whose values come from the page data: the value arrives as a custom property. */

.crm-dashboard-preview__stat-value {
	font-size:16px;
	font-weight:800;
	color:var(--data-color);
}

.crm-lead-activity__event-icon {
	font-size:9px;
	color:var(--data-color);
}

.crm-lead-activity__event-badge {
	width:22px;
	height:22px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	background:var(--data-bg);
}

/* Moved here from another stylesheet: this is where these classes are used. */
.crm-lead-activity__event-text {
	flex:1;
	min-width:0;
}
.crm-dashboard-preview__body {
	padding:12px 14px;
}
.crm-lead-activity__body {
	padding:14px;
}
.crm-lead-activity__event-title {
	font-size:10px;
	font-weight:600;
	color:var(--site-navy);
}
.crm-dashboard-preview__stat-label {
	font-size:9px;
	color:var(--site-text-muted);
}
.eyebrow--crm-decision {
	color:var(--site-teal);
}
.feat-grid--crm-after-heading {
	margin-top:48px;
}
.mlsg-grid--crm-explainer {
	margin-top:48px;
}
.mlsg-title--crm-explainer {
	font-size:1.5rem;
}