/* Base style for inputs with live Kommentar-Alias validation */
.udn-input {
	padding-right: 2.2em;
	background-position: right 0.6em center !important;
	background-repeat: no-repeat !important;
	background-size: 1.1em 1.1em !important;
}

/* Loading spinner (grey) */
.udn-input.udn-loading {
	border-color: #999 !important;
	background-color: #F0F9FF !important;
}

/* Green checkmark when valid */
.udn-input.udn-valid {
	border-color: #2e7d32 !important;
	background-color: #F0FDF4 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0%200%2016%2016'%3E%3Cpath fill='none' stroke='%232e7d32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3%209l3%203%207-8'/%3E%3C/svg%3E");
}

/* Red cross when invalid or taken */
.udn-input.udn-invalid {
	border-color: #c62828 !important;
	background-color: #FEF2F2 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0%200%2016%2016'%3E%3Cpath fill='none' stroke='%23c62828' stroke-width='2' stroke-linecap='round' d='M4%204l8%208M12%204l-8%208'/%3E%3C/svg%3E");
}