/* Marca Cliniun nas paginas web publicas. Carregado via hooks.web_include_css.
 * ESCOPO RESTRITO a tela de login (body[data-path="login"] / #page-login) para
 * nao afetar outras paginas do site/portal. CSS puro: nenhum template forkado. */

/* Fundo em gradiente navy -> azul Cliniun.
 * Dois blocos separados de proposito: se o browser nao suportar :has(),
 * so a segunda regra e descartada. */
body[data-path="login"] {
	background: linear-gradient(160deg, #0d2b45 0%, #004a87 55%, #0a6aa8 100%);
	background-attachment: fixed;
	min-height: 100vh;
}
body:has(#page-login) {
	background: linear-gradient(160deg, #0d2b45 0%, #004a87 55%, #0a6aa8 100%);
	background-attachment: fixed;
	min-height: 100vh;
}

/* Navbar e rodape do site nao fazem sentido sobre o gradiente do login */
body[data-path="login"] .navbar,
body[data-path="login"] footer,
body[data-path="login"] .web-footer {
	display: none;
}

/* Respiro vertical para o card ficar visualmente centrado */
#page-login {
	padding-top: 9vh;
	padding-bottom: 9vh;
}

/* Card do formulario */
#page-login .page-card {
	background: #ffffff;
	border: none;
	border-radius: 12px;
	box-shadow: 0 18px 50px rgba(4, 24, 44, 0.45);
	padding: 2rem 1.75rem;
}

/* Logo e titulo dentro do card */
#page-login .page-card .page-card-head img,
#page-login img.app-logo {
	height: 52px;
	max-height: 52px;
	width: auto;
	margin-bottom: 0.5rem;
}
#page-login .page-card .page-card-head h4,
#page-login .page-card h4 {
	color: #1a3f5d;
}

/* Botao de entrar e links na marca */
#page-login .btn-primary,
#page-login .btn-login {
	background-color: #004a87 !important;
	border-color: #004a87 !important;
	color: #fff !important;
}
#page-login .btn-primary:hover,
#page-login .btn-primary:active,
#page-login .btn-login:hover {
	background-color: #00365f !important;
	border-color: #00365f !important;
}
#page-login .page-card a {
	color: #004a87;
}
#page-login .page-card a:hover {
	color: #00365f;
}

/* Foco dos inputs na marca */
#page-login .form-control:focus {
	border-color: #004a87;
	box-shadow: 0 0 0 2px rgba(0, 74, 135, 0.18);
}