/* Adaptivity móvil — alineado al demo DxGrid (columnas + filas densas).
   No forzar 100% si la lista ya es estrecha (Prompt/Voz/Credencial/Skill/Comentario). */
.cicumba-grid-adaptive-narrow.dxbl-grid:not(.cicumba-list-narrow-30):not(.cicumba-voz-list--narrow),
.dxbl-grid.cicumba-grid-adaptive-narrow:not(.cicumba-list-narrow-30):not(.cicumba-voz-list--narrow) {
    width: 100%;
}

.cicumba-grid-adaptive-detail {
    padding: 8px 12px 10px;
    font-size: 13px;
    line-height: 1.45;
    color: #1a2e26;
    background: #f4faf7;
    border-top: 1px solid rgba(45, 94, 74, 0.12);
}

.cicumba-grid-adaptive-detail-line {
    margin: 2px 0;
    word-break: break-word;
}

.cicumba-grid-adaptive-detail-line strong {
    font-weight: 700;
    color: #2d5e4a;
}

@media (max-width: 768px) {
    /* Encabezados: NUNCA wrap vertical (evita "D e s c r i p c i ó n") */
    .dxbl-grid.cicumba-grid-adaptive-narrow th,
    .cicumba-grid-adaptive-narrow .dxbl-grid-header-row th,
    .dxbl-grid.cicumba-grid-adaptive-narrow .dxbl-grid-header-content {
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-height: 2.4rem !important;
        height: auto !important;
        vertical-align: middle !important;
        line-height: 1.2 !important;
        font-size: 0.95rem !important;
    }

    .dxbl-grid.cicumba-grid-adaptive-narrow .dxbl-grid-table,
    .cicumba-grid-adaptive-narrow .dxbl-grd-table {
        table-layout: auto !important;
    }

    /* Celdas de datos: tipografía legible en maestros (Clientes, Rider, etc.) — sin negrita */
    .dxbl-grid.cicumba-grid-adaptive-narrow td {
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        vertical-align: middle;
        font-size: 1.12rem !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
        color: #1a2e26 !important;
    }

    .dxbl-grid.cicumba-grid-adaptive-narrow .dxbl-grid-table tbody tr.dxbl-grid-data-row > td,
    html body #main-view-content .dxbl-grid.cicumba-grid-adaptive-narrow .dxbl-grid-table tbody tr.dxbl-grid-data-row > td,
    html body #main-view-content .dxbl-grid.cicumba-producto-list-grid .dxbl-grid-table tbody tr.dxbl-grid-data-row > td {
        padding-top: 0.55rem !important;
        padding-bottom: 0.55rem !important;
        min-height: 92px !important;
        height: auto !important;
        font-size: 1.12rem !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
        color: #1a2e26 !important;
    }

    /* Fotos / miniaturas legibles en maestros */
    html body .cicumba-grid-adaptive-narrow .c-gal-thumb,
    html body .cicumba-grid-adaptive-narrow .c-gal-thumb--list,
    html body .cicumba-grid-adaptive-narrow .c-gal-thumb--person,
    html body .cicumba-producto-list-grid .c-gal-thumb,
    html body .cicumba-producto-list-grid .c-gal-thumb--list,
    html body #main-view-content .dxbl-grid.cicumba-grid-adaptive-narrow .c-gal-thumb,
    html body #main-view-content .dxbl-grid.cicumba-grid-adaptive-narrow .c-gal-thumb--list,
    html body #main-view-content .dxbl-grid.cicumba-grid-adaptive-narrow .c-gal-thumb--person,
    html body #main-view-content .dxbl-grid.cicumba-producto-list-grid .c-gal-thumb,
    html body #main-view-content .dxbl-grid.cicumba-producto-list-grid .c-gal-thumb--list {
        width: 80px !important;
        height: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        max-width: 80px !important;
        max-height: 80px !important;
    }

    html body .cicumba-producto-list-grid .dxbl-grid-table tbody tr.dxbl-grid-data-row > td {
        min-height: 92px !important;
        height: auto !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    /* Bandera país (p. ej. Usuario Voz): un poco más grande */
    html body .cicumba-grid-adaptive-narrow img.dxbl-image,
    html body .cicumba-grid-adaptive-narrow .dxbl-image img {
        max-height: 28px !important;
        width: auto !important;
    }
}