/**
 * daisyUI-style alerts for pj2 pages (no Tailwind rebuild required).
 */
.alert {
	display: grid;
	align-items: center;
	gap: 0.75rem;
	border: var(--border, 1px) solid var(--color-base-200);
	border-radius: var(--radius-box, 0.5rem);
	padding: 0.75rem 1rem;
	font-size: 0.875rem;
	line-height: 1.4;
	color: var(--color-base-content);
	background-color: var(--color-base-200);
	margin-bottom: 1rem;
}

.alert a {
	text-decoration: underline;
	font-weight: 500;
}

.alert-success {
	border-color: color-mix(in oklch, var(--color-success) 30%, transparent);
	background-color: color-mix(in oklch, var(--color-success) 12%, var(--color-base-100));
	color: color-mix(in oklch, var(--color-success) 70%, var(--color-base-content));
}

.alert-error {
	border-color: color-mix(in oklch, var(--color-error) 30%, transparent);
	background-color: color-mix(in oklch, var(--color-error) 12%, var(--color-base-100));
	color: color-mix(in oklch, var(--color-error) 70%, var(--color-base-content));
}

.alert-warning {
	border-color: color-mix(in oklch, var(--color-warning) 30%, transparent);
	background-color: color-mix(in oklch, var(--color-warning) 12%, var(--color-base-100));
	color: color-mix(in oklch, var(--color-warning) 70%, var(--color-base-content));
}

.alert-info {
	border-color: color-mix(in oklch, var(--color-info, var(--color-base-content)) 20%, transparent);
	background-color: color-mix(in oklch, var(--color-info, var(--color-base-content)) 8%, var(--color-base-100));
	color: var(--color-base-content);
}

.alert ul {
	margin: 0.25rem 0 0;
	padding-left: 1.25rem;
}

.alert li + li {
	margin-top: 0.25rem;
}