/* Despues de mermaid (Grid.js): anchos fijos + scroll horizontal en movil */
    :root{
      --labelW: clamp(108px, 14vw, 132px) !important;
      --totalW: clamp(84px, 9vw, 100px) !important;
      --cellW: 72px !important;
    }
    @media (max-width: 680px){
      :root{
        --labelW: clamp(104px, 32vw, 124px) !important;
        --totalW: clamp(80px, 24vw, 92px) !important;
        --cellW: 72px !important;
      }
    }
    .via-grid-host .gridjs-table{
      width: max-content !important;
      max-width: none !important;
      min-width: max(100%, calc(var(--labelW) + 12 * var(--cellW) + var(--totalW))) !important;
      table-layout: fixed !important;
      border: 1px solid var(--grid) !important;
      border-radius: 0 !important;
    }
    /* Sin borde del wrapper/container (tema mermaid); borde en .gridjs-table */
    .via-grid-host .gridjs-wrapper{
      border: none !important;
      border-radius: 0 !important;
      box-shadow: none !important;
    }
    .via-grid-host .gridjs-container{
      border: none !important;
      box-shadow: none !important;
    }
    .via-grid-host .gridjs-th:nth-child(1),
    .via-grid-host .gridjs-td:nth-child(1){
      width: var(--labelW) !important;
      min-width: var(--labelW) !important;
      max-width: var(--labelW) !important;
      box-sizing: border-box !important;
    }
    .via-grid-host .gridjs-th:nth-child(n + 2):nth-child(-n + 13),
    .via-grid-host .gridjs-td:nth-child(n + 2):nth-child(-n + 13){
      width: var(--cellW) !important;
      min-width: var(--cellW) !important;
      max-width: var(--cellW) !important;
      box-sizing: border-box !important;
    }
    .via-grid-host .gridjs-th:nth-child(14),
    .via-grid-host .gridjs-td:nth-child(14){
      width: var(--totalW) !important;
      min-width: var(--totalW) !important;
      max-width: var(--totalW) !important;
      box-sizing: border-box !important;
    }
    .via-grid-host .gridjs-th:nth-child(n + 2):nth-child(-n + 13){
      text-align: center !important;
    }
    .via-grid-host .gridjs-th:nth-child(n + 2):nth-child(-n + 13) .gridjs-th-content{
      justify-content: center !important;
      width: 100%;
    }
    .via-grid-host .gridjs-td:nth-child(1) .gridjs-td-content,
    .via-grid-host .gridjs-th:nth-child(1) .gridjs-th-content{
      max-width: var(--labelW) !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    .via-grid-host .via-tech-cell{ min-width: 0 !important; }
    .via-grid-host .via-tech-cell > span{
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    @media (max-width: 560px){
      .via-grid-host .gridjs-th:nth-child(n + 2):nth-child(-n + 13),
      .via-grid-host .gridjs-td:nth-child(n + 2):nth-child(-n + 13){
        overflow: hidden !important;
      }
      .via-grid-host .gridjs-th:nth-child(n + 2):nth-child(-n + 13) .gridjs-th-content{
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        justify-content: center !important;
        width: 100%;
      }
      .via-grid-host .gridjs-td:nth-child(n + 2):nth-child(-n + 13) .gridjs-td-content{
        max-width: 100% !important;
        overflow: hidden !important;
      }
      .via-grid-host .gridjs-td:nth-child(n + 2):nth-child(-n + 13) .via-cell{
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }