/*
 * The widget is plain WordPress markup in a postbox: WordPress's own type and
 * colours. The one colour it names is the chart ink, from Core's palette when
 * Core hands it over, else the same Saddle magenta.
 */
.saddle-analytics-widget .sa-w-count {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0 0 8px;
}

.saddle-analytics-widget .sa-w-label {
	color: #707070;
}

.saddle-analytics-widget .sa-w-count strong {
	font-size: 20px;
	font-weight: 600;
}

.saddle-analytics-widget .sa-w-bars {
	display: block;
	width: 100%;
	height: 72px;
	fill: var(--saddle-chart-ink, #d000c4);
}

.saddle-analytics-widget .sa-w-quiet {
	margin: 0;
	color: #707070;
}

.saddle-analytics-widget .sa-w-list {
	margin: 12px 0 0;
}

.saddle-analytics-widget .sa-w-list li {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 6px 0;
	border-top: 1px solid #f0f0f0;
}

.saddle-analytics-widget .sa-w-num {
	font-variant-numeric: tabular-nums;
}

.saddle-analytics-widget .sa-w-more {
	margin: 12px 0 0;
}