/* Tela da obra do Jardim Primavera (0.9.7): terreno, Prefeitura, loja de materiais e andamento. Veste a tela #primavera, que
   usa o mesmo painel das outras telas do jogo, e o aviso de andamento durante a partida. */
#primavera .menu-panel { max-height: 92vh; overflow-y: auto; }
#primavera h2 { margin-bottom: 10px; }
.pc-saldo { margin-bottom: 10px; font-weight: 700; color: var(--lrv-verde, #7ad28a); font-variant-numeric: tabular-nums; }
.pc-texto { margin: 0 0 10px; font-size: 14px; line-height: 1.45; color: #e6ebf0; }
.pc-botao { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin: 0 0 10px; padding: 8px 16px; border: 0; border-radius: 3px; cursor: pointer;
  font: 700 15px/1.2 var(--font, system-ui); color: #171006; background: var(--lrv-ambar, #f2b234); }
.pc-botao:hover:not(:disabled), .pc-botao:focus-visible { background: #ffd45c; outline: 2px solid #fff3cf; outline-offset: 2px; }
.pc-botao:disabled { cursor: default; color: #aeb8c4; background: rgba(255, 255, 255, .1); }
.pc-lista, .pc-etapas { margin: 0 0 12px; padding: 0; list-style: none; }
.pc-lista li, .pc-etapas li { display: flex; align-items: center; gap: 12px; min-height: 40px; padding: 4px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); font-size: 14px; color: #e6ebf0; }
.pc-nome { flex: 1; min-width: 0; }
.pc-qtd { flex: none; color: #aeb8c4; font-variant-numeric: tabular-nums; }
.pc-lista .pc-botao { flex: none; min-width: 92px; margin: 0; min-height: 36px; padding: 4px 10px; font-size: 14px; }
.pc-etapas li.feita .pc-nome { color: var(--lrv-verde, #7ad28a); }
.pc-etapas li.atual .pc-nome { color: var(--lrv-ambar, #f2b234); font-weight: 700; }
#primavera-obra { position: absolute; left: 50%; bottom: 176px; z-index: 6; transform: translateX(-50%); max-width: min(92vw, 420px); padding: 5px 14px; border-radius: 6px; pointer-events: none;
  font: 600 14px/1.3 system-ui; color: #f6ecd8; text-align: center; text-shadow: 0 1px 3px #000; background: rgba(26, 18, 8, .72); }
#primavera-obra:empty { display: none; }
@media (max-width: 640px) {
  .pc-lista li { flex-wrap: wrap; }
  .pc-lista .pc-nome { flex-basis: 100%; }
}