/* ==========================================================================
   Login Page — unique styles
   Shared layout/input/button styles live in auth.css
   ========================================================================== */

/* The login submit button uses a bespoke gradient rather than the flat
   ".auth-button--primary" fill used on the other auth pages. */
.auth-button--login {
	color: #ffffff;
	background: linear-gradient(247deg, #0a2731 -13.16%, #2b82a2 67.8%);
	box-shadow: 0 2px 5px 0 rgba(43, 130, 162, 0.68);
}

.auth-button--login:hover:not(:disabled) {
	background: linear-gradient(247deg, #08202a -13.16%, #256f8c 67.8%);
}

/* Loading state (toggle this class from JS when a submit request is in flight) */
.auth-button--login.is-loading {
	background: #2b82a2;
	box-shadow: none;
	cursor: not-allowed;
}

.auth-button--login:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	box-shadow: none;
}