.solarxin-epc-account {
	--solarxin-epc-text: #1f2937;
	--solarxin-epc-muted: #6b7280;
	--solarxin-epc-border: #e5e7eb;
	--solarxin-epc-label-bg: #f8fafc;
	--solarxin-epc-none-bg: #f3f4f6;
	--solarxin-epc-none-text: #4b5563;
	--solarxin-epc-pending-bg: #fff7ed;
	--solarxin-epc-pending-text: #b45309;
	--solarxin-epc-approved-bg: #ecfdf5;
	--solarxin-epc-approved-text: #15803d;
	--solarxin-epc-rejected-bg: #fef2f2;
	--solarxin-epc-rejected-text: #b91c1c;
	color: var(--solarxin-epc-text);
}

.solarxin-epc-status-row,
.solarxin-epc-review-note {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.solarxin-epc-label {
	color: var(--solarxin-epc-muted);
	font-weight: 600;
}

.solarxin-epc-value {
	color: var(--solarxin-epc-text);
	font-weight: 500;
}

.solarxin-epc-status {
	border-radius: 999px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	padding: 8px 12px;
}

.solarxin-epc-status-none {
	background: var(--solarxin-epc-none-bg);
	color: var(--solarxin-epc-none-text);
}

.solarxin-epc-status-pending {
	background: var(--solarxin-epc-pending-bg);
	color: var(--solarxin-epc-pending-text);
}

.solarxin-epc-status-approved {
	background: var(--solarxin-epc-approved-bg);
	color: var(--solarxin-epc-approved-text);
}

.solarxin-epc-status-rejected {
	background: var(--solarxin-epc-rejected-bg);
	color: var(--solarxin-epc-rejected-text);
}

.solarxin-epc-summary {
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 18px;
}

.solarxin-epc-summary th,
.solarxin-epc-summary td {
	border-bottom: 1px solid var(--solarxin-epc-border);
	padding: 14px 16px;
}

.solarxin-epc-summary th {
	color: var(--solarxin-epc-muted);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	width: 34%;
}

.solarxin-epc-summary td {
	color: var(--solarxin-epc-text);
	font-weight: 500;
}

@media (max-width: 767px) {
	.solarxin-epc-summary th {
		background: var(--solarxin-epc-label-bg);
	}

	.solarxin-epc-summary th,
	.solarxin-epc-summary td {
		padding: 12px 14px;
	}

	.solarxin-epc-summary td::before {
		color: var(--solarxin-epc-muted);
		font-weight: 700;
	}
}
