/* ── Manuales responsive: mobile ≤767px ── */
@media (max-width: 767px) {
    /* Stack vertical: árbol arriba, contenido abajo */
    .manuales-wrap {
        flex-direction: column;
    }

    .manuales-tree {
        width: 100%;
        max-width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--border, #e2e8f0);
        max-height: 200px;
        flex-shrink: 0;
    }

    .manuales-tree-scroll {
        overflow-x: auto;
        overflow-y: auto;
    }

    /* Cards: 2 columnas en mobile */
    .manuales-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .item-card {
        padding: 10px 8px;
    }

    .item-card .item-icon {
        font-size: 1.8rem;
    }

    /* Toolbar: apilar en 2 filas */
    .manuales-toolbar {
        flex-wrap: wrap;
        gap: 6px;
        padding: 8px 10px;
    }

    .manuales-breadcrumb {
        font-size: 0.75rem;
        width: 100%;
        order: 1;
    }

    .toolbar-actions {
        order: 2;
        width: 100%;
        justify-content: flex-end;
    }

    .manuales-search-wrap {
        padding: 8px 10px;
    }

    .manuales-files-area {
        padding: 10px;
    }

    /* Visor PDF fullscreen en mobile */
    .modal-visor {
        margin: 0;
        border-radius: 0;
        height: 100%;
    }

    .modal-small {
        margin: 12px;
        max-width: calc(100vw - 24px);
    }

    /* Header selector de cliente */
    .manuales-header {
        flex-wrap: wrap;
        padding: 10px 12px;
        gap: 8px;
    }

    .manuales-select-cliente {
        min-width: 0;
        width: 100%;
    }

    /* Lista: meta alineada a la derecha compacta */
    .item-row {
        padding: 6px 8px;
    }

    .item-row .item-meta {
        font-size: 0.7rem;
    }
}