@media(max-width: 961px) {
    .dashboard-header{
        flex-direction: column;
        gap: 10px;
    }
    .grid-stack-table-container {
        overflow-x: auto;
        max-height: 100%;
    }

    /* Tabla responsive */
    .grid-stack-table {
        width: 100%;
        font-size: 14px;
        border-collapse: collapse;
    }

    /* Cabecera */
    .grid-stack-table thead {
        background-color: #2d2d2d;
        color: #ffffff;
        font-size: 13px;
    }

    /* Celdas */
    .grid-stack-table td, .grid-stack-table th {
        padding: 6px 8px;
        border: 1px solid #444;
        text-align: left;
        white-space: nowrap;
    }
    .grid-stack-table {
        font-size: 12px;
    }

    .grid-stack-table thead {
        font-size: 12px;
    }

    .grid-stack-table td, .grid-stack-table th {
        padding: 4px 6px;
    }

    /* Si usas DataTables con responsive: true */
    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before {
        top: 8px;
        left: 4px;
    }

    /* Búsqueda input en blanco */
    .dataTables_filter input {
        color: white;
        background-color: #333;
        border: 1px solid #555;
        border-radius: 4px;
        padding: 4px 6px;
    }

    /* Select de paginación */
    .dataTables_length select {
        color: white;
        background-color: #333;
        border: 1px solid #555;
        border-radius: 4px;
        padding: 4px 6px;
    }

    /* Información y navegación */
    .dataTables_info, .dataTables_paginate {
        font-size: 12px;
        color: #ccc;
    }
    table.dataTable>tbody>tr.child ul.dtr-details{
        width: 100%
    }
    
    #ai-query-box{
        width: calc(100% - 120px);
    }
    #ai-query-box.esta{
        width: calc(100% - 34px);
    }
    
    query{
        display: none;
    }
}