.summary-card {
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	padding: var(--space-4);
	background: var(--color-surface-soft);
	display: grid;
	gap: var(--space-2);
}

.summary-card--compact {
	padding: var(--space-3);
}

.summary-card--completed {
	background: var(--color-success-surface);
}

.summary-card--target {
	background: var(--color-warning-surface);
}

.summary-card--muted {
	background: var(--color-surface-muted);
	opacity: 0.8;
}

.summary-card-label,
.summary-card-value,
.summary-card-detail {
	margin-bottom: 0;
}

.summary-card-label {
	color: var(--color-muted);
	font-size: 0.85rem;
}

.summary-card-value {
	font-size: 1.9rem;
}

.summary-card-detail {
	color: var(--color-muted);
	font-size: 0.9rem;
}

.summary-card-detail:empty {
	display: none;
}

.summary-card--compact {
	.summary-card-value {
		font-size: 1.2rem;
	}
}