/**

 * Iconos Lucide para botones de comando del DxGrid (batch / inline edit).

 * Solo aplica a [data-cicumba-grid-cmd] en la columna de comandos — nunca a filtros.

 */



html body .dxbl-grid button[data-cicumba-grid-cmd].dxbl-btn,

html body .dxbl-grid a[data-cicumba-grid-cmd],

html body .dxbl-grid .xaf-grid-command-button button[data-cicumba-grid-cmd],

html body .dxbl-grid .xaf-inline-action button[data-cicumba-grid-cmd] {

    position: relative !important;

    min-width: 28px !important;

    min-height: 28px !important;

    padding: 4px !important;

    color: transparent !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

}



html body .dxbl-grid button[data-cicumba-grid-cmd]::before,

html body .dxbl-grid a[data-cicumba-grid-cmd]::before {

    content: "" !important;

    display: inline-block !important;

    width: 16px !important;

    height: 16px !important;

    margin: 0 auto !important;

    background-color: #5a7d6c !important;

    background-image: none !important;

    -webkit-mask-repeat: no-repeat !important;

    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;

    mask-position: center !important;

    -webkit-mask-size: contain !important;

    mask-size: contain !important;

}



html body .dxbl-grid button[data-cicumba-grid-cmd]:hover::before,

html body .dxbl-grid a[data-cicumba-grid-cmd]:hover::before {

    background-color: #3d6b56 !important;

}



html body .dxbl-grid [data-cicumba-grid-cmd="new"]::before {

    -webkit-mask-image: url("/images/plus.svg") !important;

    mask-image: url("/images/plus.svg") !important;

}



html body .dxbl-grid [data-cicumba-grid-cmd="edit"]::before {

    -webkit-mask-image: url("/images/pencil-line.svg") !important;

    mask-image: url("/images/pencil-line.svg") !important;

}



html body .dxbl-grid [data-cicumba-grid-cmd="delete"]::before {

    -webkit-mask-image: url("/images/x.svg") !important;

    mask-image: url("/images/x.svg") !important;

    background-color: #a93226 !important;

}



html body .dxbl-grid [data-cicumba-grid-cmd="delete"]:hover::before {

    background-color: #922b21 !important;

}



html body .dxbl-grid [data-cicumba-grid-cmd="save"]::before {

    -webkit-mask-image: url("/images/check.svg") !important;

    mask-image: url("/images/check.svg") !important;

}



html body .dxbl-grid [data-cicumba-grid-cmd="cancel"]::before {

    -webkit-mask-image: url("/images/x.svg") !important;

    mask-image: url("/images/x.svg") !important;

    background-color: #6a8276 !important;

}



/* Ocultar glyph naranja / SVG / img originales de XAF-DX */

html body .dxbl-grid [data-cicumba-grid-cmd] > img,

html body .dxbl-grid [data-cicumba-grid-cmd] > svg,

html body .dxbl-grid [data-cicumba-grid-cmd] .xaf-image,

html body .dxbl-grid [data-cicumba-grid-cmd] .dxbl-image,

html body .dxbl-grid [data-cicumba-grid-cmd] .dxbl-btn-icon,

html body .dxbl-grid [data-cicumba-grid-cmd] .dxbl-btn-caption {

    display: none !important;

}



/* Fallback sin JS: solo dentro de celdas de comando (nunca headers de datos / filtros) */

html body .dxbl-grid .dxbl-grid-command-cell .xaf-image[style*="Action_Edit"],

html body .dxbl-grid .xaf-grid-command-button .xaf-image[style*="Action_Edit"],

html body .dxbl-grid .xaf-inline-action .xaf-image[style*="Action_Edit"],

html body .dxbl-grid .dxbl-grid-command-cell .xaf-image[style*="/Edit"],

html body .dxbl-grid .xaf-grid-command-button .xaf-image[style*="/Edit"] {

    width: 16px !important;

    height: 16px !important;

    background-color: #5a7d6c !important;

    background-image: none !important;

    -webkit-mask-image: url("/images/pencil-line.svg") !important;

    mask-image: url("/images/pencil-line.svg") !important;

    -webkit-mask-size: contain !important;

    mask-size: contain !important;

    -webkit-mask-repeat: no-repeat !important;

    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;

    mask-position: center !important;

    filter: none !important;

}



html body .dxbl-grid .dxbl-grid-command-cell .xaf-image[style*="Action_New"],

html body .dxbl-grid .xaf-grid-command-button .xaf-image[style*="Action_New"],

html body .dxbl-grid .xaf-inline-action .xaf-image[style*="Action_New"],

html body .dxbl-grid .dxbl-grid-command-cell .xaf-image[style*="NewObject"],

html body .dxbl-grid .xaf-grid-command-button .xaf-image[style*="NewObject"] {

    width: 16px !important;

    height: 16px !important;

    background-color: #5a7d6c !important;

    background-image: none !important;

    -webkit-mask-image: url("/images/plus.svg") !important;

    mask-image: url("/images/plus.svg") !important;

    -webkit-mask-size: contain !important;

    mask-size: contain !important;

    -webkit-mask-repeat: no-repeat !important;

    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;

    mask-position: center !important;

    filter: none !important;

}



/* Seguridad: nunca enmascarar iconos de filtro / sort del encabezado */

html body .dxbl-grid thead th:not(.dxbl-grid-command-cell) button[data-cicumba-grid-cmd]::before,

html body .dxbl-grid thead th:not(.dxbl-grid-command-cell) a[data-cicumba-grid-cmd]::before,

html body .dxbl-grid [class*="filter"] [data-cicumba-grid-cmd]::before {

    content: none !important;

    display: none !important;

    mask-image: none !important;

    -webkit-mask-image: none !important;

}