/* WP Chart Maker — Frontend Styles */

.wp-chart-maker-wrap {
	position: relative;
	display: block;
	max-width: 100%;
}

.wp-chart-maker {
	display: block;
}

.wp-chart-maker-error {
	padding: 16px;
	border: 1px solid #d63638;
	background: #fcf0f1;
	color: #8a2424;
}

/* Table chart */
.wp-chart-maker-table-wrap {
	overflow-x: auto;
	width: 100%;
}

.wp-chart-maker-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.wp-chart-maker-table th,
.wp-chart-maker-table td {
	padding: 8px 12px;
	border: 1px solid #e2e8f0;
	text-align: left;
}

.wp-chart-maker-table thead th {
	background: #f8fafc;
	font-weight: 600;
	color: #374151;
}

.wp-chart-maker-table tbody tr:nth-child(even) {
	background: #f9fafb;
}

.wp-chart-maker-table tbody tr:hover {
	background: #f0f6fc;
}