/* System speed tools: memory, browser storage, network. */
.smgpu-sys {
	display: grid;
	gap: 14px;
}

.smgpu-sys .smgpu-controls-row select {
	min-height: 44px;
	max-width: 100%;
}

.smgpu-sys__bar {
	height: 12px;
	border-radius: 999px;
	background: #eef3fc;
	border: 1px solid #e1e7f3;
	overflow: hidden;
}

.smgpu-sys__fill {
	width: 0;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, #0b5cff, #0847c4);
	transition: width 0.15s ease-out;
}

.smgpu-sys__status {
	margin: 0;
	min-height: 1.5em;
	color: #5b6475;
	font-size: 0.95rem;
	overflow-wrap: anywhere;
}

.smgpu-sys__result {
	display: grid;
	gap: 10px;
	padding: 14px;
	background: #f5f8ff;
	border: 1px solid #e1e7f3;
	border-radius: 12px;
	box-shadow: 0 4px 14px rgba(11, 18, 32, 0.05);
}

.smgpu-sys__result .smgpu-table th {
	width: 42%;
	text-align: left;
}

.smgpu-sys__result .smgpu-table td {
	overflow-wrap: anywhere;
}

.smgpu-sys__error {
	color: #8a1c1c;
	background: #fff4f4;
	border: 1px solid #f0c4c4;
	border-radius: 10px;
	padding: 10px 12px;
}

@media (prefers-reduced-motion: reduce) {
	.smgpu-sys__fill {
		transition: none;
	}
}