/* Toast container placed in top-right and stacking children vertically */
#toasts {
	position: fixed;
	top: 16px;
	right: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 2147483647;
	pointer-events: none; /* container shouldn't block mouse, but children can */
}

/* Simple informative toast styles (children of #toasts) */
.toastify {
	padding: 12px 16px;
	color: var(--body-text);
	display: flex;
	flex-direction: column;
	gap: 6px;
	box-shadow: 0 6px 18px rgba(0,0,0,0.18);
	background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 70%, white 30%), var(--accent));
	opacity: 1;
	transition: transform .28s ease, opacity .28s ease;
	border-radius: 12px;
	cursor: pointer;
	text-decoration: none;
	max-width: min(420px, 86vw);
	word-break: break-word;
	white-space: normal;
	pointer-events: auto; /* allow clicks */
}

.toastify.dismiss { opacity: 0; transform: translateY(-8px); }

.toastify .title { font-weight:700; margin: 0; font-size: 0.95rem; }
.toastify .message { font-size: 0.9rem; opacity: .95; margin: 0; }

/* toast types (override background & text color) */
.toastify-success { background: linear-gradient(135deg, color-mix(in srgb, #dff7e6 80%, var(--accent) 20%), #dff7e6); color: #06210a }
.toastify-error { background: linear-gradient(135deg, color-mix(in srgb, #ffdfe0 80%, var(--accent) 20%), #ffdfe0); color: #3a0202 }
.toastify-info { background: linear-gradient(135deg, color-mix(in srgb, #eef6ff 80%, var(--accent) 20%), #eef6ff); color: #021 }