.pc-status__components .pc-status__panel-head > strong {
	color: var(--pc-status-muted);
	font-size: 12px;
}

.pc-status__component-groups {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 20px;
}

.pc-status__component-group {
	background: rgba(255, 255, 255, .035);
	border: 1px solid var(--pc-status-border);
	border-radius: 10px;
	padding: 16px;
}

.pc-status__component-group h3 {
	color: var(--pc-status-text);
	font-size: 17px;
	margin: 0 0 10px;
}

.pc-status__component-group ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pc-status__component-group li {
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, .07);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 9px 0;
}

.pc-status__component-group li:first-child { border-top: 0; }
.pc-status__component-group li > span { color: var(--pc-status-muted); font-size: 13px; }
.pc-status__component-group li > strong {
	align-items: center;
	color: var(--pc-status-text);
	display: flex;
	font-size: 12px;
	gap: 6px;
	text-align: right;
}
.pc-status__component-group li > strong i {
	background: var(--pc-status-red);
	border-radius: 50%;
	display: block;
	flex: 0 0 7px;
	height: 7px;
}
.pc-status__component-group li > strong.is-ok i { background: var(--pc-status-green); }

@media (max-width: 700px) {
	.pc-status__component-groups { grid-template-columns: 1fr; }
	.pc-status__component-group { padding: 13px; }
	.pc-status__components .pc-status__panel-head { display: block; }
	.pc-status__components .pc-status__panel-head > strong { display: block; margin-top: 7px; }
}