/* ==========================================================================
   MITIC FUT — cor de baixa saturação (15/10/2026)
   Base continua preto e papel. Os acentos são tons apagados, como tinta de jornal velho:
   sálvia (gramado), ardósia (céu de fim de tarde), argila (terra batida), tijolo (derrota) e ouro velho.
   ========================================================================== */
:root {
  --sage: #7FA087;        /* vitória, acesso, positivo, meu clube */
  --sage-soft: rgba(127, 160, 135, 0.12);
  --slate: #8193AA;       /* informação, outros técnicos, rótulos */
  --slate-soft: rgba(129, 147, 170, 0.12);
  --clay: #B8916A;        /* atenção, empate, fadiga */
  --clay-soft: rgba(184, 145, 106, 0.14);
  --brick: #B9655B;       /* derrota, rebaixamento, dívida */
  --brick-soft: rgba(185, 101, 91, 0.13);
  --old-gold: #BFA160;    /* títulos, lendas */
  --pitch-soft: #10241A;
}

/* Valores e estados */
.pos { color: var(--sage); }
.neg { color: var(--brick); }
.gold { color: var(--old-gold); }
.kicker, .hero-kicker, .stat .label { color: var(--slate); }
.stat { border-color: rgba(129, 147, 170, 0.16); }

/* Forma recente */
.form-dots i.V { background: var(--sage); color: #0b120d; }
.form-dots i.E { background: #6b6f73; color: #fff; }
.form-dots i.D { background: var(--brick); color: #fff; }

/* Tabelas: meu clube, outros técnicos e zonas */
tr.me td { background: var(--sage-soft); }
tr.human td { background: var(--slate-soft); }
td.zone-up { box-shadow: inset 3px 0 0 var(--sage); }
td.zone-cont { box-shadow: inset 3px 0 0 var(--slate); }
td.zone-down { box-shadow: inset 3px 0 0 var(--brick); }
.result-line.mine { background: var(--sage-soft); }
.result-line.human { background: var(--slate-soft); }
.bk-team.me { box-shadow: inset 3px 0 0 var(--sage); background: var(--sage-soft); }
.club-choice.selected { border-color: var(--sage); background: var(--sage-soft); }

/* Barras, medidores e progresso */
.progress > div, .mini-bar i, .meter-track i, .hbar.rev .hbar-track i, .legend i.rev { background: var(--sage); }
.progress.warn > div, .mini-bar.warn i, .meter.warn .meter-track i { background: var(--clay); }
.progress.bad > div, .meter.bad .meter-track i { background: var(--brick); }
.meter.bad .num { color: var(--brick); }
.gauge { color: var(--sage); }
.gauge.warn { color: var(--clay); }
.gauge.bad { color: var(--brick); }
#mm-bar { background: var(--sage); }

/* Selos e avisos */
.badge.gold { color: var(--old-gold); border-color: rgba(191, 161, 96, 0.45); background: rgba(191, 161, 96, 0.08); }
.badge.red { color: #e3a39b; border-color: rgba(185, 101, 91, 0.5); background: var(--brick-soft); }
.badge.live, .badge.green { color: var(--sage); border-color: rgba(127, 160, 135, 0.55); }
.presence.on { color: var(--sage); }
.countdown { color: var(--clay); }
.toast { border-left-color: var(--sage); }
.toast.error { border-left-color: var(--brick); }
.toast.gold { border-left-color: var(--old-gold); }
.notif.unread { box-shadow: inset 2px 0 0 var(--slate); padding-left: 8px; }

/* Navegação e títulos de cartão */
.tabs-sub .tab.active { border-color: var(--sage); color: var(--text-primary); }
.tabs-groups .tab.active .ico { color: #000; }
.card h3::before { content: ""; display: inline-block; width: 4px; height: 0.8em; margin-right: 8px; background: var(--sage); vertical-align: baseline; }
.card.highlight { border-color: rgba(127, 160, 135, 0.45); }
.chip.on { background: var(--sage); border-color: var(--sage); color: #0b120d; }

/* Tom do OVR: escala de cinza puxando para sálvia nos melhores */
.ovr.t4 { background: #9fb4a4; color: #0b120d; }
.ovr.t5 { background: #c7d8cb; color: #0b120d; }

/* Placa de resultado e efeitos */
.rp-win .rp-word { color: var(--sage); }
.rp-draw .rp-word { color: var(--clay); }
.rp-loss { border-color: var(--brick); }
.rp-loss .rp-word { color: var(--brick); }
.fx-relegated .fx-rule { background: var(--brick); }

/* Pódio e estante */
.pod-1 .pod-block { background: #d9cfae; }
.cup { color: var(--old-gold); }

/* Mini-campo um pouco mais verde, sem saturar */
.mini-pitch { background: var(--pitch-soft); }

/* Entrada: segunda linha do título em sálvia */
.hero-title em { font-style: normal; color: var(--sage); }



/* Sem texto de status (fora de uma sala): esconde também o ponto */
.status:has(#status-text:empty) { display: none; }