/* /status (smuse/www/status.html): the plain shell, a little wider, with ledger rules between
   windows: a 2 px ink rule opens each list, hairlines between items. No cards. */

body.plain.status-shell {
	--plain-width: 38rem;
}

.status-overall {
	display: flex;
	align-items: baseline;
	gap: 0.625rem;
	margin: 1.75rem 0 0;
	font-size: 1rem;
	color: var(--ink);
}

.status-dot {
	flex: none;
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 50%;
	background: var(--ok);
	transform: translateY(-0.05rem);
}

.status-overall.is-slow .status-dot {
	background: transparent;
	box-shadow: inset 0 0 0 2px var(--muted);
}

.status-overall.is-down .status-dot {
	background: var(--stamp);
}

.status-section {
	margin-top: 2.25rem;
}

.status-section h2 {
	font-size: 1.125rem;
	line-height: 1.3;
	letter-spacing: 0;
}

.status-list {
	list-style: none;
	margin: 0.75rem 0 0;
	padding: 0;
	border-top: 2px solid var(--ink);
}

.status-item {
	padding: 0.875rem 0;
	border-bottom: 1px solid var(--line);
}

.status-item h3 {
	font-size: 1rem;
	line-height: 1.35;
}

.status-item p {
	margin: 0.25rem 0 0;
	font-size: 0.9375rem;
	color: var(--muted);
}

.status-item .status-when {
	color: var(--ink);
	font-variant-numeric: tabular-nums;
}

.status-item .status-message {
	color: var(--ink);
	white-space: pre-line;
}

.status-none {
	margin: 0.75rem 0 0;
	padding-top: 0.75rem;
	border-top: 2px solid var(--ink);
	color: var(--muted);
}

.status-note {
	margin-top: 2.25rem;
	font-size: 0.875rem;
	color: var(--muted);
}