/* Tela de login com a marca Impactei. Depende de tokens.css. */

body.login {
	background: var(--crm-bg-chrome);
	font-family: var(--crm-font);
}

#login h1 a {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 48px;
	width: 200px;
}

.login form {
	background: var(--crm-bg-primary);
	border: 1px solid var(--crm-border-medium);
	border-radius: var(--crm-radius-md);
	box-shadow: var(--crm-shadow-strong);
}

.login label {
	color: var(--crm-text-primary);
	font-size: var(--crm-font-size-md);
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	border-color: var(--crm-border-strong);
	border-radius: var(--crm-radius-sm);
	font-size: var(--crm-font-size-lg);
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: var(--crm-brand);
	box-shadow: 0 0 0 1px var(--crm-brand);
}

.wp-core-ui .button-primary {
	background: var(--crm-brand);
	border-color: var(--crm-brand);
	border-radius: var(--crm-radius-sm);
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: var(--crm-brand-hover);
	border-color: var(--crm-brand-hover);
}

.login #nav a,
.login #backtoblog a {
	color: var(--crm-text-on-chrome);
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #ffffff;
}

.login .message,
.login .notice,
.login #login_error {
	border-radius: var(--crm-radius-sm);
}

.login #login_error {
	border-left-color: var(--crm-danger);
}

.login .message {
	border-left-color: var(--crm-brand);
}

/* O seletor de idioma não tem uso num CRM interno. */
.language-switcher {
	display: none;
}