/**
 * Toolbars de contenido: un solo borde píldora en search / filtros / combos.
 * Evita cajas anidadas (borde exterior + borde DX interior) en todo el proyecto.
 */

/* ---------- 1) Wrappers transparentes (nunca llevan borde) ---------- */
html body #main-view-content .xaf-toolbar-item:has(.dxbl-text-edit),
html body #main-view-content .xaf-toolbar-item:has(.dxbl-combobox),
html body #main-view-content .xaf-toolbar-item:has(.dxbl-dropdown),
html body #main-view-content .xaf-toolbar-item:has(.dxbl-edit),
html body .view-content .xaf-toolbar-item:has(.dxbl-text-edit),
html body .view-content .xaf-toolbar-item:has(.dxbl-combobox),
html body .view-content .xaf-toolbar-item:has(.dxbl-dropdown),
html body .view-content .xaf-toolbar-item:has(.dxbl-edit),
html body .dxbl-sc-content .xaf-toolbar-item:has(.dxbl-text-edit),
html body .dxbl-sc-content .xaf-toolbar-item:has(.dxbl-combobox),
html body .dxbl-sc-content .xaf-toolbar-item:has(.dxbl-dropdown),
html body .dxbl-sc-content .xaf-toolbar-item:has(.dxbl-edit),
html body #main-view-content .dxbl-toolbar .dxbl-dropdown,
html body .view-content .dxbl-toolbar .dxbl-dropdown,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-dropdown,
html body #main-view-content .dxbl-toolbar .dxbl-edit:has(.dxbl-text-edit),
html body .view-content .dxbl-toolbar .dxbl-edit:has(.dxbl-text-edit),
html body .dxbl-sc-content .dxbl-toolbar .dxbl-edit:has(.dxbl-text-edit) {
    border: none !important;
    border-width: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Si .dxbl-edit envuelve al text-edit: el borde va en el edit exterior */
html body #main-view-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit),
html body .view-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit),
html body .dxbl-sc-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit) {
    border: 1px solid rgba(26, 26, 26, 0.18) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 !important;
}

html body #main-view-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit) > .dxbl-text-edit,
html body .view-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit) > .dxbl-text-edit,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit) > .dxbl-text-edit {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 100% !important;
    height: 100% !important;
}

/* ---------- 2) Host del editor: ÚNICO borde píldora ---------- */
html body #main-view-content .dxbl-toolbar .dxbl-text-edit,
html body #main-view-content .dxbl-toolbar .dxbl-combobox,
html body #main-view-content .xaf-toolbar .dxbl-text-edit,
html body #main-view-content .xaf-toolbar .dxbl-combobox,
html body .view-content .dxbl-toolbar .dxbl-text-edit,
html body .view-content .dxbl-toolbar .dxbl-combobox,
html body .view-content .xaf-toolbar .dxbl-text-edit,
html body .view-content .xaf-toolbar .dxbl-combobox,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-text-edit,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-combobox,
html body .dxbl-sc-content .xaf-toolbar .dxbl-text-edit,
html body .dxbl-sc-content .xaf-toolbar .dxbl-combobox,
html body .dxbl-tabs-content .dxbl-toolbar .dxbl-text-edit,
html body .dxbl-tabs-content .dxbl-toolbar .dxbl-combobox {
    --dxbl-edit-border-width: 0px !important;
    --dxbl-edit-border-color: transparent !important;
    --dxbl-btn-border-width: 0px !important;
    --dxbl-btn-border-color: transparent !important;
    --dxds-border-width: 0px !important;
    min-height: 32px !important;
    height: 32px !important;
    max-height: 32px !important;
    border: 1px solid rgba(26, 26, 26, 0.18) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: hidden !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Dropdown filtro (Vista general, etc.): borde solo en el toggle */
html body #main-view-content .dxbl-toolbar .dxbl-dropdown > .dxbl-dropdown-toggle,
html body #main-view-content .dxbl-toolbar > .xaf-toolbar-item > .dxbl-dropdown-toggle,
html body .view-content .dxbl-toolbar .dxbl-dropdown > .dxbl-dropdown-toggle,
html body .view-content .dxbl-toolbar > .xaf-toolbar-item > .dxbl-dropdown-toggle,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-dropdown > .dxbl-dropdown-toggle,
html body .dxbl-sc-content .dxbl-toolbar > .xaf-toolbar-item > .dxbl-dropdown-toggle,
html body .dxbl-tabs-content .dxbl-toolbar .dxbl-dropdown > .dxbl-dropdown-toggle {
    --dxbl-btn-border-width: 0px !important;
    border: 1px solid rgba(26, 26, 26, 0.18) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    min-height: 32px !important;
    height: 32px !important;
    max-height: 32px !important;
    padding: 3px 12px !important;
}

/* ---------- 3) Hijos: sin borde / sin sombra / sin outline ---------- */
html body #main-view-content .dxbl-toolbar .dxbl-text-edit *,
html body #main-view-content .dxbl-toolbar .dxbl-combobox *,
html body #main-view-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit) *,
html body .view-content .dxbl-toolbar .dxbl-text-edit *,
html body .view-content .dxbl-toolbar .dxbl-combobox *,
html body .view-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit) *,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-text-edit *,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-combobox *,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit) *,
html body .dxbl-tabs-content .dxbl-toolbar .dxbl-text-edit *,
html body .dxbl-tabs-content .dxbl-toolbar .dxbl-combobox * {
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

html body #main-view-content .dxbl-toolbar .dxbl-text-edit .dxbl-text-edit-input-container,
html body #main-view-content .dxbl-toolbar .dxbl-text-edit .dxbl-edit-input-container,
html body #main-view-content .dxbl-toolbar .dxbl-combobox .dxbl-text-edit-input-container,
html body .view-content .dxbl-toolbar .dxbl-text-edit .dxbl-text-edit-input-container,
html body .view-content .dxbl-toolbar .dxbl-text-edit .dxbl-edit-input-container,
html body .view-content .dxbl-toolbar .dxbl-combobox .dxbl-text-edit-input-container,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-text-edit .dxbl-text-edit-input-container,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-combobox .dxbl-text-edit-input-container {
    background: transparent !important;
    border-radius: 0 !important;
    min-height: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
    padding: 0 8px !important;
}

html body #main-view-content .dxbl-toolbar .dxbl-text-edit input,
html body #main-view-content .dxbl-toolbar .dxbl-combobox input,
html body .view-content .dxbl-toolbar .dxbl-text-edit input,
html body .view-content .dxbl-toolbar .dxbl-combobox input,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-text-edit input,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-combobox input {
    background: transparent !important;
    border-radius: 0 !important;
    min-height: 30px !important;
    height: 30px !important;
    color: #1a1a1a !important;
}

/* Lupa / botones internos del editor */
html body #main-view-content .dxbl-toolbar .dxbl-text-edit .dxbl-btn,
html body #main-view-content .dxbl-toolbar .dxbl-text-edit .dxbl-toolbar-btn,
html body #main-view-content .dxbl-toolbar .dxbl-text-edit .dxbl-edit-btn,
html body #main-view-content .dxbl-toolbar .dxbl-combobox .dxbl-btn,
html body #main-view-content .dxbl-toolbar .dxbl-combobox .dxbl-edit-btn,
html body .view-content .dxbl-toolbar .dxbl-text-edit .dxbl-btn,
html body .view-content .dxbl-toolbar .dxbl-text-edit .dxbl-toolbar-btn,
html body .view-content .dxbl-toolbar .dxbl-text-edit .dxbl-edit-btn,
html body .view-content .dxbl-toolbar .dxbl-combobox .dxbl-btn,
html body .view-content .dxbl-toolbar .dxbl-combobox .dxbl-edit-btn,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-text-edit .dxbl-btn,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-text-edit .dxbl-toolbar-btn,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-combobox .dxbl-btn {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    min-height: 32px !important;
    height: 32px !important;
    max-height: 32px !important;
    padding: 0 10px !important;
    margin: 0 !important;
}

html body #main-view-content .dxbl-toolbar .dxbl-text-edit .dxbl-btn img,
html body #main-view-content .dxbl-toolbar .dxbl-combobox .dxbl-btn img,
html body .view-content .dxbl-toolbar .dxbl-text-edit .dxbl-btn img,
html body .view-content .dxbl-toolbar .dxbl-combobox .dxbl-btn img,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-text-edit .dxbl-btn img,
html body .view-content .dxbl-toolbar .dxbl-dropdown-toggle img,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-dropdown-toggle img {
    filter: brightness(0) !important;
    opacity: 0.75 !important;
    width: 15px !important;
    height: 15px !important;
}

/* Focus: un solo anillo sutil, sin segundo borde */
html body #main-view-content .dxbl-toolbar .dxbl-text-edit:focus-within,
html body #main-view-content .dxbl-toolbar .dxbl-combobox:focus-within,
html body #main-view-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit):focus-within,
html body .view-content .dxbl-toolbar .dxbl-text-edit:focus-within,
html body .view-content .dxbl-toolbar .dxbl-combobox:focus-within,
html body .view-content .dxbl-toolbar .dxbl-edit:has(> .dxbl-text-edit):focus-within,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-text-edit:focus-within,
html body .dxbl-sc-content .dxbl-toolbar .dxbl-combobox:focus-within,
html body #main-view-content .dxbl-toolbar .dxbl-dropdown > .dxbl-dropdown-toggle:focus,
html body .view-content .dxbl-toolbar .dxbl-dropdown > .dxbl-dropdown-toggle:focus {
    border-color: rgba(26, 26, 26, 0.35) !important;
    box-shadow: none !important;
    outline: none !important;
}