/**
 * Gernx Profit Dashboard Pro — Frontend / editor styles
 *
 * TABLE OF CONTENTS
 *   1. Summary block & widget container
 *   2. Stat list rows
 *   3. Single-stat value
 *   4. Profit sentiment colours
 *   5. Media queries
 */

/* 1. Summary block & widget container
   ------------------------------------------------------------------ */
.gerx-block-summary {
	border: 1px solid #e2e4e7;
	border-radius: 10px;
	padding: 18px 20px;
	background: #fff;
	max-width: 420px;
}
.gerx-block-title {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 600;
}

/* 2. Stat list rows
   ------------------------------------------------------------------ */
.gerx-block-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gerx-block-list li {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f1;
}
.gerx-block-list li:last-child {
	border-bottom: 0;
}
.gerx-block-list span {
	color: #50575e;
}
.gerx-block-note {
	color: #6c7781;
	font-size: 13px;
	margin: 4px 0 0;
}

/* 3. Single-stat value
   ------------------------------------------------------------------ */
.gerx-stat-value {
	display: block;
	font-size: 28px;
	font-weight: 700;
}

/* 4. Profit sentiment colours
   ------------------------------------------------------------------ */
.gerx-profit-positive {
	color: #008a20;
	font-weight: 600;
}
.gerx-profit-negative {
	color: #d63638;
	font-weight: 600;
}

/* 5. Media queries
   ------------------------------------------------------------------ */
@media screen and (max-width: 600px) {
	.gerx-block-summary {
		max-width: 100%;
		padding: 16px;
	}
	.gerx-block-list li {
		font-size: 15px;
	}
}