body.learnabit-branded-login {
	min-height: 100vh;
	background-color: var(--learnabit-page-background, #f5f7f4);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

body.learnabit-branded-login .page-card {
	border: 0;
	box-shadow: 0 24px 70px rgba(17, 35, 27, 0.18);
}

body.learnabit-branded-login .app-logo {
	width: auto;
	max-width: 220px;
	max-height: 72px;
	object-fit: contain;
}

body.learnabit-branded-login .btn-primary,
body.learnabit-branded-login button[data-variant="solid"] {
	background: var(--learnabit-primary, #16805e) !important;
	border-color: var(--learnabit-primary, #16805e) !important;
}

body.learnabit-branded-login a {
	color: var(--learnabit-primary, #16805e);
}
.learnabit-eid-test-login { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #c8d6d5; }
.learnabit-eid-test-login p { margin-top: .7rem; font-size: .85rem; line-height: 1.5; color: #4d6260; }
.learnabit-eid-test-error { color: #a92f27; margin-top: 1rem; }
.learnabit-social-login{display:grid;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #d1dedc)}
.learnabit-social-login p{font-size:.875rem;line-height:1.5;color:var(--text-color, #234642);margin:0}
.learnabit-client-recovery { display: grid; gap: .45rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--border-color, #c4d6e6); }
.learnabit-client-recovery p { margin: 0; font-size: .875rem; line-height: 1.6; color: var(--text-color, #172f49); }
.learnabit-client-recovery a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; line-height: 1.5; text-decoration: underline; text-underline-offset: .15em; }