/*
 * Camada visual segura do ERP White Label.
 *
 * Os valores vêm exclusivamente do contexto assinado e já passaram por
 * validação hexadecimal no servidor. Esta folha deliberadamente não contém
 * regras de geometria: não altera display, margens, padding, overflow,
 * tipografia ou posicionamento do tema padrão. A única exceção é o limite
 * proporcional do arquivo de logo, necessário para uma marca quadrada não
 * ocupar o espaço reservado a logos horizontais.
 */

html.white-label-context #loginForm .login-brand-panel {
	background-color: var(--white-label-primary);
	background-image: linear-gradient(118deg, rgba(4, 34, 43, 0.84) 0%, rgba(4, 34, 43, 0.62) 55%, rgba(4, 34, 43, 0.28) 100%), var(--white-label-login-background-image, url('../img/imagem_equipe_02.png'));
	background-position: center, center;
	background-repeat: no-repeat;
	background-size: cover, cover;
}

html.white-label-context #homeForm .home-hero {
	background-color: var(--white-label-primary);
	background-image: linear-gradient(90deg, rgba(4, 34, 43, 0.92) 0%, rgba(4, 34, 43, 0.72) 48%, rgba(4, 34, 43, 0.28) 100%), var(--white-label-home-background-image, url('../img/banner_home.jpg'));
	background-position: center, center;
	background-repeat: no-repeat;
	background-size: cover, cover;
}

html.white-label-context #loginForm .login-brand-panel:before,
html.white-label-context #loginForm .login-brand-panel:after {
	border-color: var(--white-label-complementary);
}

html.white-label-context #loginForm .login-brand-kicker {
	color: var(--white-label-accent);
}

html.white-label-context #loginForm .login-logo {
	/*
	 * Área segura para logos de qualquer proporção: a marca nunca fica menor
	 * que 152 px em telas convencionais e não ultrapassa 280 px nem a largura
	 * útil do cartão. A altura acompanha o arquivo original, sem distorção.
	 */
	width: clamp(152px, 22vw, 280px);
	min-width: 152px;
	max-width: min(280px, 100%);
	height: auto;
	min-height: 48px;
	max-height: 144px;
	object-fit: contain;
	object-position: center;
}

html.white-label-context #loginForm .login-title {
	color: var(--white-label-primary);
}

html.white-label-context #loginForm .login-input:focus {
	border-color: var(--white-label-primary);
	box-shadow: 0 0 0 3px rgba(11, 67, 81, 0.14);
}

html.white-label-context #loginForm .login-submit {
	border-color: var(--white-label-primary) !important;
	background: linear-gradient(135deg, var(--white-label-primary) 0%, var(--white-label-accent) 100%) !important;
}

html.white-label-context #loginForm .login-submit:hover,
html.white-label-context #loginForm .login-submit:focus {
	border-color: var(--white-label-accent) !important;
	background: var(--white-label-accent) !important;
}

html.white-label-context #loginForm .login-forgot-password,
html.white-label-context #loginForm .login-logo-link:focus {
	color: var(--white-label-primary) !important;
}

html.white-label-context #nomesDiv.app-header {
	border-color: var(--white-label-complementary);
}

html.white-label-context #nomesDiv .app-header-meta,
html.white-label-context #nomesDiv .app-header-meta .name {
	color: var(--white-label-primary);
}

html.white-label-context #MenuHorizontal .app-main-toolbar {
	border-color: var(--white-label-primary);
	background: var(--white-label-primary);
}

html.white-label-context #MenuHorizontal .app-main-toolbar td.rich-toolbar-item > .rich-menu-item:hover,
html.white-label-context #MenuHorizontal .app-main-toolbar td.rich-toolbar-item > .rich-ddmenu-label:hover,
html.white-label-context #MenuHorizontal .app-main-toolbar td.rich-toolbar-item > .rich-ddmenu-label-select,
html.white-label-context #MenuHorizontal .app-main-toolbar .app-toolbar-logout:hover,
html.white-label-context #MenuHorizontal .app-main-toolbar .app-toolbar-logout:focus,
html.white-label-context #MenuHorizontal .app-main-toolbar .app-control-panel-trigger:hover,
html.white-label-context #MenuHorizontal .app-main-toolbar .app-control-panel-trigger:focus {
	background: var(--white-label-accent) !important;
}

html.white-label-context #MenuHorizontal .app-main-toolbar td.rich-toolbar-item > .rich-menu-item:focus,
html.white-label-context #MenuHorizontal .app-main-toolbar td.rich-toolbar-item > .rich-ddmenu-label:focus,
html.white-label-context #MenuHorizontal .app-main-toolbar a:focus {
	outline-color: var(--white-label-complementary);
}

html.white-label-context .rich-table-header,
html.white-label-context .rich-table-subheader,
html.white-label-context .rich-calendar-header,
html.white-label-context .rich-calendar-tool {
	border-color: var(--white-label-complementary);
}

html.white-label-context .rich-table-header,
html.white-label-context .rich-table-subheader {
	background-color: var(--white-label-background);
}

html.white-label-context .rich-calendar-header,
html.white-label-context .rich-calendar-tool {
	background-color: var(--white-label-primary);
}