/* ==========================================================================
   ECLIPSE · pagina PERSONAGENS (subtopic=characters, pages/characters.php)
   --------------------------------------------------------------------------
   O que este arquivo cobre (o nucleo eclipse.css ja pinta o TEXTO de prata,
   os cards .bm-info-card/.bm-kv, botoes e inputs; aqui vai o resto):
     1. tokens locais --set-* (bege) e --voc-* (cor da vocacao) -> tema escuro;
        o tema rosa da "Lani" usa os mesmos tokens e cai junto.
     2. busca (hero da landing, caixa de busca, input embutido) e os cards
        "Em destaque" (selo Online reaceso em verde).
     3. hero do personagem: fundo, borda/brilho na cor da vocacao, avatar,
        selos de guild / online / offline, selo "Tutora" da Lani.
     4. abas (Visao Geral / Equipamento / Colecoes / Safiras / Historico).
     5. Visao Geral: linhas chave-valor, selo "+X colecao", Dodge/Critical/
        Reflect (verde/ouro/azul reacesos), painel de bonus de EXP.
     6. Equipamento: skills (Magic Level com tom Genesis), boneco do set com
        SLOT ESCURO #1C2230/#161B26 pras sprites, painel de detalhe do item.
     7. Colecoes: barras, caixas de numero, "proximo tier", "como funciona" e
        os blocos Ataque/Defesa das montarias (cores que vinham em style="").
     8. Safiras: barras e os 32 cards; a cor de cada elemento (--sc, que vem
        em style="") e trocada por uma versao clara que aparece no escuro.
     9. Historico (mortes/kills) e a mensagem de erro.
   So propriedades de pintura. Nenhum display/position/tamanho/espacamento.
   Contraste medido (WCAG 2.1) — o pior de cada tipo:
     rotulo #8C95A8 sobre #1C2230 5,28 · Magic "Tries" #8C95A8 sobre tom
     Genesis #2D2547 4,76 · icone Ataque #E8776B sobre #332830 4,90 ·
     "+X colecao" #5FBF8F sobre #24353B 5,67 · kicker #45A4CD sobre #222B3B
     5,04 · selo "maximo" #0B0D12 sobre o --sc mais escuro (#E8776B) 6,74 ·
     total de EXP #0B0D12 sobre #B8B3AF 9,35 · rotulo do hero #B6BDCC sobre o
     brilho mais forte da vocacao 6,29 · bonus de EXP expirado (cinza,
     tracejado, sem transparencia) #8C95A8 sobre #161B26 5,73.
   Revisao 21/09: expirado/bloqueado sem opacity; abas e input da busca com
   border-style:none (o nucleo dava 1px de borda que a pagina nao tinha).
   ========================================================================== */
@layer eclipse {

/* ---------- 1. tokens ---------- */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page{
  --set-bg:var(--ec-night) !important;
  --set-panel:var(--ec-panel-2) !important;
  --set-panel-2:var(--ec-panel-3) !important;
  --set-line:var(--ec-line) !important;
  --set-ink:var(--ec-silver) !important;
  --set-ink-soft:var(--ec-muted) !important;
  --set-accent:var(--ec-crystal) !important;
  --set-accent-deep:var(--ec-chrome) !important;
  --set-gold:var(--ec-eternal) !important;
  --set-green:var(--ec-ok) !important;
  color:var(--ec-silver-2) !important;
}
/* identidade por vocacao: mesma ideia (vermelho/dourado/azul/verde), tons do tema */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-voc-knight{ --voc-color:var(--ec-bad) !important; --voc-glow:rgba(232,119,107,.18) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-voc-paladin{ --voc-color:var(--ec-eternal-txt) !important; --voc-glow:rgba(212,174,126,.18) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-voc-sorcerer{ --voc-color:var(--ec-crystal) !important; --voc-glow:rgba(69,164,205,.18) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-voc-druid{ --voc-color:var(--ec-ok) !important; --voc-glow:rgba(95,191,143,.18) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-voc-none{ --voc-color:var(--ec-chrome) !important; --voc-glow:rgba(203,194,197,.10) !important; }

/* ---------- 2. busca + em destaque ---------- */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-landing{
  background:linear-gradient(160deg, #161B26 0%, #0C0F16 60%, #161B26 100%) !important;
  border-color:var(--ec-line) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(230,233,240,.05) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-landing-glow{
  background:radial-gradient(circle, rgba(120,160,210,.12), transparent 65%) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-landing-kicker{
  color:var(--ec-crystal) !important;
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-landing-sub{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-search-box{
  background:rgba(6,7,10,.7) !important;
  border-color:var(--ec-line) !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.04), 0 6px 16px rgba(0,0,0,.35) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-search-box:focus-within{
  border-color:var(--ec-crystal) !important;
  box-shadow:0 0 0 4px rgba(69,164,205,.14) !important;
}
/* o input fica "dentro" da pilula: sem caixa propria (o nucleo da uma caixa a
   todo input; atributos extras so pra vencer a especificidade dele) */
html[data-tema="eclipse"] body.bm-page-characters .bm-content .bm-character-page .bm-char-search-box input[type="text"][name="name"][maxlength][autocomplete]{
  background:transparent !important;
  border-color:transparent !important;
  border-style:none !important;   /* o nucleo da 1px a todo input; aqui era border:none */
  box-shadow:none !important;
  color:var(--ec-silver) !important;
}

html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-highlights-sub{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-highlight-card{
  background:linear-gradient(180deg, #1C2230, #161B26) !important;
  border-color:var(--ec-line-soft) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.3), inset 0 1px 0 rgba(230,233,240,.04) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-highlight-card.is-online{ border-color:rgba(95,191,143,.42) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-highlight-card:hover{
  border-color:rgba(69,164,205,.5) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(230,233,240,.05) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-highlight-card img{ filter:drop-shadow(0 3px 5px rgba(0,0,0,.6)) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-highlight-card strong{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-highlight-card > span{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-highlight-stats span{
  background:var(--ec-panel) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-highlight-online{
  color:var(--ec-ok) !important;
  background:rgba(95,191,143,.14) !important;
  text-shadow:none !important;
}

/* ---------- 3. hero do personagem ---------- */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-hero.bm-info-card{
  background:linear-gradient(150deg, #161B26 0%, #0C0F16 60%, #161B26 100%) !important;
  border-color:var(--voc-color) !important;
  box-shadow:0 10px 26px var(--voc-glow), inset 0 1px 0 rgba(230,233,240,.05) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-hero::before{
  background:radial-gradient(circle, rgba(203,194,197,.06), transparent 70%) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-hero > div:not(.bm-character-avatar):not(.bm-character-badges) > span{
  color:var(--ec-silver-2) !important;
}
/* avatar = slot da sprite do outfit: fundo #161B26 (o anel de nivel continua) */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-avatar{
  background:radial-gradient(circle at 50% 30%, rgba(203,194,197,.14), transparent 65%), var(--ec-panel-2) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-current-outfit-img{ filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-badges span,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-badges a.bm-guild-badge-link{
  background:rgba(16,19,27,.92) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;
  text-shadow:none !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.05) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-badges a.bm-guild-badge-link{ color:var(--ec-crystal) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-badges a.bm-guild-badge-link:hover{
  color:var(--ec-crystal-hi) !important;
  border-color:rgba(69,164,205,.5) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-badges .bm-online{ color:var(--ec-ok) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-badges .bm-offline{ color:var(--ec-bad) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-online::before{ background:var(--ec-ok) !important; }
/* selo "Tutora" da Lani (fundo rosa claro -> rosa translucido, letra rosa clara) */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-lani-badge{
  background:rgba(217,122,151,.16) !important;
  color:#F5B8CA !important;
  -webkit-text-fill-color:currentColor !important;
  box-shadow:inset 0 0 0 1px rgba(217,122,151,.45) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-related-character-list a{
  background:rgba(22,27,38,.8) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-related-character-list a:hover{ border-color:rgba(69,164,205,.45) !important; }

/* ---------- 4. abas ---------- */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-tabnav{
  background:var(--ec-panel) !important;
  border-color:var(--ec-line-soft) !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.03) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-tabnav .bm-char-tab{
  background:transparent !important;
  border-color:transparent !important;
  border-style:none !important;   /* o nucleo da 1px a todo button; a aba era border:none */
  color:var(--ec-silver-2) !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-tabnav .bm-char-tab:hover{
  background:rgba(69,164,205,.08) !important;
  border-color:transparent !important;
  color:var(--ec-silver) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-tabnav .bm-char-tab.is-active,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-char-tabnav .bm-char-tab.is-active:hover{
  background:linear-gradient(180deg, #1C2230, #161B26) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver) !important;
  box-shadow:0 3px 10px rgba(0,0,0,.35), inset 0 0 0 1px var(--ec-line-hi), inset 0 -2px 0 var(--ec-crystal) !important;
}

/* ---------- 5. visao geral ---------- */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-character-grid > .bm-info-card h3{ border-color:var(--ec-line-soft) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-kv{
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line-soft) !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-kv:nth-of-type(even){ background:var(--ec-panel-3) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-kv span{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-kv strong{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-bonus-col{
  color:var(--ec-ok) !important;
  background:rgba(95,191,143,.12) !important;
  border-color:rgba(95,191,143,.34) !important;
}

html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-special-skills .bm-special-skill{
  background:linear-gradient(180deg, #1C2230, #161B26) !important;
  border-color:var(--ec-line-soft) !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.04) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-special-skills .bm-special-skill span{ color:var(--ec-silver-2) !important; text-shadow:none !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-special-skills .bm-special-skill strong{
  color:var(--ec-ok) !important;            /* Dodge */
  text-shadow:none !important;
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-special-skills .bm-special-critical strong{ color:var(--ec-warn) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-special-skills .bm-special-reflect strong{ color:var(--ec-crystal-hi) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-special-skills .bm-special-skill small{ color:var(--ec-muted) !important; }

/* bonus de EXP */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potions-head > div > span{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-total{
  background:linear-gradient(180deg, #EDECEB, #B8B3AF) !important;
  color:var(--ec-night) !important;
  border-color:rgba(237,236,235,.5) !important;
  text-shadow:none !important;
  box-shadow:0 6px 16px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.45) !important;
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line) !important;
  box-shadow:none !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row.is-active{ box-shadow:0 4px 10px rgba(0,0,0,.3) !important; }
/* bonus EXPIRADO (o JS tira is-active e poe is-expired quando o relogio zera).
   A pagina apagava com opacity .35/.55 -> texto a 1,75-2,79:1 no escuro.
   Aqui o "apagado" vira: cinza (grayscale), fundo mais fundo, borda tracejada
   e letra em tom de rotulo. Menor par: #8C95A8 sobre #161B26 = 5,73:1. */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row:not(.is-active),
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row.is-expired{
  opacity:1 !important;
  filter:grayscale(1) !important;
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line) !important;
  border-style:dashed !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row:not(.is-active) > span:nth-child(2),
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row.is-expired > span:nth-child(2){ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row:not(.is-active) strong,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row.is-expired strong,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row:not(.is-active) small,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row.is-expired small{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row:not(.is-active) small b,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row.is-expired small b{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row:not(.is-active) .bm-exp-potion-badge,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row.is-expired .bm-exp-potion-badge{
  color:var(--ec-muted) !important;
  border-color:var(--ec-line) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row.is-active:hover{
  border-color:var(--ec-line-hi) !important;
  box-shadow:0 10px 18px rgba(0,0,0,.4) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row > span:nth-child(2){ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row strong{
  color:var(--ec-ok) !important;
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row small{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-row small b{ color:var(--ec-silver) !important; }
/* icone-selo (PREM, G+, castelo...) = mesmo slot escuro das sprites */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-badge{
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line-hi) !important;
  color:var(--ec-silver) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-exp-potion-empty{
  background:var(--ec-panel-3) !important;
  color:var(--ec-silver-2) !important;
}

/* ---------- 6. equipamento ---------- */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-details > summary{
  color:var(--ec-silver) !important;
  font-family:var(--ec-serif) !important;
  letter-spacing:.06em !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-skill-row{
  background:linear-gradient(180deg, #1C2230, #161B26) !important;
  border-color:var(--ec-line-soft) !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.04) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-skill-row.bm-skill-magic{
  background:radial-gradient(circle at top, rgba(173,56,239,.12), transparent 60%), linear-gradient(180deg, #1C2230, #161B26) !important;
  border-color:rgba(173,56,239,.42) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-skill-row span{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-skill-row strong{
  color:var(--ec-silver) !important;
  font-family:var(--ec-serif) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-skill-row small{
  color:var(--ec-muted) !important;
  opacity:1 !important;
}

/* boneco do set: moldura escura, slot #1C2230 -> #161B26 (sprite com contorno preto aparece) */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-paperdoll{
  background:radial-gradient(circle at 50% 44%, rgba(120,160,210,.08), transparent 42%), linear-gradient(180deg, #10131B, #0B0D12) !important;
  border-color:var(--ec-line) !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.04), 0 10px 22px rgba(0,0,0,.35) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-paperdoll .bm-eq-slot{
  background:linear-gradient(180deg, #1C2230, #161B26) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;
  text-shadow:none !important;
  box-shadow:0 3px 8px rgba(0,0,0,.35), inset 0 1px 0 rgba(230,233,240,.05) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-paperdoll .bm-eq-slot:hover{
  border-color:var(--ec-crystal) !important;
  box-shadow:0 10px 20px rgba(0,0,0,.45), inset 0 1px 0 rgba(230,233,240,.06) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-paperdoll .bm-eq-slot.is-selected{
  border-color:var(--ec-crystal-hi) !important;
  box-shadow:0 0 0 2px rgba(69,164,205,.35), 0 10px 20px rgba(0,0,0,.45) !important;
}
/* slot vazio: marcado por borda tracejada em vez de opacidade .55 (que
   derrubava o rotulo pra baixo de 4,5:1) */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-paperdoll .bm-eq-slot.is-empty{
  background:var(--ec-panel-2) !important;
  border-style:dashed !important;
  opacity:1 !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-eq-slot > span{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-eq-slot.is-empty > span,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-empty-slot{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-eq-slot img{ filter:drop-shadow(0 2px 3px rgba(0,0,0,.6)) !important; }

/* detalhe do item (montado pelo JS ao clicar num slot) */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-detail{
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line-soft) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.3) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-detail-hint{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-detail-head h4{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-detail-badge{
  background:rgba(193,150,100,.16) !important;
  color:var(--ec-eternal-txt) !important;
  box-shadow:inset 0 0 0 1px rgba(193,150,100,.45) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-detail-desc{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-stat-row{ background:var(--ec-panel-3) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-stat-row span{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-stat-row strong{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-stat-gain{ color:var(--ec-ok) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-detail-absorb{
  background:rgba(95,191,143,.08) !important;
  border-color:rgba(95,191,143,.28) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-detail-absorb span{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-detail-absorb strong{ color:var(--ec-ok) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-item-detail-absorb small{ color:var(--ec-muted) !important; }

/* ---------- 7. colecoes (addons + montarias) ---------- */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-progress{
  background:rgba(6,7,10,.75) !important;
  border-color:var(--ec-line) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-progress-fill{
  background:linear-gradient(90deg, var(--ec-crystal), var(--ec-crystal-hi)) !important;
}
/* montarias: Ataque (vermelho) e Defesa (azul) vinham em style="" */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-progress-fill[style*="#a5402c"]{
  background:linear-gradient(90deg, #B4493C, var(--ec-bad)) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-progress-fill[style*="#3f5a7d"]{
  background:linear-gradient(90deg, #2F7FA6, var(--ec-crystal)) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addon-collection-panel div[style*="border-left:3px solid #a5402c"]{ border-color:var(--ec-bad) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addon-collection-panel div[style*="border-left:3px solid #3f5a7d"]{ border-color:var(--ec-crystal) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addon-collection-panel h4[style*="#a5402c"]{ color:var(--ec-bad) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addon-collection-panel h4[style*="#3f5a7d"]{ color:var(--ec-crystal) !important; }

html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-progress-label{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-progress-label b{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-stat{
  background:var(--ec-panel-3) !important;
  border-color:var(--ec-line) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-stat strong{
  color:var(--ec-diamond) !important;
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-stat span{
  color:var(--ec-muted) !important;
  opacity:1 !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-nextbox{
  background:linear-gradient(180deg, rgba(193,150,100,.10), rgba(193,150,100,.03)), var(--ec-panel-2) !important;
  border-color:rgba(193,150,100,.5) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-nextbox strong{ color:var(--ec-eternal-txt) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-nextbox span{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-nextbox.is-max{
  background:linear-gradient(180deg, rgba(95,191,143,.10), rgba(95,191,143,.03)), var(--ec-panel-2) !important;
  border-color:rgba(95,191,143,.55) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-nextbox.is-max strong{ color:var(--ec-ok) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-howworks{
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-howworks h4{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-how-row{ border-color:var(--ec-line-soft) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-how-row div{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-how-row div b{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-how-icon{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-how-icon[style*="#a5402c"]{
  background:rgba(232,119,107,.14) !important;
  color:var(--ec-bad) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-how-icon[style*="#3f5a7d"]{
  background:rgba(69,164,205,.18) !important;
  color:var(--ec-crystal-hi) !important;
}
/* grade de cards de outfit (CSS ainda existe na pagina; cobre se voltar a aparecer) */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-card{
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-card.is-owned{
  background:linear-gradient(180deg, rgba(95,191,143,.12), rgba(95,191,143,.04)), var(--ec-panel-2) !important;
  border-color:rgba(95,191,143,.55) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.3) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-card small{ color:var(--ec-silver-2) !important; }
/* bloqueado / em breve: a pagina apagava com opacity .5/.35 (reprova no
   escuro). Mesmo tratamento do slot vazio: tracejado + cinza, sem transparencia. */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-card.is-locked,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-card.bm-addoncol-soon{
  opacity:1 !important;
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line) !important;
  border-style:dashed !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-card.is-locked{ filter:grayscale(1) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-card.is-locked small,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-card.bm-addoncol-soon small{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-noimg{
  background:var(--ec-panel-3) !important;
  color:var(--ec-muted) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-addoncol-check{
  background:var(--ec-ok) !important;
  color:var(--ec-night) !important;
}

/* ---------- 8. safiras ---------- */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-sec-link{ color:var(--ec-crystal) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-sec-link:hover{ color:var(--ec-crystal-hi) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-sec-vazio{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-sec-resumo{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-sec-resumo b{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-sec-resumo span{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-sec-barra,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c-barra{
  background:rgba(6,7,10,.75) !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.5) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-sec-barra i{
  background:linear-gradient(90deg, var(--ec-crystal), var(--ec-crystal-hi)) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-sub{ border-color:var(--ec-line-soft) !important; }
/* card: fundo = slot das sprites; o fio da esquerda continua na cor do elemento */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c{
  background:linear-gradient(180deg, #1C2230, #161B26) !important;
  border-color:var(--ec-line-soft) var(--ec-line-soft) var(--ec-line-soft) var(--sc) !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c:hover{ box-shadow:0 6px 14px rgba(0,0,0,.45) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c.is-zero{ background:var(--ec-panel-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c.is-full{
  border-color:var(--sc) !important;
  box-shadow:0 0 0 1px var(--sc) inset !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c-nome{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c-nome em{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c-pe,
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c-pe span{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c-pe b{ color:var(--ec-silver) !important; }
/* selo "maximo": fundo = cor do elemento (clara), letra escura */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c-max{
  color:var(--ec-night) !important;
  text-shadow:none !important;
}
/* cor de cada elemento (vem em style="--sc:...") -> versao clara, visivel no escuro */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#544a3c"]{ --sc:var(--ec-supreme) !important; }     /* fisico  */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#553080"]{ --sc:var(--ec-genesis-txt) !important; } /* energia */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#8f2a10"]{ --sc:#F0925E !important; }                /* fogo    */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#1c4c68"]{ --sc:var(--ec-crystal-hi) !important; }  /* gelo    */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#385317"]{ --sc:var(--ec-ok) !important; }          /* terra   */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#70500d"]{ --sc:var(--ec-warn) !important; }        /* sagrado */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#302932"]{ --sc:#A493B8 !important; }                /* morte   */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#7c2422"]{ --sc:var(--ec-bad) !important; }         /* regen life */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#4a3480"]{ --sc:#8E9CF2 !important; }                /* regen mana */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#204b52"]{ --sc:#5CC6C0 !important; }                /* exp     */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-saf-c[style*="--sc:#725814"]{ --sc:var(--ec-eternal-txt) !important; }  /* loot    */

/* ---------- 9. historico + mensagens ---------- */
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-mini-list > div{
  background:var(--ec-panel-2) !important;
  border-color:var(--ec-line-soft) !important;
}
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-mini-list strong{ color:var(--ec-silver) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-mini-list span{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-characters .bm-character-page .bm-system-message.is-error{
  background:rgba(232,119,107,.08) !important;
  border-color:rgba(232,119,107,.45) !important;
  color:var(--ec-bad) !important;
}

} /* fim @layer eclipse */