/* E8: treino (linhas por série, descanso, recorde, troca, resumo). Sem estilo inline (CSP). */
.tabela.series { width: 100%; border-collapse: collapse; }
.tabela.series th, .tabela.series td { padding: .35rem .3rem; vertical-align: middle; text-align: left; }
.tabela.series .num { white-space: nowrap; font-family: var(--placar); }
.tabela.series .ultima { color: var(--aco); font-size: .88rem; white-space: nowrap; }
.tabela.series .valor { font-family: var(--placar); font-size: 1.1rem; font-weight: 700; }
.tabela.series input[type="text"] { width: 4.6rem; min-height: 2.75rem; padding: .3rem .4rem; border: 2px solid var(--borda); border-radius: 10px; font: inherit; font-size: 1.05rem; }
.tabela.series input[aria-invalid="true"] { border-color: var(--erro); }
.tabela.series .acoes { min-width: 2.75rem; }
.tabela.series .form-linha { display: inline-flex; flex-wrap: wrap; gap: .3rem; align-items: center; margin: 0; }
.registrar-serie, .editar-serie summary, .linha .botao { min-width: 2.75rem; min-height: 2.75rem; }
.editar-serie summary { display: inline-flex; align-items: center; cursor: pointer; font-size: .88rem; font-weight: 700; }
.editar-serie[open] { padding: .4rem 0; }
.editar-serie .form-linha + .form-linha { margin-top: .3rem; }
.linha.registrada .feito { font-weight: 800; color: var(--verde); margin-right: .3rem; }
.selo-recorde { display: inline-block; padding: .05rem .5rem; border-radius: 999px; background: var(--gord); color: var(--ferro); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.nota-linha { font-size: .82rem; color: var(--aco); }
.linha.excluida td { color: var(--aco); font-style: italic; }
.linha.extra .num { font-family: var(--texto); font-size: .85rem; }
.sem-resposta { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; margin: .3rem 0 0; font-weight: 700; color: var(--erro); }
.aviso-cartao:empty { display: none; }
.aviso-cartao .aviso-desfazer { margin: .6rem 0 0; }
.exercicio .trocar { margin: .3rem 0 .5rem; }
.exercicio .trocar .botao, .opcoes-troca button, .outros-dias .botao, .preferencia .botao, .encerrar .botao { min-height: 2.75rem; }
.barra-descanso { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; margin: 0 0 .75rem; padding: .6rem .9rem; border-radius: 14px; background: var(--ferro); color: var(--branco); }
.barra-descanso[hidden] { display: none; }
.barra-descanso p { margin: 0; font-weight: 700; }
.descanso-tempo { font-family: var(--placar); font-size: 1.6rem; }
.exercicios .cartao, .exercicios tr, .exercicios input, .exercicios button { scroll-margin-top: 5rem; }
.resumo { margin-top: .8rem; padding-top: .6rem; border-top: 1px solid var(--linha); }
.resumo h3 { margin: 0 0 .4rem; }
.resumo dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem .8rem; margin: 0; }
.resumo dt { font-size: .82rem; color: var(--aco); }
.resumo dd { margin: 0; font-family: var(--placar); font-size: 1.2rem; font-weight: 700; }
.encerrar, .preferencia { margin-top: .6rem; }
.outros-dias { display: flex; flex-wrap: wrap; gap: .4rem; margin: .3rem 0 0; padding: 0; list-style: none; }
.outros-dias form { margin: 0; }
.form-descanso { display: flex; flex-wrap: wrap; gap: .3rem; align-items: center; margin: 0; }
.form-descanso input { width: 4rem; min-height: 2.75rem; }
.busca-troca { display: flex; flex-wrap: wrap; gap: .5rem; align-items: end; margin: .6rem 0; }
@media (max-width: 420px) {
  .tabela.series th, .tabela.series td { padding: .3rem .15rem; }
  .tabela.series input[type="text"] { width: 3.6rem; }
  .tabela.series .ultima { white-space: normal; }
}

/* Revisão visual (homologação, 390 px): a tabela cabe no cartão sem cortar a 1ª coluna. */
.tabela.series { min-width: 0; table-layout: fixed; }
.tabela.series th:nth-child(1), .tabela.series td:nth-child(1) { width: 2.6rem; }
.tabela.series th:nth-child(3), .tabela.series td:nth-child(3) { width: 4.4rem; }
.tabela.series th:nth-child(4), .tabela.series td:nth-child(4) { width: 4rem; }
.tabela.series th:nth-child(5), .tabela.series td:nth-child(5) { width: 3.4rem; }
.tabela.series .editar-serie summary { overflow-wrap: anywhere; font-size: .82rem; }
@media (max-width: 420px) {
  .tabela.series th:nth-child(3), .tabela.series td:nth-child(3) { width: 3.9rem; }
  .tabela.series th:nth-child(4), .tabela.series td:nth-child(4) { width: 3.6rem; }
}
.dialogo-troca { width: min(40rem, calc(100vw - 1.5rem)); max-height: calc(100dvh - 2rem); overflow: auto; }
.dialogo-troca .fechar { min-width: 2.75rem; min-height: 2.75rem; float: right; }
.dialogo-troca .trocar-escolha { box-shadow: none; }