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


.commission-waterfall__stat {
	padding:10px 12px;
	text-align:center;
	border-right:1px solid var(--site-border);
}

.commission-waterfall__stat--last {
	border-right:none;
}

.agent-earnings__tier-progress {
	background:var(--site-bg-subtle);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:10px 12px;
}


.commission-waterfall__table-head {
	display:grid;
	grid-template-columns:2fr 1fr 1fr 1fr 1fr;
	padding:7px 12px;
	font-size:8px;
	font-weight:700;
	color:var(--site-text-muted);
	text-transform:uppercase;
	letter-spacing:.05em;
	background:var(--site-bg-subtle);
	border-bottom:1px solid var(--site-border);
}


.commission-waterfall__total-row {
	display:grid;
	grid-template-columns:2fr 1fr 1fr 1fr 1fr;
	padding:9px 12px;
	font-size:10px;
	font-weight:700;
	color:var(--site-navy);
	background:var(--site-bg-subtle);
	border-top:2px solid var(--site-border);
}

.commission-waterfall__row {
	display:grid;
	grid-template-columns:2fr 1fr 1fr 1fr 1fr;
	padding:9px 12px;
	font-size:10px;
	color:var(--site-text-med);
	border-bottom:1px solid var(--site-border);
}

.commission-waterfall__row--striped {
	background:var(--site-bg-subtle);
}

.agent-earnings__stats {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:8px;
	margin-bottom:10px;
}

.agent-earnings__progress-track {
	background:var(--site-border);
	border-radius:999px;
	height:6px;
	overflow:hidden;
}

.agent-earnings__progress-fill {
	background:var(--site-teal);
	height:100%;
	width:70%;
	border-radius:999px;
}

.agent-earnings__tier-progress-head {
	display:flex;
	justify-content:space-between;
	margin-bottom:5px;
}

.agent-earnings__transaction {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:6px 8px;
	background:var(--site-bg-subtle);
	border-radius:6px;
}

.commission-waterfall__agent-net {
	text-align:center;
	font-weight:700;
	color:var(--site-success);
}

.commission-waterfall__broker-fee {
	text-align:center;
	color:var(--site-orange-44);
}

.commission-waterfall__total-broker-fee {
	text-align:center;
	color:var(--site-orange-44);
}

.commission-waterfall__total-agent-net {
	text-align:center;
	color:var(--site-success);
}

.commission-waterfall__stat-label {
	font-size:8px;
	color:var(--site-text-muted);
	font-weight:500;
	margin-top:1px;
}

.agent-earnings__progress-note {
	font-size:8px;
	color:var(--site-text-muted);
	margin-top:4px;
}

.agent-earnings__payout-amount {
	font-size:10px;
	font-weight:700;
	color:var(--site-success);
}


.commission-waterfall__address {
	font-weight:600;
	color:var(--site-navy);
	font-size:9px;
}

.commission-waterfall__gross {
	text-align:center;
	font-weight:600;
}

.agent-earnings__current-tier-name {
	color:var(--site-teal);
}

@media (max-width: 640px) {
	.app-frame .commission-waterfall__table-head { grid-template-columns:1fr;gap:4px; }
	.app-frame .commission-waterfall__table-head > * { min-width:0; }
	.app-frame .commission-waterfall__row--striped { grid-template-columns:1fr;gap:4px; }
	.app-frame .commission-waterfall__row--striped > * { min-width:0; }
	.app-frame .commission-waterfall__row { grid-template-columns:1fr;gap:4px; }
	.app-frame .commission-waterfall__row > * { min-width:0; }
	.app-frame .commission-waterfall__total-row { grid-template-columns:1fr;gap:4px; }
	.app-frame .commission-waterfall__total-row > * { min-width:0; }
	.app-frame .agent-earnings__stats { grid-template-columns:1fr;gap:4px; }
	.app-frame .agent-earnings__stats > * { min-width:0; }
}

/* Moved here from another stylesheet: this is where these classes are used. */
.agent-earnings__summary {
	padding:12px 14px;
	border-bottom:1px solid var(--site-border);
}
.agent-earnings__stat {
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:10px;
	text-align:center;
}

.agent-earnings__stat--gross {
	background:var(--site-teal-bg);
	border:1px solid var(--site-teal-border);
}
.split-tiers__tier {
	background:var(--site-white);
	border:1px solid var(--site-border);
	border-radius:8px;
	padding:11px 13px;
}

.split-tiers__tier--active {
	background:var(--site-teal-bg);
	border:1px solid var(--site-teal-border);
}
.commission-waterfall__stats {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	border-bottom:1px solid var(--site-border);
	background:var(--site-bg-subtle);
}
.split-tiers__tier-head {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:4px;
}
.agent-earnings__recent {
	padding:10px 14px;
}
.agent-earnings__transactions {
	display:flex;
	flex-direction:column;
	gap:5px;
}
.split-tiers__list {
	padding:12px 14px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.commission-waterfall__head-cell {
	text-align:center;
}
.commission-waterfall__split {
	text-align:center;
}
.commission-waterfall__total-gross {
	text-align:center;
}
.commission-waterfall__total-split {
	text-align:center;
}
.agent-earnings__recent-title {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-text-muted);
	margin-bottom:6px;
}
.agent-earnings__stat-label {
	font-size:8px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-text-muted);
	margin-top:2px;
}
.agent-earnings__payout {
	text-align:right;
}
.split-tiers__tier-name {
	font-size:10px;
	font-weight:700;
	color:var(--site-navy);
}
.commission-waterfall__stat-value {
	font-size:13px;
	font-weight:800;
	color:var(--site-navy);
}
.split-tiers__ratio {
	font-size:13px;
	font-weight:800;
	color:var(--site-navy);
}

.split-tiers__ratio--active {
	color:var(--site-teal);
}
.agent-earnings__stat-value {
	font-size:14px;
	font-weight:800;
	color:var(--site-navy);
}

.agent-earnings__stat-value--gross {
	color:var(--site-teal);
}
.agent-earnings__deal-meta {
	font-size:8px;
	color:var(--site-text-muted);
}
.agent-earnings__payout-basis {
	font-size:8px;
	color:var(--site-text-muted);
}
.commission-waterfall__agent-side {
	font-size:8px;
	color:var(--site-text-muted);
}
.agent-earnings__current-tier {
	font-size:9px;
	font-weight:700;
	color:var(--site-navy);
}
.agent-earnings__address {
	font-size:9px;
	font-weight:600;
	color:var(--site-navy);
}
.agent-earnings__next-tier {
	font-size:9px;
	color:var(--site-text-muted);
}
.split-tiers__tier-range {
	font-size:9px;
	color:var(--site-text-sec);
}
.mlsg-section--commission-related {
	padding:24px 0;
}
.commission-related__links {
	text-align:center;
	font-size:15px;
	color:var(--site-slate-47);
}
@media (max-width: 640px) { .app-frame .commission-waterfall__stats { grid-template-columns:1fr;gap:4px; } }
@media (max-width: 640px) { .app-frame .commission-waterfall__stats > * { min-width:0; } }
@media (max-width: 640px) { .commission-waterfall__stats { grid-template-columns:1fr;gap:16px; } }
@media (min-width: 641px) and (max-width: 900px) { .commission-waterfall__stats { grid-template-columns:repeat(2, 1fr); } }