body {
	font-family: system-ui, sans-serif;
	margin: 2rem;
	max-width: 60rem;
	color: #222;
}
nav {
	margin-bottom: 1rem;
}
fieldset {
	margin-bottom: 1rem;
}
label {
	display: inline-block;
	min-width: 5rem;
}
input,
button {
	margin: 0.2rem 0;
}
button {
	padding: 0.3rem 0.8rem;
	cursor: pointer;
}
.notice {
	color: #2e7d32;
}
.error-text {
	color: #c62828;
	font-weight: bold;
}

.status-table {
	border-collapse: collapse;
	width: 100%;
	margin: 0.5rem 0;
}
.status-table th,
.status-table td {
	border: 1px solid #ccc;
	padding: 0.4rem 0.6rem;
	text-align: left;
	vertical-align: top;
}
.status-table th {
	background: #f4f4f4;
}
.status-table small {
	color: #777;
}

.badge {
	font-weight: bold;
	white-space: nowrap;
}
.badge.up {
	color: #2e7d32;
}
.badge.degraded {
	color: #b8860b;
}
.badge.down {
	color: #c62828;
}

#database-status {
	background-color: #f0f7f0;
	border-left: 4px solid #2e7d32;
	padding: 0.8rem;
	margin: 0.5rem 0;
	border-radius: 2px;
	font-size: 0.95rem;
}