/**
 * Moducore ONE login — mockup palette tokens only.
 * Layout/spacing uses Bootstrap utilities in the partial.
 */

.one-login {
	--one-login-black: #000000;
	--one-login-white: #ffffff;
	--one-login-purple: #5521E2;
	--one-login-purple-hover: #4618c4;
	--one-login-input-bg: #E8EBFD;
	--one-login-heading: #111111;
	--one-login-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-family: var(--one-login-font);
	background-color: var(--one-login-white);
	color: var(--one-login-heading);
}

.one-login-panel {
	background-color: var(--one-login-black);
	color: var(--one-login-white);
}

.one-login-mark {
	height: 2.25rem;
	width: auto;
}

.one-login-brand-moducore {
	color: var(--one-login-white);
	font-weight: 600;
	font-size: 1.125rem;
	letter-spacing: 0.01em;
}

.one-login-brand-one {
	color: var(--one-login-purple);
	font-weight: 600;
	font-size: 1.125rem;
	letter-spacing: 0.02em;
}

.one-login-form-col {
	background-color: var(--one-login-white);
}

.one-login-form-wrap {
	max-width: 28rem;
}

.one-login-heading-moducore {
	color: var(--one-login-heading);
	font-weight: 600;
}

.one-login-heading-one {
	color: var(--one-login-purple);
	font-weight: 600;
}

.one-login-forgot {
	color: var(--one-login-purple) !important;
	text-decoration: none;
	font-size: 0.875rem;
}

.one-login-forgot:hover,
.one-login-forgot:focus {
	color: var(--one-login-purple-hover) !important;
	text-decoration: underline;
}

.one-login .one-login-input,
.one-login .one-login-input:focus {
	background-color: var(--one-login-input-bg);
	border-color: transparent;
	box-shadow: none;
}

.one-login .input-group-merge .one-login-input {
	border-right: 0;
}

.one-login .one-login-eye {
	background-color: var(--one-login-input-bg);
	border-color: transparent;
	cursor: pointer;
}

.one-login-btn {
	background-color: var(--one-login-purple);
	border-color: var(--one-login-purple);
	color: var(--one-login-white);
	font-weight: 600;
}

.one-login-btn:hover,
.one-login-btn:focus,
.one-login-btn:active {
	background-color: var(--one-login-purple-hover);
	border-color: var(--one-login-purple-hover);
	color: var(--one-login-white);
}

.one-login-sso-icon {
	height: 1.25rem;
	width: auto;
	vertical-align: middle;
}

.one-login-sso-icon-okta {
	width: 1.5rem;
	height: auto;
	vertical-align: middle;
}