// 미니 스파크라인 — 부모 슬롯 크기를 100% 채움 (카드/그리드 셀에서 크기 지정).
// 방향색은 color 로 지정하고 recharts path 는 currentColor(stroke/fill)로 상속 → 테마 전환에도 자동 반영.
.spark {
	width: 100%;
	height: 100%;

	&--up {
		color: var(--price-up);
	}

	&--down {
		color: var(--price-down);
	}

	&--flat {
		color: var(--price-flat);
	}

	&--empty {
		display: flex;
		align-items: center;
		justify-content: center;

		&::after {
			content: '–';
			color: var(--text-muted);
			font-size: var(--fs-xs);
		}
	}
}