/* Logowanie w stylu panelu klienta (Tabler): formularz po lewej, grafika na pol ekranu po prawej. */
:root {
	--jdm-turkus: #1eb1b4;
	--jdm-turkus-dark: #147476;
}

/* Przyciski glowne jak w panelu (client_panel/dist/css/jdm.css) */
.btn-primary {
	background-color: #ffd73c;
	border-color: #ffd73c;
	color: #343f44;
	box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 6%);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #e3be2e;
	border-color: #e3be2e;
	color: #343f44;
}

.auth-side {
	min-height: 100vh;
	background: #fff;
}
.auth-header, .auth-footer {
	width: 100%;
	max-width: 30rem;
	margin: 0 auto;
	padding: 1.5rem 1.5rem 0;
}
.auth-footer {
	padding: 0 1.5rem 1.25rem;
}
.auth-logo img {
	height: 36px;
}
.auth-main {
	width: 100%;
	max-width: 30rem;
	margin: 0 auto;
	padding: 2rem 1.5rem;
}
.auth-main h2 {
	margin-bottom: .5rem;
}
.auth-lead {
	color: var(--tblr-secondary);
	margin-bottom: 1.75rem;
}
.auth-main a:not(.btn) {
	color: var(--jdm-turkus-dark);
}

/* Grafika na pol ekranu (tylko od lg); na telefonie sam formularz */
.auth-cover {
	position: sticky;
	top: 0;
	height: 100vh;
	background-position: center;
	background-size: cover;
}
.auth-cover-promo {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.auth-cover-promo img {
	max-width: 320px;
	width: 60%;
}

.auth-error-code {
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	color: var(--jdm-turkus);
}

/* Przelacznik jezyka jak na jdm.pl (nav.css .nav-lang) */
.nav-lang {
	display: inline-flex;
	align-items: center;
	gap: .375rem;
	padding: .3rem .55rem;
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .03em;
	white-space: nowrap;
	text-decoration: none;
	color: var(--tblr-secondary);
	border: 1px solid var(--tblr-border-color);
	border-radius: 6px;
	transition: color .2s, border-color .2s;
}
.nav-lang:hover {
	color: var(--tblr-body-color);
	border-color: var(--tblr-secondary);
	text-decoration: none;
}
.nav-lang .icon {
	width: 1rem;
	height: 1rem;
}