/**
 * Mongo Points — pestaña de Mi Cuenta.
 * Reutiliza los mismos tokens de marca del resto del plugin.
 */

.mongo-points-account {
	--mp-primary: #be0d57;
	--mp-gray-bg: #f7f7f7;
	--mp-text-muted: #666666;
}

.mongo-points-account__hero {
	background: var(--mp-gray-bg);
	border-radius: 20px;
	padding: 24px;
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 24px;
}

.mongo-points-account__balance {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--mp-primary);
}

.mongo-points-account__label {
	font-size: 1rem;
	color: var(--mp-text-muted);
}

.mongo-points-account__euros {
	margin-left: auto;
	font-size: 0.9rem;
	color: var(--mp-text-muted);
}

.mongo-points-account__section-title {
	margin-top: 28px;
	margin-bottom: 10px;
}

.mongo-points-account__earn-list {
	color: var(--mp-text-muted);
	font-size: 0.9rem;
}

.mongo-points-account__empty {
	color: var(--mp-text-muted);
}

.mongo-points-account__table {
	width: 100%;
	border-collapse: collapse;
}

.mongo-points-account__table th,
.mongo-points-account__table td {
	text-align: left;
	padding: 10px 12px;
	border-bottom: 1px solid #ededed;
	font-size: 0.9rem;
}

.mongo-points-account__positive {
	color: #1a7f37;
	font-weight: 600;
}

.mongo-points-account__negative {
	color: var(--mp-primary);
	font-weight: 600;
}