/**
 * Admin chrome branding — sidebar/logo/signin only.
 * Does not restyle Keystone dashboard cards, tables, or ThemeProvider.
 * Consumes --lzlz-* from brand-tokens.css.
 */

/* Logo header strip */
div:has(> [data-lzlz-brand='logo']) {
	background: var(--lzlz-surface);
	border-bottom-color: var(--lzlz-surface-border) !important;
	box-shadow: inset 0 -2px 0 var(--lzlz-accent);
}

[data-lzlz-brand='logo'] {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

/* Sidebar column */
aside:has(nav[aria-label='Side Navigation']) {
	background: var(--lzlz-surface);
	border-right: 1px solid var(--lzlz-surface-border);
	min-height: 100%;
	color: #e4e4e7 !important;
}

/* "Signed in as" — Keystone theme text is dark; force light on dark chrome */
aside:has(nav[aria-label='Side Navigation']) > div > div:first-child {
	color: #a1a1aa !important;
}

aside:has(nav[aria-label='Side Navigation']) strong {
	color: #fafafa !important;
}

nav[aria-label='Side Navigation'] a {
	color: #d4d4d8 !important;
}

nav[aria-label='Side Navigation'] a:hover {
	background: color-mix(in srgb, var(--lzlz-neon-cyan) 12%, transparent) !important;
	color: var(--lzlz-neon-cyan) !important;
}

nav[aria-label='Side Navigation'] a[aria-current='location'] {
	background: color-mix(in srgb, var(--lzlz-accent) 22%, transparent) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 var(--lzlz-neon-magenta);
}

/* Sign-in — brand Keystone SigninContainer without forking auth logic */
[data-lzlz-signin] > div > div {
	background-color: var(--lzlz-surface) !important;
	background-image:
		radial-gradient(ellipse at top, color-mix(in srgb, var(--lzlz-neon-magenta) 14%, transparent), transparent 55%),
		radial-gradient(ellipse at bottom, color-mix(in srgb, var(--lzlz-neon-cyan) 10%, transparent), transparent 50%) !important;
}

[data-lzlz-signin] > div > div > div {
	background: var(--lzlz-surface-elevated) !important;
	box-shadow: 0 0 0 1px var(--lzlz-surface-border), 0 24px 48px rgba(0, 0, 0, 0.45) !important;
	border-radius: 12px;
	color: #e4e4e7 !important;
}

[data-lzlz-signin] > div > div > div::before {
	content: 'Lazalza';
	display: block;
	text-align: center;
	font-size: 2rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	margin-bottom: 0.75rem;
	background: linear-gradient(135deg, var(--lzlz-neon-magenta) 0%, var(--lzlz-neon-cyan) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--lzlz-neon-magenta);
	filter: drop-shadow(0 0 10px color-mix(in srgb, var(--lzlz-neon-magenta) 40%, transparent));
}

/* "Sign In" heading — was Keystone dark navy on dark card */
[data-lzlz-signin] h1 {
	color: #f4f4f5 !important;
	-webkit-text-fill-color: #f4f4f5 !important;
	background: none !important;
	filter: none !important;
}

[data-lzlz-signin] button[type='submit'] {
	background: var(--lzlz-accent) !important;
	border-color: var(--lzlz-accent-dark) !important;
	color: #fff !important;
}