/**
 * AskCollab KYC - Utility Styles
 * @package AskCollab Seller KYC
 * @version 1.0.0
 */

.asky-kyc-wrapper .form-input.error,
.asky-kyc-wrapper .form-select.error,
.asky-kyc-wrapper .form-textarea.error {
	border-color: #b91c1c;
	background-color: #fef2f2;
}

.asky-kyc-wrapper .error-msg {
	color: #b91c1c;
	font-size: 0.8125rem;
	margin-top: 4px;
	display: block;
}

.asky-kyc-wrapper .primary-action-btn.loading {
	opacity: 0.8;
	cursor: not-allowed;
	position: relative;
	color: transparent !important;
}

.asky-kyc-wrapper .primary-action-btn.loading::after {
	content: "";
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	width: 18px; height: 18px;
	border: 2px solid rgba(255,255,255,0.3);
	border-top-color: white;
	border-radius: 50%;
	animation: asky-spin 0.8s linear infinite;
}

@keyframes asky-spin {
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

.asky-kyc-wrapper .asky-toast {
	position: fixed;
	top: 20px; right: 20px;
	padding: 14px 20px;
	border-radius: 12px;
	color: white;
	font-weight: 600;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	z-index: 99999;
	transform: translateX(120%);
	transition: transform 0.3s ease;
}
.asky-kyc-wrapper .asky-toast.success { background: #00875a; }
.asky-kyc-wrapper .asky-toast.error { background: #b91c1c; }
.asky-kyc-wrapper .asky-toast.show { transform: translateX(0); }