.linkstorm-dashboard {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 20px;
}

.linkstorm-metric {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 20px;
	text-align: center;
	flex: 1 1 200px;
}

.linkstorm-metric h3 {
	margin-top: 0;
}

.linkstorm-metric p {
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0 0;
}

.linkstorm-metric p.small {
	font-size: 13px;
	color: #666;
	font-weight: normal;
}

.linkstorm-metric-success {
	background-color: #d4edda;
	border-color: #c6e4ca;
	color: #155724;
}

.linkstorm-metric-warning {
	background-color: #f8d7da;
	border-color: #f5c6cb;
	color: #721c24;
}

.linkstorm-text-warning {
	color: #721c24;
}

.linkstorm-text-success {
	color: #155724;
}

.linkstorm-steps {
	border-bottom: 1px solid #e0e0e0;
}

.linkstorm-steps-list {
	list-style: none;
	padding: 0;
	display: flex;
	gap: 20px;
	margin-bottom: 10px;
}

.linkstorm-steps-list a {
	text-decoration: none;
}

.linkstorm-step-complete a {
	color: #008000 !important;
}

.linkstorm-step-pending a {
	color: #808080 !important;
}

.linkstorm-step-active a {
	font-weight: bold !important;
}

.linkstorm-step-complete a::before {
	content: "✓";
	color: #008000;
	margin-right: 5px;
}

.linkstorm-step-pending a::before {
	content: "✗";
	color: #808080;
	margin-right: 5px;
}