/* Caden ERP: fundos da tela de entrada e da tela inicial (imagens em images/erp-empresarial/fundos).
   A arte fica à direita; a área livre da esquerda recebe o formulário. Em telas estreitas, sem imagem,
   como recomenda o README do pacote. */
:root {
	--caden-petroleo: #004d5b;
	--caden-dourado: #e5a348;
	--caden-marfim: #f8f6f0;
}

/* Entrada (login) */
body[data-path="login"] {
	min-height: 100vh;
	background: var(--caden-marfim) url("/assets/caden_erp/images/erp-empresarial/fundos/inicio-claro-1280.webp") right center / cover no-repeat;
}
@media (min-width: 1440px) {
	body[data-path="login"] {
		background-image: url("/assets/caden_erp/images/erp-empresarial/fundos/inicio-claro.webp");
	}
}
@media (min-width: 992px) {
	body[data-path="login"] .login-content {
		margin-left: 8vw;
		margin-right: auto;
		box-shadow: 0 8px 32px rgb(0 77 91 / 0.12);
	}
}
@media (max-width: 767px) {
	body[data-path="login"] {
		background-image: none;
	}
}
/* a logo tem margem transparente larga; com 32 px de altura ela some */
body[data-path="login"] .login-content .app-logo {
	height: 88px;
	max-height: none;
	width: auto;
	margin: -12px 0 -8px -12px;
}
body[data-path="login"] .page-content-wrapper,
body[data-path="login"] .web-footer {
	background: transparent;
}

/* Tela inicial (grade de apps). O Frappe mantém a classe desktop-page dentro dos apps, então o fundo vale só com
   data-route vazio, que é a grade; as páginas internas ficam com o visual limpo padrão.
   Fundo liso na cor da borda da arte, e a arte embaixo à direita, dissolvendo em
   direção ao canto dos ícones, para eles nunca ficarem sobre ela. */
body.desktop-page[data-route=""] {
	position: relative;
	z-index: 0;
	background: #fdfaf4;
}
[data-theme="dark"] body.desktop-page[data-route=""] {
	background: linear-gradient(160deg, #013040, #00212d);
}
body.desktop-page[data-route=""]::before {
	content: "";
	position: fixed;
	right: 0;
	bottom: 0;
	width: min(1280px, 90vw);
	aspect-ratio: 16 / 9;
	z-index: -1;
	pointer-events: none;
	background: url("/assets/caden_erp/images/erp-empresarial/fundos/inicio-claro-1280.webp") center / 100% 100% no-repeat;
	/* dissolve a borda de cima e a da esquerda da imagem no fundo liso */
	mask-image: linear-gradient(to right, transparent, #000 45%), linear-gradient(to bottom, transparent, #000 35%);
	mask-composite: intersect;
}
[data-theme="dark"] body.desktop-page[data-route=""]::before {
	background-image: url("/assets/caden_erp/images/erp-empresarial/fundos/inicio-escuro-1280.webp");
}
@media (min-width: 1600px) {
	body.desktop-page[data-route=""]::before {
		width: 1672px;
		background-image: url("/assets/caden_erp/images/erp-empresarial/fundos/inicio-claro.webp");
	}
	[data-theme="dark"] body.desktop-page[data-route=""]::before {
		background-image: url("/assets/caden_erp/images/erp-empresarial/fundos/inicio-escuro.webp");
	}
}
@media (max-width: 767px) {
	body.desktop-page[data-route=""]::before {
		display: none;
	}
}
body.desktop-page[data-route=""] .layout-main,
body.desktop-page[data-route=""] .layout-main-section-wrapper,
body.desktop-page[data-route=""] .layout-main-section,
body.desktop-page[data-route=""] .desktop-wrapper,
body.desktop-page[data-route=""] .desktop-container,
body.desktop-page[data-route=""] .page-container,
body.desktop-page[data-route=""] .main-section {
	background: transparent;
}