/* MeliFact: azul marino #00365F y amarillo #FCD200. Escritorio, login y páginas públicas (pago). */
:root,
[data-theme="light"] {
	--mf-azul: #00365f;
	--mf-azul-oscuro: #002647;
	--mf-amarillo: #fcd200;
	--mf-amarillo-suave: #fff8d6;
	--primary: var(--mf-azul);
	--btn-primary: var(--mf-azul);
}
[data-theme="dark"] {
	--mf-azul: #00365f;
	--mf-amarillo: #fcd200;
	--mf-amarillo-suave: rgba(252, 210, 0, 0.12);
	--primary: var(--mf-amarillo);
	--btn-primary: var(--mf-amarillo);
}

/* Botones principales */
.btn-primary,
.btn.btn-primary {
	background-color: var(--btn-primary) !important;
	border-color: var(--btn-primary) !important;
	color: #fff !important;
}
.btn-primary:hover,
.btn.btn-primary:hover {
	background-color: var(--mf-azul-oscuro, #002647) !important;
}
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn.btn-primary {
	color: #1b1b1b !important;
}
[data-theme="dark"] .btn-primary:hover {
	background-color: #e6c000 !important;
}

/* Ícono de la app en la barra izquierda (ERPNext trae el suyo) */
img[src*="erpnext-logo"],
img[src*="frappe-framework-logo"] {
	content: url("/assets/sri_ec/images/melifact-icono.png?v=3");
	object-fit: contain;
}

/* Pantallas sencillas: acentos de la marca */
.sri-ui .sri-accion.principal {
	background: linear-gradient(135deg, var(--mf-azul) 0%, #0a4f86 100%);
	border-color: var(--mf-azul);
}
[data-theme="dark"] .sri-ui .sri-accion.principal {
	background: linear-gradient(135deg, #0a4f86 0%, var(--mf-azul) 100%);
	color: #fff !important;
}
.sri-ui .sri-accion.principal .sri-icono {
	background: var(--mf-amarillo);
	color: var(--mf-azul);
}
.sri-ui .sri-paso .n {
	background: var(--mf-amarillo);
	color: var(--mf-azul);
}
.sri-ui .sri-toggle button.activo,
.sri-ui .sri-pago button.activo {
	border-color: var(--mf-azul);
}
[data-theme="dark"] .sri-ui .sri-toggle button.activo {
	color: #1b1b1b;
}
.sri-ui h2::after {
	content: "";
	display: block;
	width: 42px;
	height: 4px;
	border-radius: 2px;
	background: var(--mf-amarillo);
	margin-top: 8px;
}

/* Inicio de sesión y páginas públicas */
body[data-path="login"],
body[data-path="message"] {
	background: linear-gradient(160deg, var(--mf-amarillo-suave) 0%, #ffffff 40%, #eaf1f8 100%);
}
[data-theme="dark"] body[data-path="login"] {
	background: linear-gradient(160deg, #141414 0%, #0d1b2a 100%);
}
body[data-path="login"] .page-card-head {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
body[data-path="login"] .page-card-head img,
body[data-path="login"] .app-logo {
	max-height: 130px !important;
	width: auto !important;
	margin: 0 auto 8px !important;
	display: block;
}
body[data-path="login"] .page-card {
	border-top: 4px solid var(--mf-amarillo);
	box-shadow: 0 12px 40px rgba(0, 54, 95, 0.12);
}
body[data-path="login"] button[type="submit"].es-button {
	background-color: var(--mf-azul) !important;
	border-color: var(--mf-azul) !important;
	color: #fff !important;
}
body[data-path="login"] button[type="submit"].es-button:hover {
	background-color: var(--mf-azul-oscuro, #002647) !important;
}
body[data-path="login"] .page-card-head-text {
	text-align: center;
	align-items: center;
}