/* Inicio ERP - Common Branding
   Visual layer only. No business logic.
*/

html,
body,
body.desk,
div#app,
body .frappe-layout,
body .desk-container,
.login-page,
.frappe-canvas,
#frappe-web,
.page-container {
    background-image: url("/assets/inicio_branding/images/fondo.webp") !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

.layout-main-section,
.form-footer,
.form-message,
.alert-container,
.timeline {
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 15px !important;
}

.page-head {
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.page-body,
.frappe-page,
.page-container,
.page-content,
.form-layout,
.form-section,
.section-body {
    background-color: transparent !important;
}

input,
select,
textarea,
.form-control,
.input-with-feedback {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid #d1d8dd !important;
}

.form-footer,
.form-message,
.alert,
.timeline {
    color: #1a1a1a !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.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;
}

[data-theme="dark"] body,
[data-theme="dark"] body.desk,
[data-theme="dark"] body .desk-container {
    background-image: url("/assets/inicio_branding/images/fondo.webp") !important;
}

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

/* Inicio: ocultar elementos de interfaz que no forman parte del producto */
.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")),
.sidebar-item[data-label="Help"],
.sidebar-item[data-label="Ayuda"],
.footer-powered-by,
.list-footer-powered-by {
    display: none !important;
}

/* Evitar mostrar Browse Apps */
.btn-browse-apps,
[data-label="Browse Apps"],
[data-label="Explorar Aplicaciones"] {
    display: none !important;
}

.sidebar-item-label:contains("Browse"),
.sidebar-item-label:contains("Explorar") {
    display: none !important;
}

/* Elementos de integración que no deben formar parte de la navegación visual */
.sidebar-item[data-label*="Integration"],
.sidebar-item[data-label*="Integración"],
.sidebar-item[data-label*="Integraciones"] {
    display: none !important;
}

/* Footer */
footer.standard-sidebar-footer {
    display: none !important;
}

/* Mantener dropdowns y controles por encima de los paneles */
.form-layout {
    position: relative !important;
    z-index: 10 !important;
}

.frappe-control:focus-within,
.awesomplete:focus-within {
    z-index: 9999 !important;
    position: relative;
}

.awesomplete > ul {
    z-index: 99999 !important;
}

/* Fix: dropdown "Restablecer contraseña" sobre las pestañas de User */
#page-User .page-head {
    z-index: 100 !important;
}