/* Zwischenstand — Login/Auth-Branding. Wird von nginx in index.html injiziert.
   Überschreibt nur die Vikunja-Auth-Seiten (.no-auth-wrapper); die App selbst bleibt unberührt. */

/* 1) Lama-Hintergrund weg, eigener Marken-Verlauf */
.no-auth-wrapper {
	background: #0b1220 !important;
	background-image:
		radial-gradient(1100px 560px at 12% 8%, rgba(99,102,241,.28), transparent 60%),
		radial-gradient(950px 520px at 92% 96%, rgba(236,72,153,.24), transparent 60%),
		linear-gradient(135deg, #0b1220 0%, #141b30 100%) !important;
}

/* 2) Linke Bildsektion: eigenes Marken-Panel statt Foto + „Willkommen zurück" */
.no-auth-wrapper .image {
	background: linear-gradient(150deg, #6366F1 0%, #8B5CF6 46%, #EC4899 100%) !important;
	justify-content: center !important;
	padding: clamp(1.5rem, 3vw, 3rem) !important;
	overflow: hidden;
}
.no-auth-wrapper .image::before { background-color: rgba(0,0,0,.10) !important; }
.no-auth-wrapper .image .image-title { display: none !important; }

/* 3) Rotierendes Fakten-Widget */
.zs-facts {
	position: relative; z-index: 2;
	display: flex; flex-direction: column; gap: 1.1rem;
	height: 100%; color: #fff;
}
.zs-facts__kicker {
	display: flex; align-items: center; gap: .5rem;
	font-size: .8rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
	opacity: .9;
}
.zs-facts__kicker::before { content: "💡"; font-size: 1.05rem; }
.zs-facts__body { display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; }
.zs-facts__text {
	margin: 0; font-weight: 800; font-size: clamp(1.35rem, 2.5vw, 2.05rem); line-height: 1.28;
	text-wrap: balance;
	transition: opacity .45s ease, transform .45s ease;
}
.zs-facts__text.zs-out { opacity: 0; transform: translateY(10px); }
.zs-facts__foot {
	display: flex; align-items: center; justify-content: space-between;
	margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.25);
}
.zs-facts__brand { font-weight: 800; letter-spacing: .02em; }
.zs-facts__count { font-size: .82rem; opacity: .8; font-variant-numeric: tabular-nums; }