/* Tabler sign-in pages (tabler_signin layout) */

.tabler-signin-body {
	min-height: 100vh;
	background-color: var(--tblr-bg-surface-secondary, #f5f7fb);
}

.khp-signin-logo {
	display: block;
	max-width: 220px;
	height: auto;
	margin: 0 auto;
}

.tabler-signin-body .card-md {
	max-width: 24rem;
	margin-left: auto;
	margin-right: auto;
}

.tabler-signin-body .khp-signin-card-wide {
	max-width: 32rem;
}

.tabler-signin-body .form-footer {
	margin-top: 1.5rem;
}

.tabler-signin-body .btn {
	touch-action: manipulation;
}

.tabler-signin-body .khp-signin-links {
	max-width: 24rem;
	margin: 1.5rem auto 0;
	text-align: center;
}

.tabler-signin-body a:not(.btn) {
	color: var(--khp-brand);
}

.tabler-signin-body a:not(.btn):hover,
.tabler-signin-body a:not(.btn):focus {
	color: var(--khp-brand-hover);
}

@media (max-width: 575.98px) {
	.tabler-signin-body .container-tight {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.khp-signin-logo {
		max-width: 180px;
	}
}

/* Legacy sign-in / public page utilities (ta-signin.css, sb-signin.css) */
.tabler-signin-body .small-heading {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.4;
}

.tabler-signin-body .logo-center,
.tabler-signin-body .khp-signin-logo {
	display: block;
	max-width: 220px;
	height: auto;
	margin: 0 auto;
}

.tabler-signin-body .container-signin {
	max-width: 480px;
}

.tabler-signin-body .card {
	border-radius: 0.5rem;
}

.tabler-signin-body .btn-lg {
	text-transform: uppercase;
	font-weight: 600;
}

.tabler-signin-body .form-control {
	padding: 0.625rem 0.75rem;
	font-size: 1rem;
}

.tabler-signin-body .form-control:focus {
	border-color: var(--khp-brand);
	box-shadow: 0 0 0 0.2rem rgba(var(--khp-brand-rgb), 0.15);
}