/**
 * Client login form: inherits colors and typography from the active theme (no standalone gray panel).
 */
.cargoux-client-login {
	box-sizing: border-box;
	width: 100%;
	max-width: min(100%, var(--cargoux-max-width, 100%));
	margin: 1.5rem 0;
	padding: 0;
	background: transparent;
	color: var(--cargoux-text-color, inherit);
	font-family: inherit;
	font-size: var(--cargoux-font-size, inherit);
	line-height: inherit;
}

.cargoux-client-login *,
.cargoux-client-login *::before,
.cargoux-client-login *::after {
	box-sizing: inherit;
}

.cargoux-client-login__form {
	margin: 0;
}

.cargoux-client-login__form p {
	margin: 0 0 1rem;
}

.cargoux-client-login__form label {
	display: inline-block;
	margin-bottom: 0.2rem;
	font: inherit;
	color: inherit;
}

.cargoux-client-login__input {
	display: block;
	width: 100%;
	max-width: min(100%, var(--cargoux-input-max-width, 28rem));
	margin: 0;
	padding: var(--cargoux-input-padding, 0.45rem) calc(var(--cargoux-input-padding, 0.45rem) * 1.22);
	font: inherit;
	line-height: inherit;
	color: inherit;
	background: color-mix(in srgb, currentColor 4%, transparent);
	border: var(--cargoux-border-width, 1px) solid color-mix(in srgb, var(--cargoux-border-color, currentColor) 45%, transparent);
	border-radius: var(--cargoux-radius, 3px);
}

.cargoux-client-login__input:focus {
	outline: var(--cargoux-focus-outline, 2px) solid color-mix(in srgb, var(--cargoux-border-color, currentColor) 52%, transparent);
	outline-offset: 1px;
}

.cargoux-client-login__input:focus:not(:focus-visible) {
	outline: none;
}

.cargoux-client-login__input:focus-visible {
	outline: var(--cargoux-focus-outline, 2px) solid color-mix(in srgb, var(--cargoux-border-color, currentColor) 52%, transparent);
	outline-offset: 1px;
}

/* Alerts / inline errors (login + document load failures when inventory CSS loads). */
.cargoux-client-login__notices {
	margin: 0 0 1rem;
	padding: 0.65rem 0 0.65rem 0.85rem;
	border: none;
	border-left: var(--cargoux-notice-border-left, 3px) solid color-mix(in srgb, var(--cargoux-border-color, currentColor) 58%, transparent);
	border-radius: 0;
	background: transparent;
	color: inherit;
	font: inherit;
}