/**
 * Listas con barra de acciones apretada en móvil (credencial, skill, archivos):
 * una fila con scroll horizontal para que Nuevo, Eliminar, Tutorial, etc. sigan visibles.
 */

/* Archivos: ancho ~57% activa toolbar adaptativo; forzar etiquetas como en Skill */
.xaf-list-view:has([data-action-id="ShowArchivoListTutorial_Action"]) .xaf-action-bar .dxbl-toolbar-btn:not(.dxbl-toolbar-btn-ellipsis) .dxbl-btn-caption,
.xaf-list-view:has([data-action-id="ShowArchivoListTutorial_Action"]) .xaf-action-bar .dxbl-toolbar-btn:not(.dxbl-toolbar-btn-ellipsis) .dxbl-text,
.xaf-list-view:has([data-action-id="ShowArchivoListTutorial_Action"]) .xaf-action-bar .dxbl-toolbar-item-text,
.cicumba-integraciones-list-actions:has([data-action-id="ShowArchivoListTutorial_Action"]) .dxbl-toolbar-btn:not(.dxbl-toolbar-btn-ellipsis) .dxbl-btn-caption,
.cicumba-integraciones-list-actions:has([data-action-id="ShowArchivoListTutorial_Action"]) .dxbl-toolbar-btn:not(.dxbl-toolbar-btn-ellipsis) .dxbl-text {
    display: inline !important;
    visibility: visible !important;
    width: auto !important;
    max-width: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    clip: auto !important;
    position: static !important;
    transform: none !important;
    height: auto !important;
    margin-inline-start: 0.35rem !important;
}

.xaf-list-view:has([data-action-id="ShowArchivoListTutorial_Action"]) .xaf-action-bar .dxbl-toolbar-btn:not(.dxbl-toolbar-btn-ellipsis),
.cicumba-integraciones-list-actions:has([data-action-id="ShowArchivoListTutorial_Action"]) .dxbl-toolbar-btn:not(.dxbl-toolbar-btn-ellipsis) {
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
}

@media (max-width: 768px) {
    /* Archivos: el ancho estrecho del listado no debe recortar la barra de acciones */
    .xaf-list-view:has([data-action-id="ShowArchivoListTutorial_Action"]),
    .view-content:has([data-action-id="ShowArchivoListTutorial_Action"]) {
        overflow-x: visible !important;
    }

    .cicumba-integraciones-list-actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding: 4px 2px 6px !important;
        box-sizing: border-box !important;
    }

    .cicumba-integraciones-list-actions .dxbl-toolbar,
    .cicumba-integraciones-list-actions .xaf-toolbar {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        flex-wrap: nowrap !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .cicumba-integraciones-list-actions .dxbl-toolbar-layout,
    .cicumba-integraciones-list-actions .dxbl-toolbar-layout-block {
        flex-wrap: nowrap !important;
    }

    .cicumba-integraciones-list-actions .xaf-toolbar-item,
    .cicumba-integraciones-list-actions .dxbl-toolbar-item {
        flex: 0 0 auto !important;
    }

    .cicumba-integraciones-list-actions .dxbl-toolbar-btn,
    .cicumba-integraciones-list-actions .xaf-normal-button {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }
}