/* 🖥️ **Estilos de escritorio** */
.tableResBpm {border-collapse: separate;border: 1px solid #dbdbdb;border-radius: 5px;overflow: hidden;}
.tableResBpm thead tr{background-color: #d33;color: white;}
.tableResBpm th, .tableResBpm td{border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;text-align: left;}
.tableResBpm td{padding: 2px 20px !important;}
.tableResBpm th{padding: 10px 15px;}
.tableResBpm thead tr:first-child th:first-child {border-top-left-radius: 5px;}
.tableResBpm thead tr:first-child th:last-child {border-top-right-radius: 5px;}
.tableResBpm tbody tr:last-child td:first-child {border-bottom-left-radius: 5px;}
.tableResBpm tbody tr:last-child td:last-child {border-bottom-right-radius: 5px;}
.tableResBpm tbody tr:last-child td{border-bottom: none;}
.tableResBpm th:last-child, .tableResBpm td:last-child{border-right: none;}
.tableResBpm .desktop {display: table-header-group;}
.tableResBpm .mobile, .child-row {display: none;}
.tableResBpm .firstData i.childtogglelist.fa.fa-solid{display: none; position: relative;cursor: pointer;}
.tableResBpm .firstData i.fa-eye{color: #0f1680;}
.tableResBpm .firstData i.fa-eye-slash{color: #d33;}
.tableResBpm .showRow{display: table-row !important;}

/* 📱 **Estilos de móvil** */
@media (max-width: 768px) {
    .tableResBpm .desktop, .tableResBpm tbody tr:not(.child-row) td:not(:first-child){ display: none;}
    .tableResBpm .mobile { display: table-header-group;}
    .tableResBpm .child-row.visible {display: table-row;}
    .tableResBpm .firstData{padding: 10px 15px !important;border-right: none;}
    .tableResBpm .firstData i.childtogglelist.fa.fa-solid{display: initial;}
    .tableResBpm .child{padding: 0px !important;}
    .tableResBpm .child ul {padding: 10px;margin: 0 !important;background: #f8f8f8;box-shadow: 0px 10px 5px #b3b3b3 inset;width: 100%;}
    .tableResBpm .child ul li {padding: 5px 10px 5px 20px !important;border-bottom: 1px solid #ddd !important;}
    .tableResBpm .child ul li .title-list{font-weight: bold;}
    .tableResBpm .child ul li:last-child {border-bottom: none !important;}
    .tableResBpm .child ul li::before{content: '' !important;}
}