:root {
		--bg: #0d1117;
		--card: #21262d;
		--border: #30363d;
		--text: #e6edf3;
		--accent: #58a6ff;
		--success: #00ff99;
		--warn: #ffaa00;
		--meta: #aaa;
	}
	.alerts-section {
		max-width: 600px;
		margin: auto;
	}
	.alerts-title {
		font-size: 2rem;
		margin-bottom: 1.2em;
		color: var(--accent);
		letter-spacing: 1px;
	}
	.alerts-card {
		background: var(--card);
		padding: 1.2em 1.5em;
		border-radius: 10px;
		box-shadow: 0 2px 12px #0002;
		margin-bottom: 2em;
	}
	.alert-status {
		font-size: 1.1em;
	}
	.alert-ok {
		color: var(--success);
		font-weight: bold;
	}
	.alert-meta {
		color: var(--meta);
	}
	.alert-warn {
		color: var(--warn);
		font-weight: bold;
	}
	.alerts-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.alerts-list li {
		margin-bottom: 0.7em;
	}
	.legacy-debug-hr {
		border: 1px dashed var(--warn);
		margin: 2em 0;
	}
	.legacy-debug {
		border: 1px dashed var(--warn);
		padding: 18px 20px;
		background: #181c22;
		border-radius: 8px;
	}
	.legacy-debug-title {
		color: var(--warn);
		margin-top: 0;
	}
	.legacy-debug-form {
		margin-bottom: 10px;
	}
	.legacy-debug-input {
		width: 300px;
		background: #222;
		border: 1px solid #444;
		color: #fff;
		padding: 6px 10px;
		border-radius: 4px;
	}
	.legacy-debug-btn {
		background: var(--warn);
		color: #222;
		border: none;
		padding: 6px 16px;
		border-radius: 4px;
		font-weight: bold;
	}
	.legacy-debug-path {
		color: var(--accent);
	}
	.legacy-debug-log {
		background: #000;
		padding: 10px;
		border: 1px solid #333;
		overflow-x: auto;
		color: #fff;
	}