.RadGrid_Bootstrap .rgMasterTable,
.RadGrid_Bootstrap .rgDetailTable,
.RadGrid_Bootstrap .rgGroupPanel table,
.RadGrid_Bootstrap .rgCommandRow table,
.RadGrid_Bootstrap .rgEditForm table,
.RadGrid_Bootstrap .rgPager table,
.RadGrid_Bootstrap .rgPagerCell {
    font: 14px / 1.42857143 'Poppins', sans-serif !important;
}

    .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
        background-color: #FF6B00 !important;
        border: #FF6B00 !important;
        color: #fff;
    }

.RadGrid_Bootstrap .rgCommandRow {
    background-color: transparent !important;
}

.RadGrid {
    border: 0px !important;
    border-color: #fff !important;
}


/* ════════════════════════════════════════════════════════════
   ICONOS DE GRILLA — grid-accion
════════════════════════════════════════════════════════════ */
:root {
    --color-grid-neutro: #0F223D;
    --hover-grid-neutro: #1a3566;
    --color-grid-ok: #28A745;
    --hover-grid-ok: #1e8035;
    --color-grid-cancelar: #ab0f2a;
    --hover-grid-cancelar: #8a0b22;
}

/* ── Base compartida ── */
.grid-accion {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    background: transparent;
    position: relative;
    overflow: hidden;
    transition: color 0.25s ease, transform 0.18s ease;
    font-size: 0.85rem;
}

    .grid-accion::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transition: transform 0.2s ease, color 0.25s ease;
        color: var(--color-grid-neutro); /* ← ícono en color neutro, sin fondo */
    }

    .grid-accion:hover {
        background: transparent;
        transform: translateY(-2px) scale(1.08);
        box-shadow: none;
    }

        .grid-accion:hover::before {
            transform: scale(1.15);
            color: var(--hover-grid-neutro);
        }

    .grid-accion:active {
        transform: translateY(0px) scale(0.95);
        transition: transform 0.08s ease;
    }

/* ── Neutros — solo ícono coloreado ── */
.ver::before {
    content: '\f06e';
}
/* fa-eye         */
.ver-lupa::before {
    content: '\f002'; /* fa-search */
}
.descargar::before {
    content: '\f019';
}
/* fa-download    */
.editar::before {
    content: '\f044';
}
/* fa-edit        */
.eliminar::before {
    content: '\f2ed';
}
/* fa-trash-alt   */

/* ── Ok — ícono verde ── */
.ok::before {
    content: '\f00c'; /* fa-check */
    color: var(--color-grid-ok) !important;
}

.ok:hover::before {
    color: var(--hover-grid-ok) !important;
}

/* ── Cancelar — ícono rojo ── */
.cancelar::before {
    content: '\f00d'; /* fa-times */
    color: var(--color-grid-cancelar) !important;
}

.cancelar:hover::before {
    color: var(--hover-grid-cancelar) !important;
}


/* ============================================
   TABLA RESPONSIVA
   ============================================ */
/* Tablet - iPad */
@media (max-width: 1024px) {
    .RadGrid_Bootstrap .rgHeader,
    .rgHeader {
        font-size: 0.75rem !important;
        padding: 0.6rem 0.8rem !important;
    }

    .RadGrid_Bootstrap .rgRow td,
    .RadGrid_Bootstrap .rgAltRow td,
    .rgRow td,
    .rgAltRow td {
        padding: 0.6rem 0.8rem !important;
        font-size: 0.85rem !important;
    }

    .RadGrid_Bootstrap .rgPagerCell,
    .RadGrid_Bootstrap .rgPager {
        padding: 0.4rem !important;
    }
}

/* Mobile - Landscape */
@media (max-width: 768px) {
    .RadGrid_Bootstrap {
        border-radius: 8px !important;
        box-shadow: 0 2px 8px rgba(0, 51, 231, 0.12) !important;
    }

        .RadGrid_Bootstrap .rgHeader,
        .rgHeader {
            font-size: 0.7rem !important;
            padding: 0.5rem 0.6rem !important;
            letter-spacing: 0.3px !important;
        }

        .RadGrid_Bootstrap .rgRow td,
        .RadGrid_Bootstrap .rgAltRow td,
        .rgRow td,
        .rgAltRow td {
            padding: 0.5rem 0.6rem !important;
            font-size: 0.8rem !important;
            font-weight: 400 !important;
        }

        /* ComboBox mobile */
        .RadGrid_Bootstrap .RadComboBox_Bootstrap {
            width: 100% !important;
        }

        .RadGrid_Bootstrap .rcbInput {
            padding: 0 0.3rem !important;
            height: 22px !important;
            line-height: 22px !important;
            font-size: 0.7rem !important;
        }

        .RadGrid_Bootstrap .rcbArrowCell {
            width: 22px !important;
        }

            .RadGrid_Bootstrap .rcbArrowCell a {
                height: 22px !important;
            }

        /* Paginación mobile */
        .RadGrid_Bootstrap .rgPagerCell,
        .RadGrid_Bootstrap .rgPager {
            padding: 0.3rem !important;
        }

        .RadGrid_Bootstrap input[type="submit"].rgPageFirst,
        .RadGrid_Bootstrap input[type="submit"].rgPagePrev,
        .RadGrid_Bootstrap input[type="submit"].rgPageNext,
        .RadGrid_Bootstrap input[type="submit"].rgPageLast {
            height: 28px !important;
            width: 26px !important;
            padding: 0 0.2rem !important;
            font-size: 0.6rem !important;
        }

        .RadGrid_Bootstrap .rgNumPart a,
        .RadGrid_Bootstrap .rgNumPart a.rgCurrentPage {
            height: 28px !important;
            width: 26px !important;
            line-height: 18px !important;
            padding: 0 0.2rem !important;
            font-size: 0.65rem !important;
        }

        /* Scroll horizontal si hay más de 3 columnas */
        .RadGrid_Bootstrap .rgMasterTable {
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch !important;
        }

            .RadGrid_Bootstrap .rgMasterTable thead tr,
            .RadGrid_Bootstrap .rgMasterTable tbody tr {
                width: max-content !important;
            }

            .RadGrid_Bootstrap .rgMasterTable th,
            .RadGrid_Bootstrap .rgMasterTable td {
                white-space: nowrap !important;
            }

        /* Mantener pager en línea en mobile */
        .RadGrid_Bootstrap .rgPagerCell .rgWrap {
            display: flex !important;
            align-items: center !important;
            flex-wrap: wrap !important;
            gap: 6px !important;
        }

        /* Ocultar label y mantener combo en línea */
        .RadGrid_Bootstrap .rgPagerLabel {
            display: none !important;
        }

        .RadGrid_Bootstrap .rgPagerCell .rgWrap.rgAdvPart {
            margin-left: 6px !important;
            justify-content: flex-start !important;
            width: auto !important;
            flex-shrink: 0 !important;
        }

            .RadGrid_Bootstrap .rgPagerCell .rgWrap.rgAdvPart .RadComboBox_Bootstrap {
                width: auto !important;
                min-width: 70px !important;
            }

}



/* ============================================
   CARGA Y LOADING
   ============================================ */
.RadGrid_Bootstrap .rgLoading,
.RadGrid_Bootstrap .rgLoadingElement {
    background-color: rgba(0, 196, 204, 0.15) !important;
    color: #00C4CC !important;
}

/* ============================================
   ANIMACIONES
   ============================================ */
@keyframes rgFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.RadGrid_Bootstrap {
    animation: rgFadeIn 0.3s ease-out !important;
}