/* GUI — CONTA, FEEDBACK, SOBRE E A PONTE ATIVIDADE → CALENDÁRIO.

   Por último, como as consolidações anteriores: veste o que é desta rodada e
   não reescreve as folhas aprovadas. */

/* ---------------------------------------------------------------------
   A FOLHA DA PONTE — e o aviso de dia de outro destino

   Ela usa a folha que o app já tem (`pl-ativ` / `pl-folha`): a mesma de «Ver
   atividades» e do ⋮. Fica acima da ficha; o calendário, que é para
   onde «Adicionar ao calendário» leva — e ela se fecha antes de ele abrir. */
.ponte-cal { z-index: 65; }
.ponte-cal[hidden] { display: none; }
.ponte-folha { max-height: none; }
.ponte-corpo { padding: 20px 18px 18px; }
.ponte-tit { margin: 0 0 4px; font-size: 1.12rem; font-weight: 700; letter-spacing: -.015em;
             color: var(--tinta); line-height: 1.3; }
.ponte-nome { margin: 0 0 10px; font-size: .84rem; font-weight: 600; color: var(--acento-escuro); }
.ponte-txt { margin: 0 0 16px; font-size: .92rem; line-height: 1.5; color: var(--tinta-fraca); }
.ponte-acoes { display: grid; gap: 8px; }
.ponte-bt {
  appearance: none; cursor: pointer; font: inherit; width: 100%;
  min-height: 48px; padding: 0 16px; border-radius: 999px;
  font-size: .98rem; font-weight: 700;
}
.ponte-sim { border: 0; background: var(--acento); color: #fff; }
.ponte-nao { border: 1px solid var(--linha); background: var(--papel-2); color: var(--tinta-fraca); }
.ponte-bt:focus-visible { outline: 2px solid var(--acento); outline-offset: 2px; }
.ponte-bt:active { filter: brightness(.96); }
.ponte-destino .ponte-tit { margin-bottom: 16px; }
@media (min-width: 720px) {
  .ponte-acoes { grid-template-columns: 1fr 1fr; }
}

/* ---------------------------------------------------------------------
   CONTA — uma frase e quatro grupos, sem lista de «em breve» */
.conta .ct-grupos { margin-top: 18px; }
.ct-lista { list-style: none; margin: 0; padding: 4px 14px; background: var(--papel-2);
            border: 1px solid var(--linha); border-radius: 14px; }
.ct-lista li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0;
               border-bottom: 1px solid var(--linha); }
.ct-lista li:last-child { border-bottom: 0; }
.ct-lista strong { display: block; font-size: .95rem; font-weight: 650; color: var(--tinta); }
.ct-ponto { flex: none; width: 8px; height: 8px; margin-top: 7px; border-radius: 50%;
            background: var(--acento); opacity: .55; }

/* ---------------------------------------------------------------------
   SOBRE — o rótulo «Guide disponível» tem duas palavras e quebra em 320 */
.inst-num span { display: block; line-height: 1.25; }
@media (max-width: 359px) {
  .inst-num div { padding: 10px 6px; }
  .inst-num span { font-size: .7rem; }
}

/* ---------------------------------------------------------------------
   AVALIE — a mensagem de erro não é confirmação */
.av-ok.av-erro { background: #fbeeee; color: #8a2f2f; }