/* CodesLytic login screen: larger logo, centred above the form.
   Overrides Frappe's login.bundle.css (header is left-aligned, logo capped at 32px).
   The extra .for-login .login-content prefix out-ranks that rule without !important. */

.for-login .login-content .page-card-head {
	align-items: center;
	text-align: center;
	gap: 20px;
}

.for-login .login-content .page-card-head img.app-logo {
	max-height: 140px;
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}

.for-login .login-content .page-card-head h4,
.for-login .login-content .page-card-head .page-card-subtitle {
	text-align: center;
}