/* Cronômetro e pauta do ritual semanal · complementa /assets/nt.css (nt-calc, nt-campo, nt-botao...).
   Só cores da marca: azul #1296FC, fundos #141619/#1A1D1F/#1C1C1E, cinzas #5F6A6C/#95A5A6. */

.rit-painel {
  margin: .4rem 0 0; padding: 1rem 1.1rem 1.1rem; border-radius: 12px;
  background: var(--nt-campo); border: 1px solid var(--nt-borda-forte); text-align: center;
}
.rit-painel[data-estourou="true"] { border: 2px dashed #ffffff; }
.rit-etapa { margin: 0; font-family: var(--nt-fonte-titulo); color: var(--nt-texto-suave); font-size: .95rem; }
.rit-etapa strong { color: #ffffff; font-weight: 500; }
.rit-relogio {
  margin: .2rem 0 0; font-family: var(--nt-fonte-titulo); font-weight: 700; line-height: 1.1; color: #ffffff;
  font-size: clamp(2.8rem, 13vw, 3.8rem); letter-spacing: .02em;
  font-variant-numeric: tabular-nums; /* os dígitos mudam a cada segundo: largura fixa evita o texto pular */
}
.rit-estado { margin: .3rem 0 .8rem; font-size: .92rem; color: var(--nt-texto-suave); min-height: 1.5em; }
.rit-painel[data-estourou="true"] .rit-estado { color: #ffffff; font-weight: 600; }
.rit-trilho { height: 8px; border-radius: 0 4px 4px 0; background: rgba(18, 150, 252, .16); overflow: hidden; text-align: left; }
.rit-trilho span { display: block; width: 0; height: 100%; border-radius: 0 4px 4px 0; background: #1296FC; transition: width .25s linear; }

.nt-corpo ol.rit-blocos { list-style: none; padding: 0; margin: .9rem 0 0; display: grid; gap: .35rem; counter-reset: bloco; }
.rit-blocos li {
  counter-increment: bloco; display: flex; justify-content: space-between; gap: .75rem; align-items: baseline;
  margin: 0; padding: .45rem .75rem; border-radius: 10px; border: 1px solid var(--nt-borda); font-size: .95rem;
}
.rit-blocos li::before {
  content: counter(bloco); flex: none; width: 1.5rem; color: var(--nt-cinza-claro);
  font-family: var(--nt-fonte-titulo); font-weight: 700;
}
.rit-blocos li > span:first-child { flex: 1; }
.rit-tempo { flex: none; color: var(--nt-cinza-claro); font-size: .88rem; font-variant-numeric: tabular-nums; }
.rit-blocos li[data-situacao="agora"] { border-color: rgba(18, 150, 252, .55); background: var(--nt-azul-fundo); }
.rit-blocos li[data-situacao="agora"]::before, .rit-blocos li[data-situacao="agora"] .rit-tempo { color: #ffffff; }
.rit-blocos li[data-situacao="feito"] { color: var(--nt-texto-suave); }

.rit-botoes { margin: 1rem 0 0; }
.rit-botoes .nt-botao[disabled] { opacity: .45; cursor: not-allowed; }

.rit-anuncio {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

.rit-resumo {
  margin: 1rem 0 0; padding: .9rem 1rem; border-radius: 12px;
  background: var(--nt-azul-fundo); border: 1px solid rgba(18, 150, 252, .35);
}
.rit-resumo p { margin: 0 0 .5rem; }
.rit-resumo p:first-child { font-family: var(--nt-fonte-titulo); font-weight: 500; color: #ffffff; }
.rit-resumo p:last-child { margin-bottom: 0; color: var(--nt-texto-suave); }

.rit-pauta { margin: 1.5rem 0 0; padding-top: 1.2rem; border-top: 1px solid var(--nt-borda-forte); }
.rit-pauta .nt-campo input[aria-invalid="true"] { border-color: #ffffff; border-style: dashed; }
.rit-rotulo-pauta {
  display: block; margin: 1rem 0 .35rem; font-family: var(--nt-fonte-titulo); font-weight: 500; color: #ffffff; font-size: .98rem;
}
.rit-texto {
  display: block; width: 100%; min-height: 15rem; padding: .75rem .85rem; border-radius: 10px; resize: vertical;
  border: 1px solid var(--nt-borda-forte); background: var(--nt-campo); color: var(--nt-texto);
  font: inherit; font-size: .9rem; line-height: 1.55;
}
.rit-texto:focus { border-color: var(--nt-azul); outline: 2px solid rgba(18, 150, 252, .5); outline-offset: 1px; }
.rit-copiado { margin: .6rem 0 0; font-size: .92rem; color: var(--nt-texto-suave); min-height: 1.4em; }

.rit-cta {
  margin: 1.2rem 0 0; padding: 1rem 1.1rem; border-radius: 12px;
  background: var(--nt-campo); border: 1px solid var(--nt-borda-forte);
}
.rit-cta p { margin: 0 0 .85rem; color: var(--nt-texto-suave); }
.rit-sem-js { margin: .6rem 0 0; font-size: .92rem; color: var(--nt-texto-suave); }

@media print {
  .rit { display: none !important; }
}