/* ---------------------------------------------------------------------------
   The login page, in JOWPX's identity.

   Frappe's own page (frappe/www/login.html) is kept -- it carries password
   reset, two-factor login and login by email link, none of which a copy
   should own -- and dressed here. Every rule is scoped to the login and
   password pages by the `data-path` Frappe writes on <body>, so no other
   website page is touched.

   Frappe's login.bundle.css loads AFTER this sheet and uses long selectors,
   so the few properties both sheets set carry !important; everything else is
   plain.
--------------------------------------------------------------------------- */

body[data-path="login"],
body[data-path="update-password"] {
	background:
		radial-gradient(1200px 520px at 50% -140px, rgba(1, 122, 194, 0.14), transparent 70%),
		linear-gradient(180deg, #f6f8fa 0%, #eef2f6 100%) !important;
	min-height: 100vh;
}

/* The website's own navigation and footer have nothing to offer here. */
body[data-path="login"] .navbar,
body[data-path="login"] .web-footer,
body[data-path="update-password"] .navbar,
body[data-path="update-password"] .web-footer {
	display: none !important;
}

body[data-path="login"] .for-login,
body[data-path="login"] .for-forgot,
body[data-path="login"] .for-login-with-email-link,
body[data-path="update-password"] .page-card {
	margin-top: 9vh !important;
}

body[data-path="login"] .page-card-head .app-logo,
body[data-path="update-password"] .page-card-head .app-logo {
	height: 46px !important;
	width: auto !important;
	max-width: 240px;
	border-radius: 0 !important;
	margin-bottom: 18px !important;
}

body[data-path="login"] .page-card-head h4,
body[data-path="update-password"] .page-card-head h4 {
	color: #221e20 !important;
	font-weight: 600 !important;
	font-size: 17px !important;
}

body[data-path="login"] .login-content.page-card,
body[data-path="login"] .page-card,
body[data-path="update-password"] .page-card {
	border: 1px solid #dfe5ec !important;
	border-radius: 14px !important;
	box-shadow: 0 12px 32px rgba(17, 38, 60, 0.08) !important;
}

body[data-path="login"] .page-card .btn-primary,
body[data-path="update-password"] .page-card .btn-primary {
	background-color: #017ac2 !important;
	border-color: #017ac2 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
}

body[data-path="login"] .page-card .btn-primary:hover,
body[data-path="login"] .page-card .btn-primary:focus,
body[data-path="update-password"] .page-card .btn-primary:hover {
	background-color: #0164a0 !important;
	border-color: #0164a0 !important;
}

body[data-path="login"] .page-card .form-control:focus,
body[data-path="update-password"] .page-card .form-control:focus {
	box-shadow: 0 0 0 2px rgba(1, 122, 194, 0.35) !important;
}

body[data-path="login"] a:not(.btn),
body[data-path="update-password"] a:not(.btn) {
	color: #0164a0;
}

/* Who made the product, under the card. Added by jowpx_login.js. */
.jx-login-credit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 28px auto 24px;
	color: #6b7785;
	font-size: 12px;
}

.jx-login-credit img {
	height: 26px;
	width: auto;
	display: block;
}