/* Tailwind-only admin bundle — utilities/components generated from class names in src/admin */
@tailwind components;
@tailwind utilities;

/* ==================== FIXED TOAST NOTIFICATION ==================== */
.usk-toast-wrap {
	position: fixed;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99999;
	pointer-events: none;
	display: flex;
	justify-content: center;
	width: auto;
	max-width: 480px;
}

.usk-toast {
	pointer-events: auto;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	animation: usk-toast-in 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
	white-space: nowrap;
}

.usk-toast--success {
	background: #ecfdf5;
	color: #065f46;
	border: 1px solid #a7f3d0;
}

.usk-toast--error {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
}

.usk-toast__close {
	cursor: pointer;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: 16px;
	line-height: 1;
	padding: 0 0 0 6px;
	opacity: 0.6;
	transition: opacity 0.15s;
}

.usk-toast__close:hover {
	opacity: 1;
}

@keyframes usk-toast-in {
	0% {
		opacity: 0;
		transform: translateY(-14px) scale(0.96);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
