/* Aplicar fondo a todo el cuerpo y contenedores principales */
body,
.login-page,
.frappe-canvas,
#frappe-web,
.page-container {
    background-image: url("/assets/inicio/images/fondo.webp") !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

/* Transparencia para el escritorio (Desk) */
.page-body,
.frappe-page,
.layout-main-section,
.page-head {
    background-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(5px);
}

/* Tarjeta de Login con Glassmorphism */
.p-4.bg-white.login-content,
.for-login .login-content {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
}

/* Ajustes para modo oscuro si aplica */
[data-theme="dark"] body {
    background-image: url("/assets/inicio/images/fondo.webp") !important;
}

[data-theme="dark"] .page-body {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

/* White Label: Quitar el menú de "Pruebe el nuevo Diseñador de impresión" */
.inner-page-message a[href*="print-designer"],
.inner-page-message a[href*="marketplace/apps/print_designer"] {
    display: none !important;
}

/* White Label: Quitar el menú de ayuda */
.dropdown-help,
.navbar .nav-item[data-label="Help"],
.navbar .nav-item[data-fieldname="help"],
.navbar .header-links li:has(a:contains("Help")),
.navbar .header-links li:has(a:contains("Ayuda")) {
    display: none !important;
}


/* Fix for overlapping dropdowns (Link fields, Autocomplete) */
.awesomplete>ul,
.link-field-results,
.ui-autocomplete {
    z-index: 9999 !important;
    background: white !important;
    box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)) !important;
}

[data-theme="dark"] .awesomplete>ul,
[data-theme="dark"] .link-field-results,
[data-theme="dark"] .ui-autocomplete {
    background: var(--bg-color, #1a1a1a) !important;
    border: 1px solid var(--border-color, #333) !important;
}