/*
  Mu Obsidian - ajustes que carregam DEPOIS do app.css (06/10/2026).
  O app.css e o artefato do tema v6 e venceria qualquer regra do v7-paginas.css,
  entao o que precisa ganhar dele mora aqui. CSS escrito a mao, sem SCSS.
*/

/* Minha Conta / Painel: o app.css faz de .list-characters uma grade de 5 colunas;
   o max-width de 20% do cartao do v7 espremia o cartao dentro da celula. */
.list-characters .character { max-width: none; min-width: 0; flex: initial; }

/* Status em todo o site: online verde, offline vermelho.
   .mo-status envolve a saida de character_status() e server_status_label()
   (sidebar, ficha do personagem, informacoes do servidor). */
:root { --mo-status-on: #3ecf6a; --mo-status-off: #e5484d; }
.mo-status .text-success,
.table .mo-status .text-success { color: var(--mo-status-on) !important; }
.mo-status .text-danger,
.table .mo-status .text-danger { color: var(--mo-status-off) !important; }
/* server_status_label() devolve <span class="online|offline"> */
.mo-status .online { color: var(--mo-status-on) !important; }
.mo-status .offline { color: var(--mo-status-off) !important; }

/* Selo nos cartoes de personagem (Minha Conta e Painel) */
.character-card-badge--online { background: var(--mo-status-on); color: #0d0d0d; }
.character-card-badge--offline { background: var(--mo-status-off); color: #fff; }

/* Rankings: bolinha de status a esquerda do nome, sem texto (substitui o selo "ON") */
.mo-dot { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
.mo-dot--on { background: var(--mo-status-on); box-shadow: 0 0 6px var(--mo-status-on); }
.mo-dot--off { background: var(--mo-status-off); }

/* VIP pela cor do plano: as cores mo-vip-1/2/3 (bronze, prata, obsidian) ja estao no app.css */
.ranking-list-name .mo-vip { margin-left: 4px; }