#flash-container { position: fixed; bottom: 24px; left: 24px; z-index: 9999; }
.flash-toast { position: relative; width: fit-content; max-width: 320px; padding: 12px 18px;
	border-radius: 18px 18px 18px 4px; background-color: #ffffff; color: #1e293b;
	font-family: system-ui, -apple-system, sans-serif; font-size: 13.5px; font-weight: 500; line-height: 1.4;
	border: 1px solid rgba(226, 232, 240, 0.9);
	border-left: 4px solid #3b82f6; /* Blue indicator strip */
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
	animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
	transition: opacity 0.35s ease, transform 0.35s ease;
}

.flash-toast::before { content: ''; position: absolute; bottom: -8px; left: 4px; width: 0; height: 0;
	border-style: solid; border-width: 9px 11px 0 0; border-color: #3b82f6 transparent transparent transparent;
}

.flash-toast.hide { opacity: 0; transform: translateY(15px) scale(0.92); }

@keyframes popIn {
	from { opacity: 0; transform: translateY(20px) scale(0.92); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}