/**
 * TO Pie Chart — scoped styles (.toaew-pie / --toaew-pie-*)
 */

.toaew-pie {
	--toaew-pie-bg: transparent;
	--toaew-pie-title-color: inherit;
	--toaew-pie-legend-color: inherit;

	position: relative;
	width: 100%;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	background: var( --toaew-pie-bg );
}

.toaew-pie__canvas {
	width: 100%;
	height: 360px;
	min-height: 150px;
}

.toaew-pie__empty {
	margin: 0;
	padding: 1.25rem;
	text-align: center;
	font-size: 0.875rem;
	color: #6b7280;
	border: 1px dashed #d1d5db;
	border-radius: 8px;
	background: #f9fafb;
}

@media (prefers-reduced-motion: reduce) {
	.toaew-pie__canvas canvas {
		animation: none !important;
	}
}