/* V31.5.6 — Portfolio Mobile Table Responsiveness
   Escopo intencionalmente restrito à página Projetos em viewports estreitos.
   Desktop (> 860px) permanece sem qualquer override desta release. */
@media (max-width:860px){
  .v221-projects-page{min-width:0;max-width:100%;overflow-x:hidden}

  /* A rolagem pertence à tabela de cada grupo, nunca à página inteira. */
  .v221-projects-page .v286-line-table{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 14px 12px;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-gutter:stable;
    touch-action:pan-x pan-y;
  }
  .v221-projects-page .v286-line-table .v21-table{
    width:1040px;
    min-width:1040px;
    table-layout:fixed;
    margin:0;
  }

  /* Mantém as colunas legíveis em vez de comprimi-las até quebrar letras. */
  .v221-projects-page .v286-line-table .v21-table th,
  .v221-projects-page .v286-line-table .v21-table td{
    box-sizing:border-box;
    white-space:nowrap;
    word-break:normal;
    overflow-wrap:normal;
  }
  .v221-projects-page .v286-line-table .v21-table th:nth-child(1),
  .v221-projects-page .v286-line-table .v21-table td:nth-child(1){width:220px}
  .v221-projects-page .v286-line-table .v21-table th:nth-child(2),
  .v221-projects-page .v286-line-table .v21-table td:nth-child(2){width:110px}
  .v221-projects-page .v286-line-table .v21-table th:nth-child(3),
  .v221-projects-page .v286-line-table .v21-table td:nth-child(3){width:140px}
  .v221-projects-page .v286-line-table .v21-table th:nth-child(4),
  .v221-projects-page .v286-line-table .v21-table td:nth-child(4){width:100px}
  .v221-projects-page .v286-line-table .v21-table th:nth-child(5),
  .v221-projects-page .v286-line-table .v21-table td:nth-child(5){width:150px}
  .v221-projects-page .v286-line-table .v21-table th:nth-child(6),
  .v221-projects-page .v286-line-table .v21-table td:nth-child(6){width:140px}
  .v221-projects-page .v286-line-table .v21-table th:nth-child(7),
  .v221-projects-page .v286-line-table .v21-table td:nth-child(7){width:140px}
  .v221-projects-page .v286-line-table .v21-table th:nth-child(8),
  .v221-projects-page .v286-line-table .v21-table td:nth-child(8){width:40px}

  /* Nome/meta podem quebrar em espaços; palavras nunca são partidas letra a letra. */
  .v221-projects-page .v286-line-table .v21-table td:first-child,
  .v221-projects-page .v286-line-table .v21-table td:first-child .v21-linkbtn,
  .v221-projects-page .v286-line-table .v21-table td:first-child .v21-linkbtn b,
  .v221-projects-page .v286-line-table .v21-table td:first-child .v221-project-meta{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    hyphens:none;
  }
  .v221-projects-page .v286-line-table .v21-table td:first-child .v21-linkbtn{
    display:block;
    width:100%;
    max-width:none;
  }
  .v221-projects-page .v286-line-table .v21-status,
  .v221-projects-page .v286-line-table .v278-score-pill{
    white-space:nowrap;
  }

  /* Cabeçalho do grupo pode envolver os KPIs, mas mantém chevron e identidade. */
  .v221-projects-page .v286-line-summary{flex-wrap:wrap;row-gap:7px}
  .v221-projects-page .v286-line-kpis{min-width:0;flex:1 1 180px}
  .v221-projects-page .v286-line-chevron{margin-left:auto}
}