/* Plano de 90 dias: herói N de 23, decisões da semana, custo zero, parar de fazer, as 3 ondas. Cor só por token. */
.tela-plano .pla-topo { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.tela-plano .pla-heroi .heroi { font-size: 3.6rem; }
.tela-plano .frase { font-size: 1.05rem; font-weight: 700; margin: 6px 0 10px; }
.tela-plano .pla-onda { margin: 10px 0 0; }
.tela-plano .pla-papel { margin: 10px 0 0; font-weight: 700; }
.tela-plano .pla-decisoes { margin: 10px 0 0; padding-left: 20px; display: grid; gap: 10px; }
.tela-plano .pla-decisoes b { display: block; }
.tela-plano .pla-decisoes span { display: block; font-size: .86rem; color: var(--noite-texto); }
.tela-plano .pla-dois { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; align-items: start; }
.tela-plano .pla-parar { margin: 10px 0 0; padding-left: 20px; display: grid; gap: 6px; }
.tela-plano .pla-zero-g { text-align: right; }
.tela-plano .pla-zero-g small, .tela-plano .pla-g small { display: block; font-size: .74rem; color: var(--texto-2); }
.tela-plano .lista-quente .pt.bom { background: var(--ok-viva); }

/* a lista de cada onda */
.tela-plano .pla-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tela-plano .pla-acao { border: 1px solid var(--borda); border-radius: 12px; padding: 12px 14px; }
.tela-plano .pla-cab { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: start; }
.tela-plano .pla-titulo { display: flex; gap: 10px; align-items: baseline; min-width: 0; }
.tela-plano .pla-titulo b { font-size: 1.02rem; }
.tela-plano .pla-id { flex: none; width: 30px; height: 30px; border-radius: 9px; background: var(--marca-suave); color: var(--marca); display: grid; place-items: center; font-weight: 800; font-size: .85rem; }
.tela-plano .pla-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: baseline; margin: 8px 0 0 40px; font-size: .9rem; color: var(--texto-2); }
.tela-plano .pla-meta .link { font-size: .9rem; }
.tela-plano .pla-ganho { color: var(--ok); font-size: 1.05rem; }
.tela-plano .pla-ganho.neutro { color: var(--texto-2); font-size: .9rem; }
.tela-plano .pla-g small { display: inline; margin-left: 4px; }
.tela-plano .pla-precisa { margin: 6px 0 0 40px; }
.tela-plano .pla-acao > .acoes { margin: 8px 0 0 40px; }
.tela-plano .pla-acao > .msg { margin: 6px 0 0 40px; }
.tela-plano .pla-acao > .msg:empty { display: none; }
.tela-plano .form-estado { margin: 12px 0 0 40px; padding-top: 12px; border-top: 1px dashed var(--borda); }
.tela-plano .gravar { border-color: var(--marca); color: var(--marca); }
.tela-plano .pla-hist { margin: 8px 0 0 40px; }
.tela-plano .historico { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 4px; font-size: .88rem; }
.tela-plano .historico .mudou { display: block; color: var(--texto-2); overflow-wrap: anywhere; }
/* o feito encolhe */
.tela-plano .pla-feita { background: var(--superficie-2); padding: 8px 12px; }
.tela-plano .pla-feita .pla-titulo b { font-size: .95rem; font-weight: 700; color: var(--texto-2); }

@media (max-width: 860px) {
  .tela-plano .pla-topo, .tela-plano .pla-dois { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .tela-plano .pla-heroi .heroi { font-size: 3.5rem; }
  .tela-plano .pla-cab { grid-template-columns: minmax(0, 1fr); }
  .tela-plano .pla-meta, .tela-plano .pla-precisa, .tela-plano .pla-acao > .acoes, .tela-plano .pla-acao > .msg, .tela-plano .form-estado, .tela-plano .pla-hist { margin-left: 0; }
  .tela-plano .lista-quente li { grid-template-columns: auto minmax(0, 1fr); }
  .tela-plano .pla-zero-g { grid-column: 2; text-align: left; }
}