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/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) */
.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;
}

/* Transparencia para el escritorio (Desk) - .page-head separado para evitar margen inferior */
.page-head {
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Evitar que se acumulen capas blancas */
.page-body,
.frappe-page,
.page-container,
.page-content,
.form-layout,
.form-section,
.section-body {
    background-color: transparent !important;
}

/* Asegurar legibilidad de los campos de entrada */
input,
select,
textarea,
.form-control,
.input-with-feedback {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid #d1d8dd !important;
}

/* Asegurar legibilidad del texto en el footer y mensajes */
.form-footer,
.form-message,
.alert,
.timeline {
    color: #1a1a1a !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 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,
[data-theme="dark"] body.desk,
[data-theme="dark"] body .desk-container {
    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, integraciones y otros */
.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"],
.sidebar-item[data-label*="Integration"],
.sidebar-item[data-label*="Integración"],
.sidebar-item[data-label*="Integraciones"],
.sidebar-item[data-label*="ERPNext"],
.sidebar-item[data-label="Integrations"],
.footer-powered-by,
.list-footer-powered-by,
.navbar-item.theme-switcher,
.navbar-item.notifications-icon {
    display: none !important;
}


/* Fix for overlapping dropdowns (Link fields, Autocomplete) */
.layout-main-section,
.timeline {
    position: relative;
    z-index: 1;
}

.form-section {
    position: relative;
}

/* Elevate the current section to ensure its dropdowns appear ABOVE subsequent sections */
/* Restricted to non-grid sections to avoid drag-and-drop issues */
.form-section:not(:has(.grid-body)):focus-within {
    z-index: 100 !important;
}

/* Ensure sortable handles in Customize Form and other grids are interactive */
.sortable-handle,
.grid-row-number {
    cursor: grab !important;
    pointer-events: auto !important;
    z-index: 102 !important;
}

.sortable-handle:active {
    cursor: grabbing !important;
}

/* FORCE DROPDOWN BACKGROUNDS TO BE OPAQUE */
.awesomplete>ul,
.awesomplete ul,
.link-field-results,
.ui-autocomplete,
.dropdown-menu,
.result-list,
.awesomplete li,
.link-field-results li,
.ui-autocomplete li,
.dropdown-menu li,
.result-list li {
    background-color: #ffffff !important;
    background: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.awesomplete>ul,
.link-field-results,
.ui-autocomplete,
.dropdown-menu,
.result-list {
    z-index: 999999 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #d1d8dd !important;
}

/* Fix for anomalous checkboxes/headers in Link results (Link results should not look like Grids) */
.awesomplete ul li .grid-row-check,
.awesomplete ul li input[type="checkbox"],
.link-field-results li .grid-row-check,
.link-field-results li input[type="checkbox"] {
    display: none !important;
}

.awesomplete ul li .list-col-checkbox,
.link-field-results li .list-col-checkbox {
    display: none !important;
}

/* Ensure consistent spacing and height for Link results */
.awesomplete ul li,
.link-field-results li {
    padding: 8px 12px !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: center !important;
}

/* Hide potential grid headers or internal table elements in dropdowns */
.awesomplete ul li .grid-header-row,
.link-field-results li .grid-header-row,
.awesomplete ul li thead,
.link-field-results li thead {
    display: none !important;
}

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

/* White Label: Hide Workspace Onboarding / Help Banners / Cards */
.onboarding-widget,
.onboarding-widget-box,
.workspace-onboarding,
[data-widget-name="Plaid"],
[data-widget-name="Mpesa"],
[data-widget-name="LDAP"],
[data-widget-name="Stripe"],
[data-widget-name="PayPal"],
[data-widget-name="Dropbox"],
[data-widget-name="Google Drive"] {
    display: none !important;
}

/* FIX: Kanban Horizontal Scroll */
.kanban {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    display: flex !important;
    padding-bottom: 20px !important;
    scrollbar-width: auto !important;
    /* Re-enable in Firefox */
}

.kanban::-webkit-scrollbar {
    display: block !important;
    /* Re-enable in Chrome/Safari */
    height: 10px !important;
}

.kanban::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 10px !important;
}

.kanban-column {
    flex: 0 0 320px !important;
    min-width: 320px !important;
}

/* Ensure the main container doesn't clip the scrollbar */
.layout-main-section,
.page-content,
.page-body {
    overflow-x: visible !important;
}

/* Ensure page header positioning - Restored Sticky for scrolling fix */
.page-head {
    position: sticky !important;
    top: var(--navbar-height) !important;
    z-index: 101 !important;
}

/* Hide 'Add Column' button in Kanban boards to prevent configuration errors */
.kanban-column.add-new-column {
    display: none !important;
}

/* FORCE DROPDOWNS TO THE VERY FRONT */
.result-list {
    z-index: 99999999 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure report actions dropdown is wide enough and visible */
.page-actions .dropdown-menu {
    min-width: 180px !important;
}

/* FIX: Report header clipping dropdowns */
.report-header-area,
.report-summary,
.standard-filter-section,
.filter-section,
.page-form {
    overflow: visible !important;
}

.report-header-area {
    z-index: 102 !important;
}

/* FIX: Top Bar Overlap (Navbar Brand vs Breadcrumbs) */
.navbar .navbar-brand {
    padding-right: 20px !important;
    max-height: 40px !important;
    overflow: visible !important;
    display: flex !important;
}

/* Fix for Stock Entry row edit modal visibility - COMMENTED OUT TO AVOID OVERLAY CONFLICTS
.modal-backdrop.show {
    opacity: 0.5 !important;
    background-color: #000 !important;
    z-index: 999998 !important;
}

.modal-content {
    background-color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
    z-index: 1000000 !important;
}

.modal {
    z-index: 999999 !important;
}
*/