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

.brokerage-packs__map-grid {
	position:absolute;
	inset:0;
	background-image:linear-gradient(var(--site-white-alpha-4) 1px,transparent 1px),linear-gradient(90deg,var(--site-white-alpha-4) 1px,transparent 1px);
	background-size:18px 18px;
}

.brokerage-packs__area-label--district {
	position:absolute;
	top:12px;
	left:25px;
	background:var(--site-teal-alpha-85);
	color:var(--site-white);
	font-size:8px;
	font-weight:700;
	padding:2px 7px;
	border-radius:4px;
}

.brokerage-packs__area-label--school {
	position:absolute;
	top:22px;
	left:140px;
	background:var(--site-success-alpha-85);
	color:var(--site-white);
	font-size:8px;
	font-weight:700;
	padding:2px 7px;
	border-radius:4px;
}

.brokerage-packs__map {
	background:var(--site-navy-deep);
	border-radius:8px;
	padding:12px;
	position:relative;
	overflow:hidden;
	height:90px;
}

.brokerage-overview__progress {
	margin-top:8px;
	background:var(--site-bg-subtle);
	border-radius:999px;
	height:4px;
	overflow:hidden;
}

.brokerage-packs__pack {
	background:var(--site-bg-subtle);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:9px 12px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.brokerage-overview__team-head {
	display:flex;
	align-items:center;
	gap:10px;
}

.ownership-stack {
	padding:14px 16px;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.ownership-stack__owner {
	margin-left:auto;
	font-size:8px;
	font-weight:700;
	color:var(--site-teal);
}

.brokerage-overview__team-meta {
	font-size:9px;
	color:var(--site-text-muted);
	margin-top:1px;
}

.brokerage-overview__team-size {
	font-weight:400;
	color:var(--site-text-muted);
}

.lr-av__layers-icon {
	font-size:9px;
	color:var(--site-white);
}

.pp--quoted {
	font-size:28px;
	color:var(--site-text-muted);
}

/* Carried over from style.css rules that matched these elements by their old inline style text. */

.brokerage-packs__map-grid { max-width:none; }

.brokerage-packs__area-label--district { max-width:none; }

.brokerage-packs__area-label--school { max-width:none; }

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

.ownership-stack__icon {
	font-size:14px;
	color:var(--data-color);
}

.ownership-stack__icon-badge {
	width:32px;
	height:32px;
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	background:var(--data-bg);
}

.brokerage-packs__pack-status {
	font-size:9px;
	font-weight:700;
	color:var(--data-color);
}

.brokerage-overview__progress-fill {
	height:100%;
	border-radius:999px;
	opacity:.6;
	background:var(--data-bg);
	width:var(--data-width);
}

.brokerage-overview__team-status {
	font-size:9px;
	font-weight:700;
	padding:3px 9px;
	border-radius:999px;
	color:var(--data-color);
	background:var(--data-bg);
}

.brokerage-overview__team-badge {
	width:32px;
	height:32px;
	border-radius:8px;
	color:var(--site-white);
	font-size:10px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	background:var(--data-bg);
}


.brokerage-overview__stat {
	padding:10px;
	text-align:center;
}
.brokerage-overview__stat--divided {
	border-right:1px solid var(--site-border);
}

/* Moved here from another stylesheet: this is where these classes are used. */
.addon-body__title--brokerage-demo {
	font-size:13px;
	font-weight:700;
	color:var(--site-teal);
	margin-bottom:4px;
	letter-spacing:-.01em;
}
.brokerage-overview__team-info {
	flex:1;
}
.brokerage-overview__team {
	padding:10px 14px;
	border-bottom:1px solid var(--site-border);
}
.brokerage-overview__stats {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	border-bottom:1px solid var(--site-border);
	background:var(--site-bg-subtle);
}
.brokerage-packs__map-boundaries {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
}
.brokerage-overview__footer {
	padding:8px 14px;
	background:var(--site-bg-subtle);
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.ownership-stack__layer {
	background:var(--site-bg-subtle);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:10px 12px;
	display:flex;
	align-items:center;
	gap:10px;
}
.brokerage-packs {
	padding:12px 14px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.brokerage-overview__stat-label {
	font-size:8px;
	color:var(--site-text-muted);
	margin-top:1px;
}
.brokerage-packs__pack-desc {
	font-size:8px;
	color:var(--site-text-muted);
	margin-top:1px;
}
.brokerage-packs__list-title {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-text-muted);
	margin-top:2px;
}
.ownership-stack__layer-name {
	font-size:10px;
	font-weight:700;
	color:var(--site-navy);
}
.brokerage-packs__pack-name {
	font-size:10px;
	font-weight:600;
	color:var(--site-navy);
}
.brokerage-overview__team-name {
	font-size:11px;
	font-weight:700;
	color:var(--site-navy);
}
.brokerage-overview__stat-value {
	font-size:13px;
	font-weight:800;
	color:var(--site-navy);
}
.brokerage-overview__footer-link {
	font-size:9px;
	font-weight:700;
	color:var(--site-teal);
}
.brokerage-overview__updated {
	font-size:9px;
	color:var(--site-text-muted);
}
.ownership-stack__layer-desc {
	font-size:9px;
	color:var(--site-text-muted);
}
.eyebrow__tip-icon {
	margin-right:6px;
}
.mlsg-copy__migration-tip {
	background:var(--site-teal-bg);
	border:1px solid var(--site-teal-border);
	border-radius:10px;
	padding:14px 16px;
	margin-top:20px;
}
.mlsg-copy__migration-text {
	font-size:12px;
	color:var(--site-text-sec);
	line-height:1.6;
	margin:0;
}
.mlsg-desc--ownership {
	margin-top:12px;
}
.mlsg-section--brokerage-related {
	padding:24px 0;
}
.mlsg-section__brokerage-related {
	text-align:center;
	font-size:15px;
	color:var(--site-slate-47);
}
.whitelabel-inclusions {
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:14px;
	padding:24px 28px;
}
.whitelabel-inclusions__manager-icon {
	font-size:12px;
	color:var(--site-white);
}
.whitelabel-inclusions__manager-badge {
	width:28px;
	height:28px;
	border-radius:50%;
	background:var(--site-teal);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.whitelabel-inclusions__account-manager {
	margin-top:6px;
	padding-top:14px;
	border-top:1px solid var(--site-border);
	display:flex;
	align-items:center;
	gap:10px;
}
.whitelabel-inclusions__list {
	display:flex;
	flex-direction:column;
	gap:11px;
}
.whitelabel-inclusions__manager-label {
	font-size:13px;
	font-weight:700;
	color:var(--site-teal);
}
.brokerage-pricing__site-build {
	margin-bottom:16px;
	padding:12px 16px;
	background:var(--site-bg-subtle);
	border-radius:8px;
	font-size:12px;
	color:var(--site-text-sec);
	line-height:1.6;
}
.pc .brokerage-pricing__team-link {
	color:var(--site-teal);
	font-weight:600;
}
.brokerage-pricing__site-build-title {
	color:var(--site-navy);
}
.brokerage-pricing__team-note {
	text-align:center;
	font-size:12px;
	color:var(--site-text-muted);
	margin-top:10px;
}
.pf--brokerage-manager {
	grid-column:1/-1;
	color:var(--site-teal);
	font-weight:600;
}
.pfc--brokerage-manager {
	background:var(--site-teal);
}
.pfc .pfc__check--on-teal {
	stroke:var(--site-white);
}
.pfs--brokerage {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px 20px;
}
.brokerage-pricing {
	max-width:560px;
	margin:20px auto 0;
}
.pt--brokerage-plan {
	color:var(--site-teal);
}
.brokerage-packs__map-boundaries { max-width:none; }
@media (max-width: 640px) { .app-frame .pfs--brokerage { grid-template-columns:1fr;gap:4px; } }
@media (max-width: 640px) { .app-frame .pfs--brokerage > * { min-width:0; } }
@media (max-width: 640px) { .app-frame .brokerage-overview__stats { grid-template-columns:1fr;gap:4px; } }
@media (max-width: 640px) { .app-frame .brokerage-overview__stats > * { min-width:0; } }
@media (max-width: 640px) { .brokerage-overview__stats { grid-template-columns:1fr;gap:16px; } }
@media (min-width: 641px) and (max-width: 900px) { .brokerage-overview__stats { grid-template-columns:repeat(2, 1fr); } }
.brokerage-overview__stat {
	padding:10px;
	text-align:center;
}