/**
 * Page styles — genie-pwa. 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.
 */

.agent-app__stat {
	background:var(--site-bg-subtle);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:10px;
	text-align:center;
}

.pwa-home-screen {
	background:linear-gradient(160deg,var(--site-navy-deep) 0%,var(--site-navy-20) 100%);
	padding:16px;
}

.agent-app__header {
	background:var(--site-navy-deep);
	padding:24px 20px;
	text-align:center;
	border-bottom:1px solid var(--site-white-alpha-7);
}

.pwa-home-screen__apps {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:12px;
	margin-bottom:14px;
}

.pwa-home-screen__status-bar {
	display:flex;
	justify-content:space-between;
	margin-bottom:12px;
}


.agent-app__avatar {
	width:24px;
	height:24px;
	border-radius:50%;
	background:var(--site-teal);
	color:var(--site-white);
	font-size:8px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.agent-app__avatar--alt {
	background:var(--site-teal-dark);
}

.pwa-home-screen__notification-icon {
	width:28px;
	height:28px;
	border-radius:7px;
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}


.agent-app__logo {
	width:52px;
	height:52px;
	border-radius:13px;
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 10px;
}

.pwa-home-screen__status-icons {
	display:flex;
	gap:4px;
	align-items:center;
}

.pwa-home-screen__notification {
	background:var(--site-white-alpha-12);
	backdrop-filter:blur(10px);
	border-radius:12px;
	padding:10px 12px;
	display:flex;
	align-items:center;
	gap:8px;
}

.agent-app__activity-item {
	display:flex;
	align-items:center;
	gap:8px;
	padding:6px 8px;
	background:var(--site-bg-subtle);
	border-radius:6px;
}

.pwa-home-screen__app {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
}

.agent-app__brokerage {
	font-size:14px;
	font-weight:800;
	color:var(--site-white);
	margin-bottom:3px;
}

.agent-app__app-name {
	font-size:10px;
	color:var(--site-slate-47);
}

.agent-app__heat--warm {
	font-size:8px;
	font-weight:700;
	color:var(--site-orange-44);
}

.agent-app__heat--hot {
	font-size:8px;
	font-weight:700;
	color:var(--site-success);
}

.pwa-home-screen__app-label {
	font-size:8px;
	color:var(--site-white-alpha-50);
	text-align:center;
}

.pwa-home-screen__app-label--brand {
	color:var(--site-white);
	font-weight:600;
}


.pwa-home-screen__notification-time {
	font-size:8px;
	color:var(--site-white-alpha-40);
}

.pwa-home-screen__notification-sender {
	font-size:9px;
	font-weight:700;
	color:var(--site-white);
}

.pwa-home-screen__clock {
	font-size:9px;
	color:var(--site-white-alpha-60);
	font-weight:600;
}

.pwa-home-screen__notification-text {
	font-size:9px;
	color:var(--site-white-alpha-70);
}

.pwa-feature__coming-soon {
	font-size:11px;
	font-weight:600;
	color:var(--site-teal);
	background:var(--site-teal-bg);
	padding:2px 8px;
	border-radius:20px;
	margin-left:6px;
	vertical-align:middle;
}

.install-prompt__add-button {
	flex:1;
	background:var(--site-teal);
	color:var(--site-white);
	font-size:11px;
	font-weight:700;
	padding:8px;
	border-radius:8px;
	text-align:center;
}

.install-prompt {
	background:var(--site-white-alpha-6);
	border:1px solid var(--site-white-alpha-10);
	border-radius:12px;
	padding:14px;
	margin-top:4px;
}

.install-prompt__later-button {
	padding:8px 14px;
	font-size:11px;
	color:var(--site-slate-47);
	border:1px solid var(--site-white-alpha-10);
	border-radius:8px;
	text-align:center;
}

.install-prompt__actions {
	display:flex;
	gap:8px;
}

.install-prompt__app-icon {
	width:40px;
	height:40px;
	border-radius:9px;
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.install-prompt__brand {
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:10px;
}

.install-prompt__message-site {
	color:var(--site-white);
}

.install-prompt__message {
	font-size:11px;
	color:var(--site-text-on-dark);
	margin-bottom:12px;
	line-height:1.5;
}

.install-prompt__site-domain {
	font-size:10px;
	color:var(--site-slate-65);
}

.install-prompt__site-name {
	font-size:12px;
	font-weight:700;
	color:var(--site-white);
}

.pwa-device-note__icon {
	font-size:18px;
	color:var(--site-white);
}

.pwa-device-note__icon-badge {
	flex-shrink:0;
	width:36px;
	height:36px;
	background:var(--site-teal);
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.pwa-device-note {
	background:var(--site-teal-bg);
	border:1px solid var(--site-teal-border);
	border-radius:12px;
	padding:20px 24px;
	margin-top:48px;
	display:flex;
	gap:16px;
	align-items:flex-start;
}

.pwa-device-note__text {
	font-size:13px;
	color:var(--site-text-sec);
	line-height:1.6;
	margin:0;
}

.pwa-device-note__title {
	font-size:14px;
	font-weight:700;
	color:var(--site-navy);
	margin-bottom:4px;
}

@media (max-width: 640px) {
	.app-frame .pwa-home-screen__apps { grid-template-columns:1fr;gap:4px; }
	.app-frame .pwa-home-screen__apps > * { min-width:0; }
	.pwa-home-screen__apps { grid-template-columns:1fr;gap:16px; }
}

@media (min-width: 641px) and (max-width: 900px) {
	.pwa-home-screen__apps { grid-template-columns:repeat(2, 1fr); }
}

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

.pwa-home-screen__app-icon {
	width:44px;
	height:44px;
	border-radius:11px;
	background:var(--data-bg);
}

.pwa-home-screen__app-icon--brand {
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 0 0 3px var(--site-teal-alpha-40);
}

/* Moved here from another stylesheet: this is where these classes are used. */
.agent-app__lead {
	flex:1;
}
.pwa-home-screen__notification-body {
	flex:1;
}
.agent-app__stats {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
	margin-bottom:10px;
}
.pwa-home-screen__notification-glyph {
	margin-right:4px;
}
.agent-app__body {
	padding:12px 14px;
}
.agent-app__activity {
	display:flex;
	flex-direction:column;
	gap:5px;
}
.agent-app__activity-title {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-text-muted);
	margin-bottom:6px;
}
.agent-app__stat-label {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-text-muted);
	margin-top:2px;
}
.agent-app__stat-value {
	font-size:18px;
	font-weight:800;
	color:var(--site-navy);
}

.agent-app__stat-value--leads {
	color:var(--site-teal);
}
.agent-app__lead-meta {
	font-size:8px;
	color:var(--site-text-muted);
}
.agent-app__lead-name {
	font-size:9px;
	font-weight:600;
	color:var(--site-navy);
}
.pwa-how__intro {
	margin-bottom:48px;
}
@media (max-width: 640px) { .app-frame .agent-app__stats { grid-template-columns:1fr;gap:4px; } }
@media (max-width: 640px) { .app-frame .agent-app__stats > * { min-width:0; } }