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,
.page-head,
.form-footer,
.form-message,
.alert-container,
.timeline {
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 15px !important;
}

/* 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 */
.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"] {
    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 */
.form-section:focus-within {
    z-index: 100 !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;
}

[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 */
.onboarding-widget,
.onboarding-widget-box,
.workspace-onboarding {
    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;
}
/* Hide 'Add Column' button in Kanban boards to prevent configuration errors */
.kanban-column.add-new-column {
    display: none !important;
}