/* Mangoville Partners - the partner's own page. */

.mpt-d {
	--mpt-ink:  #1d2327;
	--mpt-mute: #5c6b68;
	--mpt-line: #dfe5e3;
	--mpt-good: #2f7a4f;
	--mpt-warn: #b07615;
	--mpt-bad:  #a63d3d;

	max-width: 900px;
	margin: 0 auto;
	color: var(--mpt-ink);
	line-height: 1.6;
}

.mpt-d-flash {
	padding: 12px 16px;
	background: #e4f0e9;
	border-left: 3px solid var(--mpt-good);
	border-radius: 3px;
	margin-bottom: 20px;
}

.mpt-d-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
	flex-wrap: wrap;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--mpt-line);
	margin-bottom: 22px;
}

.mpt-d-head h2 { margin: 0 0 4px; }

.mpt-d-sub { font-size: 13.5px; color: var(--mpt-mute); margin: 0; }

.mpt-d-balance { text-align: right; }

.mpt-d-balance-figure {
	display: block;
	font-size: 26px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.mpt-d-balance-label {
	display: block;
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--mpt-mute);
}

.mpt-d-gate {
	padding: 16px 20px;
	border: 1px solid var(--mpt-line);
	border-left: 3px solid var(--mpt-warn);
	border-radius: 3px;
	margin-bottom: 22px;
	background: #fffdf7;
}

.mpt-d-gate h3 { margin: 0 0 6px; font-size: 17px; }
.mpt-d-gate p { margin: 0; }

.mpt-d-card {
	border: 1px solid var(--mpt-line);
	border-radius: 3px;
	padding: 20px 22px;
	margin-bottom: 18px;
	background: #fff;
}

.mpt-d-card h3 { margin: 0 0 10px; font-size: 17px; }

.mpt-d-ok   { font-size: 12px; color: var(--mpt-good); font-weight: 600; }
.mpt-d-todo { font-size: 12px; color: var(--mpt-bad); font-weight: 600; }

.mpt-d-terms {
	max-height: 320px;
	overflow: auto;
	background: #f7f8f8;
	border: 1px solid var(--mpt-line);
	border-radius: 3px;
	padding: 14px 16px;
	font-size: 12.5px;
	line-height: 1.55;
	white-space: pre-wrap;
}

.mpt-d-form { margin-top: 14px; display: grid; gap: 10px; justify-items: start; }

.mpt-d-check { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; }

.mpt-d-field { display: block; font-size: 13px; color: var(--mpt-mute); }
.mpt-d-field input, .mpt-d-field textarea {
	display: block;
	margin-top: 4px;
	min-width: 260px;
	padding: 7px 9px;
	border: 1px solid var(--mpt-line);
	border-radius: 3px;
	font-size: 14px;
}

.mpt-btn {
	display: inline-block;
	padding: 9px 16px;
	background: var(--mpt-ink);
	color: #fff;
	border: 0;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
}

.mpt-btn-quiet { background: transparent; color: var(--mpt-ink); border: 1px solid var(--mpt-line); }

.mpt-d-units { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }

.mpt-d-units li {
	padding: 12px 0;
	border-top: 1px solid var(--mpt-line);
}

.mpt-d-unit-main { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.mpt-d-state {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 2px 7px;
	border-radius: 2px;
	background: #eef0f1;
	color: var(--mpt-mute);
	font-weight: 600;
}

.mpt-d-state.is-live { background: #e4f0e9; color: var(--mpt-good); }
.mpt-d-state.is-off  { background: #f5e3e3; color: var(--mpt-bad); }

.mpt-d-score { font-size: 12px; color: var(--mpt-mute); }

.mpt-d-unit-links { margin-top: 5px; font-size: 12.5px; display: flex; gap: 16px; flex-wrap: wrap; }
.mpt-d-ref code { font-size: 11.5px; word-break: break-all; }

.mpt-d-scroll { overflow-x: auto; }

.mpt-d-table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 640px; }
.mpt-d-table th {
	text-align: left;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--mpt-mute);
	border-bottom: 1px solid var(--mpt-line);
	padding: 8px 10px;
}
.mpt-d-table td { padding: 10px; border-bottom: 1px solid var(--mpt-line); vertical-align: top; }
.mpt-d-num { text-align: right; font-variant-numeric: tabular-nums; }

.mpt-d-report summary { cursor: pointer; font-size: 12.5px; color: var(--mpt-mute); }

.mpt-d-paybtn { margin-top: 10px; }
.mpt-d-payline { margin-top: 12px !important; }
a.mpt-btn[aria-disabled="true"] { opacity: .55; cursor: default; }

/* Self-serve signup + submit-a-property */
.mpt-hp { position: absolute; left: -9999px; top: -9999px; }
.mpt-signup-form .mpt-d-field input,
.mpt-signup-form .mpt-d-field select,
.mpt-signup-form .mpt-d-field textarea { min-width: min(100%, 340px); }
.mpt-d-form .mpt-d-field select { padding: 7px 9px; border: 1px solid var(--mpt-line); border-radius: 3px; font-size: 14px; margin-top: 4px; display: block; }

/* Getting-started checklist */
.mpt-d-start { border-left: 3px solid var(--mpt-good); }
.mpt-d-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mpt-d-steps li { display: flex; gap: 10px; align-items: baseline; }
.mpt-d-steps .mpt-d-step-mark { font-weight: 700; }
.mpt-d-steps .is-done { color: var(--mpt-mute); }
.mpt-d-steps .is-done .mpt-d-step-mark { color: var(--mpt-good); }
.mpt-d-steps .is-open { font-weight: 600; }

/* Connector snippet card (rendered by mangoville-leads) */
.mpt-d-snippet { width: 100%; box-sizing: border-box; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; padding: 10px 12px; border: 1px solid var(--mpt-line); border-radius: 3px; background: #f7f8f8; }

/* Public rate card */
.mpt-rate-hero { border-left: 3px solid var(--mpt-good); }
.mpt-rate-fig { font-size: 34px; font-weight: 700; margin: 6px 0 10px; font-variant-numeric: tabular-nums; }
.mpt-rate-fig span { font-size: 15px; font-weight: 400; color: var(--mpt-mute); }
.mpt-rate-list { margin: 0; padding-left: 20px; display: grid; gap: 8px; }

@media (max-width: 600px) {
	.mpt-d-head { flex-direction: column; }
	.mpt-d-balance { text-align: left; }
}