/* 1. Fondo - Forzamos transparencia en contenedores para dejar ver el fondo de inicio.css */
html,
body,
body.desk,
div#app,
body .frappe-layout,
body .desk-container {
    background-color: transparent !important;
}

/* Forzamos transparencia en todos los niveles posibles */
#app,
.frappe-layout,
.desk-container,
.page-container,
.workspace-layout,
.main-section,
.navbar,
.layout-side-section,
.desk-sidebar {
    background: transparent !important;
    background-color: transparent !important;
}

/* 2. Paneles de contenido: Blancos y nítidos con alta especificidad */
body .layout-main-section,
body .list-row-container,
body .modal-content,
body .widget,
body .card,
body .page-head {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #e1e1e1 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 20px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3. Ocultar Menú Ayuda */
.navbar-help,
.dropdown-help,
#navbar-help,
[data-label="Help"],
.help-menu {
    display: none !important;
    visibility: hidden !important;
}

/* Navbar sólido blanco */
.navbar {
    background-color: #ffffff !important;
    border-bottom: 2px solid #f0f0f0 !important;
}

/* Fix UI overlap for inputs against comments/activity sections */
.form-layout {
    position: relative !important;
    z-index: 10 !important;
}

.form-footer,
.timeline {
    position: relative !important;
    z-index: 1 !important;
}

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

.awesomplete>ul {
    z-index: 99999 !important;
}
/* Asegurar visibilidad de botones en vista de impresión */
.page-actions .btn, 
.page-actions .menu-btn-group,
.btn-print-it,
.btn-download-pdf,
.btn-print-preview {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
}