.pru-upload-box {
	margin: 2em 0;
}

.pru-upload-title {
	margin-bottom: 0.5em;
}

.pru-file-list {
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
}

.pru-file-list li {
	padding: 0.3em 0;
	font-size: 0.95em;
}

.pru-delete-form {
	display: inline;
	margin-left: 0.5em;
}

.pru-delete-button {
	background: none;
	border: 1px solid #c9302c;
	color: #c9302c;
	border-radius: 4px;
	padding: 0.1em 0.5em;
	font-size: 0.85em;
	cursor: pointer;
}

.pru-delete-button:hover {
	background: #c9302c;
	color: #fff;
}

.pru-form-hint {
	font-size: 0.85em;
	color: #666;
}

.pru-upload-status {
	margin: 0.75em 0 0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}

.pru-upload-status li {
	padding: 0.25em 0;
}

.pru-upload-status-pending {
	color: #777;
}

.pru-upload-status-active {
	color: #2271b1;
}

.pru-upload-status-success {
	color: #155724;
}

.pru-upload-status-success::before {
	content: '✓ ';
}

.pru-upload-status-error {
	color: #721c24;
}

.pru-upload-status-error::before {
	content: '✗ ';
}

@media ( prefers-color-scheme: dark ) {
	.pru-form-hint {
		color: inherit;
	}

	.pru-upload-status-pending {
		color: #aaa;
	}

	.pru-upload-status-success {
		color: #7fd398;
	}

	.pru-upload-status-error {
		color: #f2a3a9;
	}
}