/* Mejora visual para las filas cliqueables */
#tabla-detalle tbody tr:hover {
    background-color: #f8f9fa !important;
}

/* Efecto visual de "pulsar" en móviles */
#tabla-detalle tbody tr:active {
    background-color: #e2e2e2 !important;
}
/* Estilos Generales */
.accordion-button:not(.collapsed) {
    background-color: #e7f1ff;
    color: #0d6efd;
}

.fw-bold-concept {
    font-weight: 700;
    background-color: #f8f9fa;
}

.search-box {
    max-width: 300px;
}

/* Ajustes para los filtros en la cabecera del detalle */
.gap-3 {
    gap: 1rem !important;
}

/* --- OPTIMIZACIÓN PARA MÓVIL --- */
@media (max-width: 768px) {
    .col-md-8 {
        justify-content: flex-start !important;
        margin-top: 15px;
    }
    
    .search-box {
        max-width: 100% !important;
        width: 100%;
    }

    /* Ocultamos Horario (2da col) y Tipo (4ta col) como solicitaste antes */
    #tabla-detalle th:nth-child(2), 
    #tabla-detalle td:nth-child(2),
    #tabla-detalle th:nth-child(4), 
    #tabla-detalle td:nth-child(4) {
        display: none;
    }
}