/* NAK Liedvorschläge – Anmelden, Passwort vergessen, neues Passwort (im Stil des Arbeitsbereichs) */
body.login.lv-login {
	--lvl-bg1: #0f2f52;
	--lvl-bg2: #1d4f7c;
	--lvl-card: #fff;
	--lvl-ink: #15202b;
	--lvl-mut: #64748b;
	--lvl-line: #d7dee7;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: radial-gradient(1200px 600px at 15% -10%, rgb(124 196 255 / .25), transparent 60%), linear-gradient(140deg, var(--lvl-bg1), var(--lvl-bg2));
	font: 16px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	color: var(--lvl-ink);
	-webkit-font-smoothing: antialiased;
}
.lv-login #login { width: min(400px, calc(100vw - 32px)); padding: 24px 0; margin: 0; }
.lv-login h1 a { width: 72px; height: 72px; background-size: contain; border-radius: 18px; box-shadow: 0 10px 30px rgb(0 0 0 / .25); margin-bottom: 18px; }
.lv-login form, .lv-login .message, .lv-login .notice, .lv-login #login_error {
	border: 0;
	border-radius: 18px;
	box-shadow: 0 20px 60px rgb(5 20 40 / .35);
	background: var(--lvl-card);
}
.lv-login form { padding: 26px 26px 22px; margin-top: 14px; }
.lv-login .message, .lv-login .notice, .lv-login #login_error { padding: 12px 16px; margin: 0 0 12px; font-size: .9rem; border-left: 4px solid var(--lvl-acc, #1d4f7c); }
.lv-login #login_error { border-left-color: #dc2626; }
.lv-login label { font-size: .86rem; font-weight: 600; color: var(--lvl-ink); }
.lv-login input[type=text], .lv-login input[type=email], .lv-login input[type=password] {
	font: inherit; font-size: 1rem; padding: .7rem .85rem; margin: .3rem 0 1rem; border-radius: 12px;
	border: 1px solid var(--lvl-line); background: #f8fafc; box-shadow: none; color: var(--lvl-ink); width: 100%; box-sizing: border-box;
}
.lv-login h1 a { text-decoration: none !important; }
.lv-login .lv-login__hint { color: var(--lvl-ink) !important; }
.lv-login input[type=text]:focus, .lv-login input[type=email]:focus, .lv-login input[type=password]:focus { border-color: var(--lvl-acc, #1d4f7c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--lvl-acc, #1d4f7c) 22%, transparent); outline: 0; }
.lv-login .button-primary, .lv-login #wp-submit {
	float: none; width: 100%; height: auto; padding: .75rem 1rem; margin-top: .4rem; border: 0; border-radius: 999px;
	background: var(--lvl-acc, #1d4f7c); color: #fff; font-size: 1rem; font-weight: 650; text-shadow: none; box-shadow: 0 6px 18px color-mix(in srgb, var(--lvl-acc, #1d4f7c) 35%, transparent);
}
.lv-login .button-primary:hover, .lv-login .button-primary:focus { filter: brightness(1.08); background: var(--lvl-acc, #1d4f7c); }
.lv-login .forgetmenot { float: none; margin-bottom: .6rem; }
.lv-login .forgetmenot label { font-weight: 400; }
.lv-login .wp-pwd .button.wp-hide-pw { top: .45rem; color: var(--lvl-mut); }
.lv-login #nav, .lv-login #backtoblog { text-align: center; padding: 0; margin: 14px 0 0; }
.lv-login #nav a, .lv-login #backtoblog a, .lv-login .privacy-policy-link { color: rgb(255 255 255 / .88) !important; font-size: .9rem; text-decoration: none; }
.lv-login #nav a:hover, .lv-login #backtoblog a:hover { color: #fff !important; text-decoration: underline; }
.lv-login #backtoblog a { display: inline-block; padding: .45rem .9rem; border-radius: 999px; background: rgb(255 255 255 / .12); }
.lv-login .language-switcher { display: none; }
.lv-login .lv-login__hint { background: var(--lvl-card); border-radius: 14px; padding: 12px 16px; margin: 0 0 12px; font-size: .9rem; color: var(--lvl-mut); box-shadow: 0 10px 30px rgb(5 20 40 / .2); }
.lv-login .pw-weak, .lv-login #pass-strength-result { border-radius: 10px; }
.lv-login .indicator-hint, .lv-login .description { color: var(--lvl-mut); font-size: .82rem; }
@media (prefers-color-scheme: dark) {
	body.login.lv-login { --lvl-card: #161d25; --lvl-ink: #e6ebf1; --lvl-mut: #94a3b8; --lvl-line: #2a3542; }
	.lv-login input[type=text], .lv-login input[type=email], .lv-login input[type=password] { background: #0f1419; }
}