/* FUTNEX 1.9.69 · conta69 (E-JOGO-B): folha "Salve seu time" / "Time salvo!" e o cartão "Seu time ainda não está salvo" no Início.
   Vale nos dois visuais (html.ui68 e o Clássico): só tokens que existem nos dois (--panel, --panel-2, --line, --text, --text-2, --accent, --ok-txt, --err-txt, --r-md, --r-lg).
   Alvos >= 44 px, corpo 16 px, nada passa de 320 px, 1 CTA amarelo por tela (o cartão do Início usa botão comum com borda amarela). Sem movimento. */

/* --- a folha --- */
.fx69c { display: grid; gap: 12px; min-width: 0; }
html .fx69c .fx69c-t { margin: 0; font-family: var(--font-titulo, "Saira Condensed", system-ui, sans-serif); font-size: 24px; line-height: 1.12; font-weight: 800; letter-spacing: .005em; overflow-wrap: anywhere; }
html .fx69c .fx69c-p { margin: 0; font-size: 16px; line-height: 1.45; color: var(--text); overflow-wrap: anywhere; }
html .fx69c .fx69c-p strong { font-weight: 800; background: linear-gradient(transparent 62%, rgba(245, 196, 0, .38) 0); }
html .fx69c .fx69c-nota { margin: 0; line-height: 1.4; }
html .fx69c .fx69c-err { margin: 0; color: var(--err-txt); font-size: 14px; line-height: 1.4; }
html .fx69c .fx69c-err[hidden] { display: none; }
.fx69c .actions.fx69c-acts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 4px -16px 0; padding: 12px 16px; flex-wrap: nowrap; }
.fx69c .actions.fx69c-acts .btn { width: 100%; min-width: 0; min-height: 44px; margin: 0; white-space: normal; overflow-wrap: anywhere; line-height: 1.2; flex: none; }
.fx69c .actions.fx69c-acts .btn.fx69c-ghost { background: transparent; border-color: transparent; box-shadow: none; color: var(--text-2); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.fx69c-ok { text-align: center; justify-items: center; }
.fx69c-ok .fx69c-selo { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--ok-soft, rgba(29, 122, 75, .2)); color: var(--ok-txt, #5fc28b); border: 2px solid currentColor; }
html .fx69c-ok .fx69c-t, html .fx69c-ok .fx69c-p { text-align: center; }

/* --- o cartão no Início (mesma peça do funil/missões: .panel do jogo) --- */
.fx69-card { display: grid; gap: 10px; min-width: 0; margin: 0; padding: 12px 14px; }
.fx69-card.fx69-conta { border-color: rgba(245, 196, 0, .4); }
.fx69-card .fx69-tx { display: grid; gap: 2px; min-width: 0; }
.fx69-card .fx69-tx strong { font-size: 16px; line-height: 1.25; overflow-wrap: anywhere; }
.fx69-card .fx69-tx .muted { line-height: 1.35; overflow-wrap: anywhere; }
.fx69-card .btn.fx69-btn { width: 100%; min-width: 0; min-height: 44px; margin: 0; white-space: normal; line-height: 1.2; border-color: var(--accent); }
@media (min-width: 600px) {
  .fx69-card.fx69-conta { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .fx69-card .btn.fx69-btn { width: auto; padding-left: 16px; padding-right: 16px; }
}
html.fx-pc .fx69-card.fx69-conta { grid-template-columns: minmax(0, 1fr); }
html.fx-pc .fx69-card .btn.fx69-btn { width: 100%; }
html.ui68 .fx69-card { border-radius: var(--u-r3, 16px); }
html.ui68 .fx69c .actions.fx69c-acts .btn { border-radius: var(--u-r2, 12px); }
/* visual novo (celular): o Início ordena os filhos de .hq-dia por "order" (Jogar = 10, Missões = 20...): o cartão entra logo depois do Jogar */
html.ui68:not(.fx-pc) .home .hq-dia > .fx69-conta { order: 11; }