/*
 * ListViews con pocos campos (Prompt / Voz / Credencial / Skill / Comentario).
 * Evita el “desierto” horizontal: el grid no estira a 100% del área de contenido.
 */

/* Contenedor de la vista: mismo tope que el grid (toolbar + pie quedan alineados) */
html body .xaf-list-view:has(.dxbl-grid.cicumba-list-narrow-30),
html body .xaf-list-view:has(.dxbl-grid.cicumba-voz-list--narrow),
html body .view-content:has(.dxbl-grid.cicumba-list-narrow-30),
html body .view-content:has(.dxbl-grid.cicumba-voz-list--narrow),
html body #main-view-content:has(.dxbl-grid.cicumba-list-narrow-30) > .view-content,
html body #main-view-content:has(.dxbl-grid.cicumba-voz-list--narrow) > .view-content {
    max-width: min(42rem, 55vw) !important;
    width: min(42rem, 55vw) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Grid: tope explícito (gana a .cicumba-grid-adaptive-narrow { width:100% }) */
html body #main-view-content .dxbl-grid.cicumba-list-narrow-30,
html body #main-view-content .dxbl-grid.cicumba-voz-list--narrow,
html body .view-content .dxbl-grid.cicumba-list-narrow-30,
html body .view-content .dxbl-grid.cicumba-voz-list--narrow,
html body .dxbl-sc-content .dxbl-grid.cicumba-list-narrow-30,
html body .dxbl-grid.cicumba-list-narrow-30,
html body .dxbl-grid.cicumba-voz-list--narrow,
html body .dxbl-grid.cicumba-grid-adaptive-narrow.cicumba-list-narrow-30,
html body .dxbl-grid.cicumba-grid-adaptive-narrow.cicumba-voz-list--narrow {
    width: 100% !important;
    max-width: min(42rem, 55vw) !important;
    min-width: 16rem !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    align-self: flex-start !important;
    box-sizing: border-box !important;
    flex: 0 1 auto !important;
}

html body #main-view-content .dxbl-grid.cicumba-list-narrow-30 .dxbl-grid-table,
html body #main-view-content .dxbl-grid.cicumba-voz-list--narrow .dxbl-grid-table,
html body .view-content .dxbl-grid.cicumba-list-narrow-30 .dxbl-grid-table,
html body .view-content .dxbl-grid.cicumba-voz-list--narrow .dxbl-grid-table,
html body .dxbl-grid.cicumba-list-narrow-30 .dxbl-grid-table,
html body .dxbl-grid.cicumba-voz-list--narrow .dxbl-grid-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
}

@media (max-width: 960px) {
    html body .xaf-list-view:has(.dxbl-grid.cicumba-list-narrow-30),
    html body .xaf-list-view:has(.dxbl-grid.cicumba-voz-list--narrow),
    html body .view-content:has(.dxbl-grid.cicumba-list-narrow-30),
    html body .view-content:has(.dxbl-grid.cicumba-voz-list--narrow),
    html body #main-view-content:has(.dxbl-grid.cicumba-list-narrow-30) > .view-content,
    html body #main-view-content:has(.dxbl-grid.cicumba-voz-list--narrow) > .view-content,
    html body #main-view-content .dxbl-grid.cicumba-list-narrow-30,
    html body #main-view-content .dxbl-grid.cicumba-voz-list--narrow,
    html body .view-content .dxbl-grid.cicumba-list-narrow-30,
    html body .view-content .dxbl-grid.cicumba-voz-list--narrow,
    html body .dxbl-grid.cicumba-list-narrow-30,
    html body .dxbl-grid.cicumba-voz-list--narrow,
    html body .dxbl-grid.cicumba-grid-adaptive-narrow.cicumba-list-narrow-30,
    html body .dxbl-grid.cicumba-grid-adaptive-narrow.cicumba-voz-list--narrow {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}