/* ============================================================
   eco - DEVEXPRESS BASE (Material)
   ============================================================ */

/* Editor base */
.dxeComboBoxEdit_Material,
.dxeEdit_Material,
.dxeButtonEdit_Material,
.dxeTextBox_Material,
.dxeMemo_Material,
input.dxeEditArea_Material,
textarea.dxeMemoEditArea_Material,
.dxeListBoxControl_Material {
    background: #fff !important;
    color: var(--ui-text) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius-sm) !important;
    box-shadow: none !important;
}

/* Focus */
.dxeComboBoxEdit_Material:focus-within,
.dxeEdit_Material:focus-within,
.dxeButtonEdit_Material:focus-within {
    border-color: var(--ui-primary) !important;
    box-shadow: 0 0 0 3px var(--ui-focus-ring) !important;
}

/* Dropdown/popup base */
.dxpcLite_Material .dxpc-mainDiv,
.dxeListBox_Material,
.dxeCalendar_Material {
    border: 1px solid var(--ui-border) !important;
}

/* Grid base */
.dxgvControl_Material,
.dxgvTable_Material {
    border-color: var(--ui-border) !important;
}

/* GridLookup/Combo/TextBox DevExpress: evita doppio bordo interno */
.dxeButtonEdit_Material .dxeEditArea_Material,
.dxeComboBoxEdit_Material .dxeEditArea_Material,
.dxeTextBox_Material .dxeEditArea_Material,
.dxeMemo_Material .dxeMemoEditArea_Material {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: 0 !important;
}

/* ============================================================
   Uniforma altezza SOLO dei controlli DevExpress con .form-control
   (TextBox / ComboBox / GridLookup) alla stessa altezza Bootstrap
   ============================================================ */
:root {
    --ui-control-h: 36px;
}

/* wrapper DevExpress */
.dxeTextBox_Material.form-control,
.dxeButtonEdit_Material.form-control,
.dxeComboBoxEdit_Material.form-control {
    height: var(--ui-control-h) !important;
    min-height: var(--ui-control-h) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* cella input interna */
.dxeTextBox_Material.form-control td.dxic,
.dxeButtonEdit_Material.form-control td.dxic,
.dxeComboBoxEdit_Material.form-control td.dxic {
    height: calc(var(--ui-control-h) - 2px) !important;
    padding: 0 !important;
}

/* testo interno */
.dxeTextBox_Material.form-control .dxeEditArea_Material,
.dxeButtonEdit_Material.form-control .dxeEditArea_Material,
.dxeComboBoxEdit_Material.form-control .dxeEditArea_Material {
    height: calc(var(--ui-control-h) - 2px) !important;
    min-height: calc(var(--ui-control-h) - 2px) !important;
    line-height: calc(var(--ui-control-h) - 2px) !important;
    padding: 0 .75rem !important;
    box-sizing: border-box !important;
}

/* bottone dropdown (freccia) */
.dxeButtonEdit_Material.form-control .dxeButtonEditButton_Material,
.dxeButtonEdit_Material.form-control .dxeButtonEditButtonHover_Material,
.dxeComboBoxEdit_Material.form-control .dxeButtonEditButton_Material,
.dxeComboBoxEdit_Material.form-control .dxeButtonEditButtonHover_Material {
    width: calc(var(--ui-control-h) - 2px) !important;
    min-width: calc(var(--ui-control-h) - 2px) !important;
    height: calc(var(--ui-control-h) - 2px) !important;
    padding: 0 !important;
}
/* ============================================================
   ASPxGridLookup checkbox - fix ultimo selezionato "bianco"
   ============================================================ */
/* GridLookup checkbox - fix checked anche durante focus */
.dxpcLite_Material .dxgvControl_Material .dxICheckBox_Material {
    border: 1px solid var(--ui-border-strong) !important;
    border-radius: 2px !important;
    background-color: #fff !important;
}

    /* checked (classe reale DevExpress) */
    .dxpcLite_Material .dxgvControl_Material .dxICheckBox_Material.dxWeb_edtCheckBoxChecked_Material,
    .dxpcLite_Material .dxgvControl_Material .dxgvFocusedRow_Material .dxICheckBox_Material.dxWeb_edtCheckBoxChecked_Material,
    .dxpcLite_Material .dxgvControl_Material .dxICheckBox_Material[class*="dxWeb_edtCheckBoxChecked"] {
        background-color: var(--ui-primary) !important;
        border-color: var(--ui-primary) !important;
    }

    /* unchecked esplicito */
    .dxpcLite_Material .dxgvControl_Material .dxICheckBox_Material.dxWeb_edtCheckBoxUnchecked_Material,
    .dxpcLite_Material .dxgvControl_Material .dxICheckBox_Material[class*="dxWeb_edtCheckBoxUnchecked"] {
        background-color: #fff !important;
        border-color: var(--ui-border-strong) !important;
    }
/* ============================================================
   ComboBox / TokenBox
   - default: nessun bordo/cella "gridlike"
   - opt-in con classi: cbx-gridlike-editor + cbx-gridlike-list
   ============================================================ */

/* DEFAULT (senza classe): niente bordo celle/padding gridlike nel dropdown */
.dxeListBox_Material:not(.cbx-gridlike-list) .dxeListBoxItemRow_Material td,
.dxeListBox_Material:not(.cbx-gridlike-list) .dxeListBoxItem_Material {
    border: 0 !important;
    padding: .45rem .7rem !important;
}

/* DEFAULT editor Combo/TokenBox */
.dxeComboBoxEdit_Material:not(.cbx-gridlike-editor) .dxeEditArea_Material,
.dxeTokenBox_Material:not(.cbx-gridlike-editor) .dxeEditArea_Material {
    padding: .375rem .75rem !important;
}

/* OPT-IN editor (ComboBox e TokenBox) */
.cbx-gridlike-editor.dxeComboBoxEdit_Material,
.cbx-gridlike-editor.dxeTokenBox_Material,
.cbx-gridlike-editor .dxeButtonEdit_Material {
    border-color: var(--ui-border) !important;
}

.cbx-gridlike-editor .dxeEditArea_Material {
    padding: 16px 10px !important;
    line-height: 1.35 !important;
}

/* OPT-IN dropdown list (ComboBox e TokenBox) */
.cbx-gridlike-list,
.cbx-gridlike-list table,
.cbx-gridlike-list .dxlbd {
    border-color: var(--ui-border) !important;
    background: #fff !important;
}

.cbx-gridlike-list .dxeListBoxItemRow_Material td,
.cbx-gridlike-list .dxeListBoxItem_Material {
    padding: 16px 10px !important;
    border: 1px solid var(--ui-border) !important;
    box-sizing: border-box;
}

/* Disabled DevExpress: resa uguale alle textbox Bootstrap */
.dxeDisabled_Material.dxeTextBox_Material.form-control,
.dxeDisabled_Material.dxeButtonEdit_Material.form-control,
.dxeDisabled_Material.dxeComboBoxEdit_Material.form-control,
.dxeDisabled_Material.dxeTextBox_Material,
.dxeDisabled_Material.dxeButtonEdit_Material,
.dxeDisabled_Material.dxeComboBoxEdit_Material {
    background-color: #e9ecef !important;
    border-color: #ced4da !important;
    color: #6c757d !important;
    opacity: 1 !important;
}

/* Parte testo interna (quella che ora ti resta bianca) */
.dxeDisabled_Material td.dxic,
.dxeDisabled_Material .dxeEditArea_Material,
.dxeDisabled_Material input.dxeEditArea_Material {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    -webkit-text-fill-color: #6c757d !important;
    cursor: not-allowed !important;
}

/* Bottone freccia disabilitato */
.dxeDisabled_Material .dxeButtonEditButton_Material,
.dxeDisabled_Material .dxeButtonEditButtonHover_Material {
    background-color: #e9ecef !important;
    border-color: #ced4da !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
}