/* A CENA TEM ESPAÇO PRÓPRIO, sem alterar as três abas anteriores. */
.pv-grade .obrabas{flex-wrap:wrap}
.pv-painel{display:flex;flex-direction:column;gap:8px;min-height:460px}
.pv-painel>*{flex-shrink:0}
.pv-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pv-cab h3{margin:0;font-size:26px;color:var(--ink)}
.pv-cab p{margin:4px 0;color:var(--ink);font-size:20px}
/* TEXTO MAIOR QUE O DO RESTO DA ESTEIRA, de proposito: esta aba abre a 48%
   de zoom de cartao, e no tamanho de sempre a explicacao ficava ilegivel. Os
   tres tamanhos (22, 17 e 17) sao da escala que o index.html ja usa. O que
   cresceu foi devolvido em espaco vertical (gap de 10 para 8, margem do
   paragrafo de 6 para 4) para a cena 3D nao encolher junto. */
.pv-exp,#pv-carregando{margin:0;color:var(--muted);font-size:19px;line-height:1.5}
/* A LINHA QUE DIZ SE A CENA ESTA LIGADA e a que o dono pediu para crescer mais:
   e' ela que responde "chegou" quando o cenario conecta, e a unica que fala de
   erro quando ele nao carrega. */
#pv-carregando{font-size:20px;color:var(--ink);text-align:end}
/* A UNICA ACAO DESTA ABA MERECE PESO DE ACAO, E O DESTAQUE E' O DA CASA.
   O verde do Executar foi tentado antes e o dono reprovou na tela: ali o verde
   quer dizer "isto roda agora", e este botao nao roda nada, so' vira a camera.
   O destaque certo ja existe na mesma Esteira, na etiqueta do andamento (10 de
   14 pronta(s), #obra .engpasso): dourado sobre fundo dourado transparente,
   borda da mesma cor e canto de pilula. Os valores sao copiados de la de
   proposito, inclusive os rgba escritos a mao — e' a mesma cor de --accent com
   alfa, e sao os dois unicos lugares que a usam assim; divergir aqui seria
   inventar um segundo dourado. O corpo da letra sobe para 19 para nao ficar
   menor do que a linha que ele acompanha, que e' 20. */
#pv-seguir{
  font-size:19px;font-weight:600;color:var(--accent);
  background:rgba(224,165,61,.12);border:1px solid rgba(224,165,61,.35);
  border-radius:999px;
}
#pv-seguir:hover:not(:disabled){background:rgba(224,165,61,.2)}
.pv-cena{display:block;box-sizing:border-box;width:100%;height:clamp(360px,82vh,1200px);min-height:280px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
#obra.dois .obradois.pv-grade{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#obra.dois .obradois.pv-grade>div:first-child{grid-row:auto;grid-column:1;display:flex;flex-direction:column}
#obra .pv-grade .obrabas{flex-shrink:0}
@media(min-width:1081px){
  #obra .pv-grade .pv-painel{flex:1;min-height:460px}
  #obra .pv-grade .pv-cena{flex:1;height:0}
}
@media(max-width:760px){.pv-cab{align-items:flex-start}}
/* A FAIXA DO RECADO E DO DESPERTAR NAO APARECE NESTA ABA. Ela mora entre o
   corpo e o rodape do cartao e vale para a Esteira inteira; nas outras tres
   abas continua igual, e aqui a altura dela vira cena. */
#obra.aovivo #obra-recado{display:none}
/* ESPERANDO VOCE: a lista do que pede decisao, fora da cena. O corpo e' 19px,
   o mesmo da explicacao (.pv-exp), pela decisao do dono registrada acima: esta
   aba abre a 48% de zoom de cartao e o texto do tamanho de sempre ficava
   ilegivel. A cor da borda de cada item diz a gravidade (--bad trava, --warn
   espera); fundo, borda e texto secundario sao os tokens da casa. */
.pv-pend{margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);font-size:19px;line-height:1.4;color:var(--ink)}
.pv-pend:empty{display:none}
.pv-pend-tit{margin:0 0 6px;font-size:19px;color:var(--ink)}
.pv-pend-nada{margin:0;color:var(--muted)}
.pv-pend-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pv-pend-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-inline-start:10px;border-inline-start:3px solid var(--border)}
.pv-pend-item.warn{border-inline-start-color:var(--warn)}
.pv-pend-item.bad{border-inline-start-color:var(--bad)}
.pv-pend-tx{min-width:0;overflow-wrap:anywhere}
.pv-pend-porque{list-style:none;margin:2px 0 0;padding:0;color:var(--muted)}
.pv-pend-val{color:var(--muted)}
.pv-pend-item .trbt{flex-shrink:0;font-size:19px}