.ecc-tooltip {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	background: #1f2124;
	color: #fff;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.4;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.15s ease, transform 0.15s ease;
	z-index: 10;
}

.ecc-tooltip.ecc-success {
	background: #1f9d55;
}

.ecc-tooltip.ecc-error {
	background: #d64545;
}

.ecc-tooltip-visible {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

[data-ecc="1"].ecc-success {
	outline: 2px solid #1f9d55;
	outline-offset: 2px;
}

[data-ecc="1"].ecc-error {
	outline: 2px solid #d64545;
	outline-offset: 2px;
}