/* Unify the login page into a single bordered card (logo + form together,
   like most modern Frappe-based login pages), show the Email/Password
   labels instead of hiding them for screen readers only, and use the
   app's brand blue for the primary button instead of the framework's
   default near-black. Scoped to .for-login (and its sibling auth states)
   so nothing outside the login page is affected. */

.for-login,
.for-forgot,
.for-login-with-email-link,
.for-signup,
.for-email-login {
	background: #fff;
	border: 1px solid var(--border-color, #e2e8f0);
	border-radius: var(--border-radius-md, 8px);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	max-width: 400px;
	margin: max(4vh, 24px) auto 0;
	padding: 24px 10px 10px;
}

.for-login .page-card-head,
.for-forgot .page-card-head,
.for-login-with-email-link .page-card-head,
.for-signup .page-card-head,
.for-email-login .page-card-head {
	padding: 0 0 10px;
	margin: 0;
}

.for-login .page-card-head img,
.for-forgot .page-card-head img,
.for-login-with-email-link .page-card-head img,
.for-signup .page-card-head img,
.for-email-login .page-card-head img {
	max-height: 160px !important;
	max-width: 240px !important;
	width: auto !important;
	height: auto !important;
}

.for-login .page-card,
.for-forgot .page-card,
.for-login-with-email-link .page-card,
.for-signup .page-card,
.for-email-login .page-card {
	border: none;
	box-shadow: none;
	padding: 10px 10px 35px;
	margin: 0;
	max-width: none;
}

.for-login .form-label.sr-only,
.for-forgot .form-label.sr-only,
.for-login-with-email-link .form-label.sr-only,
.for-signup .form-label.sr-only,
.for-email-login .form-label.sr-only {
	position: static;
	width: auto;
	height: auto;
	margin: 0 0 6px;
	padding: 0;
	overflow: visible;
	clip: auto;
	white-space: normal;
	display: block;
}

.for-login .btn-primary,
.for-forgot .btn-primary,
.for-login-with-email-link .btn-primary,
.for-signup .btn-primary,
.for-email-login .btn-primary {
	background-color: #2490ef !important;
	border-color: #2490ef !important;
}

.for-login .btn-primary:hover,
.for-forgot .btn-primary:hover,
.for-login-with-email-link .btn-primary:hover,
.for-signup .btn-primary:hover,
.for-email-login .btn-primary:hover {
	background-color: #1c7dd1 !important;
	border-color: #1c7dd1 !important;
}