/* Voxfor Secure Live Chat - Admin Dashboard Styles */

.voxfseli-dashboard-stats {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
	margin-bottom: 30px;
}

.voxfseli-stat-card {
	background: #fff;
	border: 1px solid #ccd0d4;
	border-radius: 4px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.voxfseli-stat-card h3 {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.voxfseli-stat-number {
	font-size: 32px;
	font-weight: bold;
	color: #0073aa;
	margin-bottom: 8px;
}

.voxfseli-stat-change {
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.voxfseli-stat-change.positive { color: #46b450; }
.voxfseli-stat-change.negative { color: #dc3232; }
.voxfseli-stat-change.neutral { color: #666; }

.voxfseli-quick-actions {
	background: #fff;
	border: 1px solid #ccd0d4;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.voxfseli-quick-actions h2 {
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #23282d;
}

.voxfseli-action-buttons {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.voxfseli-action-buttons .voxfseli-button {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	text-decoration: none;
}

.voxfseli-system-status {
	background: #fff;
	border: 1px solid #ccd0d4;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.voxfseli-system-status h2 {
	margin: 0 0 20px 0;
	font-size: 16px;
	color: #23282d;
}