/* t88: lista de subtarefas da etapa. Prefixo `.pt-`.
   ⚠️ Tokens: o projeto define APENAS --accent --accent-ink --accent-soft
   --display --green --ink --line --muted --paper --radius --s1..--s6
   --surface. Token inventado vira currentColor e a borda sai preta.
   ⚠️ Quem esconde o que está fechado é a regra global de `style.css`. */

/* ⚠️ Herda o conserto da t87: a caixa declara a própria altura, e o teto usa
   `min()` para não virar uma tela alta demais em janela baixa. Com 27
   subtarefas a lista rola aqui dentro, e não empurra a página. */
.pt-rolagem{max-height:min(400px,calc(100vh - 420px));min-height:160px;overflow-y:auto;
 border:1px solid var(--line);border-radius:8px;min-inline-size:0;contain:layout paint}
.pt-tabela{width:100%;border-collapse:collapse;font-size:13px}
.pt-tabela th{position:sticky;top:0;background:var(--surface);text-align:left;font-size:11px;
 color:var(--muted);padding:9px 10px;border-bottom:1px solid var(--line);z-index:1}
.pt-tabela td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.pt-tabela tr:last-child td{border-bottom:0}
.pt-selecionada{background:var(--accent-soft)}
.pt-link{border:0;background:none;padding:0;font:inherit;color:var(--ink);text-align:left;
 cursor:pointer;text-decoration:underline}
.pt-selo{display:inline-block;margin-left:6px;font-size:10px;padding:2px 6px;border-radius:20px;
 background:var(--accent);color:#fff}
.pt-vazio{padding:18px 0}

.pt-detalhe{background:var(--surface);border:1px solid var(--line);border-radius:8px;
 padding:18px;margin-top:16px;min-width:0}
.pt-detalhe-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
 margin-bottom:14px;flex-wrap:wrap}
.pt-detalhe-topo h3{margin:4px 0 4px;font-size:18px}
.pt-detalhe-topo p{margin:0}

/* t88: "Distribuição e prioridade". A lista é de LINHAS; só a aberta carrega
   formulário. Sem isso eram 29 formulários montados de uma vez (~1.705px). */
.pt-distribuicao{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;
 max-height:min(360px,calc(100vh - 480px));overflow-y:auto;contain:layout paint}
.pt-distribuicao>li{padding:9px 12px;border-bottom:1px solid var(--line)}
.pt-distribuicao>li:last-child{border-bottom:0}
.pt-distribuicao-aberta{background:var(--accent-soft)}
.pt-distribuicao-aberta p{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:0 0 10px}

@media (max-width:600px){
 .pt-distribuicao{max-height:none;overflow-y:visible}
 .pt-distribuicao .pt-link{min-height:44px;padding:11px 0}
}

@media (max-width:600px){
 /* ⚠️ A tabela vira lista: cinco colunas não cabem em 390px, e o que ficaria
    de fora é o título da subtarefa, que é o que se toca para abrir. */
 .pt-rolagem{max-height:none;overflow-y:visible}
 .pt-tabela thead{display:none}
 .pt-tabela,.pt-tabela tbody,.pt-tabela tr,.pt-tabela td{display:block;width:100%;box-sizing:border-box}
 .pt-tabela tr{border-bottom:1px solid var(--line);padding:10px 12px}
 .pt-tabela tr:last-child{border-bottom:0}
 .pt-tabela td{border:0;padding:2px 0}
 .pt-tabela td::before{content:attr(data-rotulo) ": ";color:var(--muted);font-size:11px}
 .pt-tabela td:first-child::before{content:none}
 .pt-link{display:block;min-height:44px;padding:11px 0;font-size:15px}
}