/* Protostar ERP — website & login theme (applies to /login and portal pages). */

/* Page backdrop: light slate with a faint brand glow, like sequenceqms hero */
body.login-page,
#page-login {
	background:
		radial-gradient(720px 360px at 85% -10%, rgba(6, 182, 212, 0.12), transparent 60%),
		radial-gradient(720px 360px at 10% 110%, rgba(37, 99, 235, 0.1), transparent 60%),
		var(--pst-slate-50);
}

/* Login card: modern elevated surface */
.for-login .page-card,
.for-forgot .page-card,
.for-signup .page-card {
	background: #fff;
	border: 1px solid var(--pst-slate-200);
	border-radius: 16px;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
	padding: 2rem;
}
.for-login .page-card-head h4,
.for-login .page-card-head .lead {
	color: var(--pst-navy);
	font-weight: 600;
}

/* Inputs */
.for-login .form-control,
.for-forgot .form-control,
.for-signup .form-control {
	border: 1px solid var(--pst-slate-300);
	border-radius: 8px;
	transition: border-color var(--pst-transition), box-shadow var(--pst-transition);
}
.for-login .form-control:focus,
.for-forgot .form-control:focus,
.for-signup .form-control:focus {
	border-color: var(--pst-blue-light);
	box-shadow: var(--pst-focus-ring);
}

/* Login pages style their action button via --primary (class .btn-login) */
:root {
	--primary: var(--pst-blue);
}
.btn-login,
.for-login .btn-default.btn-login {
	color: #fff !important;
	background: var(--pst-blue) !important;
	border: none;
	border-radius: 8px;
	font-weight: 500;
	transition: background var(--pst-transition);
}
.btn-login:hover,
.btn-login:focus-visible {
	background: var(--pst-blue-hover) !important;
}

/* Primary action */
.for-login .btn-primary,
.for-forgot .btn-primary,
.for-signup .btn-primary,
.web-footer ~ * .btn-primary {
	color: #fff;
	background: var(--pst-blue);
	border: none;
	border-radius: 8px;
	font-weight: 500;
	transition: background var(--pst-transition);
}
.for-login .btn-primary:hover,
.for-forgot .btn-primary:hover,
.for-signup .btn-primary:hover {
	background: var(--pst-blue-hover);
}

/* Links */
.for-login a,
.for-forgot a,
.for-signup a {
	color: var(--pst-blue);
}

/* Website navbar (guest/portal pages) */
.navbar-light {
	background: #fff;
	border-bottom: 1px solid var(--pst-slate-200);
}

/* Attribution — Protostar AI, LLC */
.pst-attrib-web {
	margin-top: 18px;
	text-align: center;
	font-size: 11.5px;
	color: var(--pst-slate-400);
}