/* ==========================================================================
   ECLIPSE ERA · pagina "Minha Conta"  (subtopic = accountmanagement)
   --------------------------------------------------------------------------
   Arquivo carregado so nesta pagina, depois do /css/eclipse.css. Existir =
   o layout poe body.ec-dark e o miolo fica escuro.

   O QUE COBRE (pages/accountmanagement.php, as duas telas):
   - deslogado: hero, .bm-login-card, .bm-login-form (label/input/botao
     "Entrar"), links "Criar Conta / Esqueci a Senha", aviso de erro.
   - logado: hero, avisos .bm-char-message (is-success / is-error), os 4
     cards .bm-account-card, botoes .bm-account-actions (+ .bm-btn-logout),
     .bm-account-wide (lista de personagens, filtro .bmx-search, atalhos
     .bm-acc-shortcut-grid) e os 2 modais (.bm-modal-overlay/.bm-modal-box),
     com a ajuda de senha ao vivo (.bm-pw-bar, .bm-pw-req, .bm-pw-msg).

   DE ONDE VINHA O CLARO (tudo hex, sem token local pra trocar):
   - css/bm2026.css secao "Central da Conta": fundos #fffdf5 / #fff7dd /
     #fff1c9 / #efd69a, textos #2b1609 / #4c2b12 / #6f431d / #8a7355 /
     #8a5512, botoes em degrade bege, avisos #fbeae2 / #eaf5e6.
   - site_modern_reistella.css: .bm-login-card #f7e8bd->#ead19a, inputs
     #fff3d2, botao "Entrar" azul #3179d7, links marrons, sair vinho.
   - <style> da pagina: .bm-modal-box #f7e8bd->#ead19a, input #fff2cf,
     .bm-pw-bar #e7d8bb, textos #3b1e0b/#5a330f/#8a7355, verde #2f6b2a,
     vermelho #9e3418.
   - JS da pagina (:354): a barra de forca recebe style.background com
     #9e3418/#8a5512/#c59b4b/#2f6b2a (some no escuro). Reacendo pela
     largura que o mesmo JS grava (25/50/75/100%), sem tocar no width.

   DESTAQUE DOS NUMEROS (pedido: Premium e Backup sao o que o jogador
   procura). Os cards nao tem classe propria, entao vao por posicao:
     1o card = Premium Points  -> gema Eternal (dourado)
     2o card = Backup Points   -> gema Genesis (violeta)
     .is-vip (VIP ativo)       -> gema Crystal (azul)
     4o card = Personagens     -> neutro prata
   Se a ordem dos cards mudar no PHP, a cor segue a posicao — ajustar aqui.

   REGRAS: tudo em @layer eclipse com !important; so propriedade de pintura
   (nada de display/width/margin/transform/font-size). Contraste conferido
   com a formula WCAG 2.1 (todos >= 4,5:1 contra a parada MAIS CLARA de
   cada degrade). Menor par de texto: #8C95A8 em #212838 = 4,90:1.
   ========================================================================== */

@layer eclipse {

/* ---------------- tokens locais da pagina ---------------- */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content{
  --acc-panel: linear-gradient(180deg, var(--ec-panel-2) 0%, var(--ec-night) 100%) !important;   /* texto medido contra #161B26 */
  --acc-tile: var(--ec-panel-3) !important;                                                   /* #1C2230 */
  --acc-tile-hover: #212838 !important;
  --acc-card: linear-gradient(180deg, #1A202C 0%, #0E1118 100%) !important;
  --acc-prem-bg: linear-gradient(165deg, #221A10 0%, #0F1117 55%, #1D1912 100%) !important;
  --acc-prem-line: rgba(193,150,100,.52) !important;
  --acc-prem-num: var(--ec-warn) !important;          /* #E3C38F  10,2:1 */
  --acc-bkp-bg: linear-gradient(165deg, #1E1530 0%, #0F1018 55%, #1A142B 100%) !important;
  --acc-bkp-line: rgba(173,56,239,.48) !important;
  --acc-bkp-num: #DDB8FA !important;                  /* 10,2:1 */
  --acc-vip-bg: linear-gradient(165deg, #0F2130 0%, #0E1118 55%, #0F1C28 100%) !important;
  --acc-vip-line: rgba(69,164,205,.48) !important;
}

/* ---------------- moldura da central ---------------- */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-center{
  color:var(--ec-silver-2) !important;
  background:transparent !important;
}

/* hero (mesmo desenho do nucleo, com o halo da eclipse.php) */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-center .bm-page-hero.bm-account-hero{
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(69,164,205,.10) 0%, transparent 60%),
    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;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-hero > span{
  color:var(--ec-crystal) !important;                 /* 5,25:1 no ponto mais claro do halo */
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-hero h1{
  color:var(--ec-silver) !important;
  font-family:var(--ec-serif) !important;
  text-shadow:0 2px 18px rgba(0,0,0,.55) !important;
  -webkit-text-fill-color:currentColor !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-hero p{
  color:var(--ec-silver-2) !important;
  text-shadow:none !important;
}

/* titulos da pagina: prata serifado, sem sombra nem borda bege */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-center :is(h2, h3),
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-modal-box h3{
  color:var(--ec-silver) !important;
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
  border-color:var(--ec-line-soft) !important;
  -webkit-text-fill-color:currentColor !important;
}

/* ---------------- paineis: login, "Seus Personagens", "Atalhos" ---------------- */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-login-card,
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-wide{
  background:var(--acc-panel) !important;
  border-color:var(--ec-line) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(230,233,240,.04) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-login-card p,
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-wide > p{
  color:var(--ec-silver-2) !important;
  text-shadow:none !important;
}

/* formulario de login */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-login-form label{
  color:var(--ec-silver-2) !important;
  text-shadow:none !important;
}
/* campos (login, modais, filtro de personagem). O seletor repete a cadeia de
   :not() do nucleo de proposito: la ela soma especificidade (0,8,3) e, sem
   isso, o box-shadow:none do nucleo engoliria o truque do autopreenchimento. */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]){
  background:rgba(6,7,10,.7) !important;              /* ~#0B0D12 sobre o painel */
  color:var(--ec-silver) !important;                  /* 16,0:1 */
  border-color:var(--ec-line) !important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.45) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):focus{
  border-color:var(--ec-chrome) !important;
  outline-color:var(--ec-crystal) !important;
  box-shadow:0 0 0 3px rgba(69,164,205,.18) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"])::placeholder{
  color:var(--ec-silver-3) !important;                /* #7D8698 5,3:1 */
  opacity:1 !important;   /* [revisao] bm2026.css:53 poe .bmx-search::placeholder{opacity:.75}: o filtro
                             "Filtrar personagem..." caia pra #606876 = 3,46:1 (reprovado). Isto
                             tambem neutraliza a opacidade reduzida que alguns navegadores dao ao
                             placeholder por padrao. */
}
/* preenchimento automatico do navegador (senha salva) nao pode voltar azul-claro.
   Regra propria: navegador que nao conhece :-webkit-autofill descarta so ela. */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):-webkit-autofill{
  box-shadow:inset 0 0 0 1000px #0B0D12 !important;
  -webkit-text-fill-color:var(--ec-silver) !important;
  filter:none !important;                             /* se o navegador tingir o campo preenchido com filter, some */
}
/* [revisao] campo preenchido E com foco: a regra acima empata com a de :focus e,
   por vir depois, apagava o anel azul. Aqui o fundo escuro e o anel convivem. */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):-webkit-autofill:focus{
  box-shadow:inset 0 0 0 1000px #0B0D12, 0 0 0 3px rgba(69,164,205,.18) !important;
}

/* botao principal ("Entrar" e "Confirmar"): prata escovada, igual ao .bm-play */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-login-form button,
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-modal-box .bm-char-submit{
  background:linear-gradient(180deg, #EDECEB 0%, #B8B3AF 100%) !important;   /* #0B0D12 em #B8B3AF = 9,4:1 */
  color:#0B0D12 !important;
  border-color:rgba(237,236,235,.55) !important;
  text-shadow:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.45) !important;
  font-family:var(--ec-sans) !important;
  filter:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-login-form button:hover,
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-modal-box .bm-char-submit:not(:disabled):hover{
  background:linear-gradient(180deg, #FFFFFF 0%, #CBC2C5 100%) !important;   /* 11,2:1 */
  color:#0B0D12 !important;
  border-color:#FFFFFF !important;
}
/* obs.: o JS poe style.opacity=.5 no "Confirmar" enquanto a senha nao passa.
   Nao declaro opacity aqui de proposito, pra nao apagar esse aviso. */

/* ---------------- botoes de acao (Criar Personagem, Apoiar, Alterar..., Sair) ---------------- */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-actions{
  background:transparent !important;
  border-color:transparent !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-actions a{
  background:linear-gradient(180deg, var(--ec-panel-3) 0%, var(--ec-panel) 100%) !important;   /* texto contra #1C2230 */
  color:var(--ec-silver) !important;                  /* 13,1:1 */
  border-color:var(--ec-line) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.35), inset 0 1px 0 rgba(230,233,240,.05) !important;
  text-shadow:none !important;
  font-family:var(--ec-sans) !important;
  filter:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-actions a:hover{
  background:linear-gradient(180deg, #252D3E 0%, #141925 100%) !important;
  color:#FFFFFF !important;                           /* 13,8:1 */
  border-color:var(--ec-chrome) !important;
}
/* Sair: continua se distinguindo, em vermelho do tema */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-actions a.bm-btn-logout{
  background:linear-gradient(180deg, #2B1719 0%, #140C0E 100%) !important;
  color:var(--ec-bad) !important;                     /* 5,9:1 */
  border-color:rgba(232,119,107,.45) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.35) !important;
  text-shadow:none !important;
  filter:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-actions a.bm-btn-logout:hover{
  background:linear-gradient(180deg, #361C1F 0%, #1A0F11 100%) !important;
  color:#F29A90 !important;                           /* 7,3:1 */
  border-color:var(--ec-bad) !important;
}

/* ---------------- avisos (sucesso / erro) ---------------- */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-char-message.is-success{
  background:#0F1E19 !important;
  color:var(--ec-ok) !important;                      /* 7,7:1 */
  border-color:rgba(95,191,143,.45) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-char-message.is-error{
  background:#221211 !important;
  color:var(--ec-bad) !important;                     /* 6,3:1 */
  border-color:rgba(232,119,107,.45) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

/* ---------------- os 4 cards de numero ---------------- */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card{
  background:var(--acc-card) !important;             /* texto contra #1A202C */
  border-color:var(--ec-line) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(230,233,240,.05) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card > span{
  color:var(--ec-muted) !important;                   /* 5,4:1 */
  font-family:var(--ec-serif) !important;
  letter-spacing:.14em !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card h2{
  color:var(--ec-silver) !important;                  /* 13,4:1 */
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
  border-color:transparent !important;
  -webkit-text-fill-color:currentColor !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card small{
  color:var(--ec-silver-2) !important;                /* 8,7:1 */
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card small b{
  color:var(--ec-silver) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card small a{
  color:var(--ec-crystal) !important;                 /* 5,8:1 no card mais claro */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card small a:hover{
  color:var(--ec-crystal-hi) !important;
}

/* 1o card: Premium Points — gema Eternal */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-grid > .bm-account-card:nth-child(1){
  background:var(--acc-prem-bg) !important;
  border-color:var(--acc-prem-line) !important;
  box-shadow:0 0 30px rgba(193,150,100,.12), 0 10px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(227,195,143,.22) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-grid > .bm-account-card:nth-child(1) > span{
  color:var(--ec-eternal-txt) !important;             /* #D4AE7E 8,3:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-grid > .bm-account-card:nth-child(1) h2{
  color:var(--acc-prem-num) !important;               /* #E3C38F 10,2:1 */
  text-shadow:0 0 22px rgba(193,150,100,.35) !important;
}

/* 2o card: Backup Points — gema Genesis */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-grid > .bm-account-card:nth-child(2){
  background:var(--acc-bkp-bg) !important;
  border-color:var(--acc-bkp-line) !important;
  box-shadow:0 0 30px rgba(173,56,239,.14), 0 10px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(194,123,243,.22) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-grid > .bm-account-card:nth-child(2) > span{
  color:var(--ec-genesis-txt) !important;             /* #C27BF3 6,2:1 (a gema pura #AD38EF reprova) */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-grid > .bm-account-card:nth-child(2) h2{
  color:var(--acc-bkp-num) !important;                /* #DDB8FA 10,2:1 */
  text-shadow:0 0 22px rgba(173,56,239,.40) !important;
}

/* VIP ativo — gema Crystal */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card.is-vip{
  background:var(--acc-vip-bg) !important;
  border-color:var(--acc-vip-line) !important;
  box-shadow:0 0 26px rgba(69,164,205,.12), 0 10px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(111,190,224,.20) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card.is-vip > span,
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card.is-vip h2{
  color:var(--ec-crystal-hi) !important;              /* #6FBEE0 7,9:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-card.is-vip h2{
  text-shadow:0 0 20px rgba(69,164,205,.30) !important;
}

/* ---------------- lista de personagens ---------------- */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content a.bm-account-character-card{
  background:var(--acc-tile) !important;
  border-color:var(--ec-line) !important;
  box-shadow:none !important;
  color:var(--ec-silver-2) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content a.bm-account-character-card:hover{
  background:var(--acc-tile-hover) !important;       /* textos medidos contra #212838 */
  border-color:rgba(69,164,205,.45) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.35) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-character-card strong{
  color:var(--ec-silver) !important;                  /* 12,1:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-character-card span{
  color:var(--ec-silver-2) !important;                /* 7,8:1 */
}
/* selo online/offline: online verde; offline ("Visto dd/mm") neutro, como a
   pagina ja fazia — ultimo acesso nao e erro */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-character-card em.online{
  background:rgba(95,191,143,.12) !important;
  color:var(--ec-ok) !important;                      /* 5,3:1 no hover */
  border-color:rgba(95,191,143,.40) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-character-card em.offline{
  background:rgba(6,7,10,.35) !important;
  color:var(--ec-muted) !important;                   /* 5,7:1 no hover */
  border-color:var(--ec-line) !important;
}

/* ---------------- atalhos ---------------- */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-acc-shortcut-grid a{
  background:var(--acc-tile) !important;
  border-color:var(--ec-line) !important;
  color:var(--ec-silver-2) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-acc-shortcut-grid a:hover{
  background:var(--acc-tile-hover) !important;
  border-color:rgba(69,164,205,.45) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.35) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-acc-shortcut-grid strong{
  color:var(--ec-silver) !important;                  /* 12,1:1 */
  font-family:var(--ec-serif) !important;
  letter-spacing:.04em !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-acc-shortcut-grid small{
  color:var(--ec-muted) !important;                   /* 4,9:1 no hover (menor par da pagina) */
}

/* links soltos no texto ("Criar o primeiro") */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-wide > p a{
  color:var(--ec-crystal) !important;                 /* 6,1:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-account-wide > p a:hover{
  color:var(--ec-crystal-hi) !important;
}

/* foco do teclado visivel no escuro */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content :is(.bm-account-actions a, a.bm-account-character-card, .bm-acc-shortcut-grid a, .bm-char-submit, .bm-login-form button):focus-visible{
  outline-color:var(--ec-crystal) !important;
}

/* ---------------- modais (Alterar Login / Alterar Senha) ---------------- */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-modal-overlay{
  background:rgba(6,7,10,.78) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-modal-box{
  background:linear-gradient(180deg, var(--ec-panel-2) 0%, var(--ec-night) 100%) !important;   /* texto contra #161B26 */
  border-color:var(--ec-line-hi) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.65), inset 0 1px 0 rgba(230,233,240,.05) !important;
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-modal-close{
  color:var(--ec-silver-2) !important;                /* 9,1:1 */
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-modal-close:hover{
  color:var(--ec-bad) !important;                     /* 6,0:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-modal-box .bm-char-field span{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-modal-box .bm-char-field-error{
  color:var(--ec-bad) !important;
}

/* ajuda de senha ao vivo */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-bar{
  background:var(--ec-line) !important;               /* trilho #272E3E (era #e7d8bb) */
  box-shadow:inset 0 1px 2px rgba(0,0,0,.5) !important;
}
/* o JS grava width + background inline; pinto pela largura, que e o nivel */
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-bar i{
  background:var(--ec-crystal) !important;            /* fallback neutro: 4,8:1 no trilho */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-bar i[style*="width: 25%"]{
  background:var(--ec-bad) !important;                /* 1 de 4 — 4,7:1 no trilho */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-bar i[style*="width: 50%"]{
  background:var(--ec-eternal) !important;            /* 2 de 4 — 5,1:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-bar i[style*="width: 75%"]{
  background:var(--ec-warn) !important;               /* 3 de 4 — 8,1:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-bar i[style*="width: 100%"]{
  background:var(--ec-ok) !important;                 /* 4 de 4 — 6,0:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-req li{
  color:var(--ec-muted) !important;                   /* requisito pendente 5,7:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-req li::before{
  color:var(--ec-silver-3) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-req li.ok,
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-req li.ok::before{
  color:var(--ec-ok) !important;                      /* requisito cumprido 7,7:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-msg{
  color:var(--ec-silver-2) !important;
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-msg.bad{
  color:var(--ec-bad) !important;                     /* 6,0:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-msg.good{
  color:var(--ec-ok) !important;                      /* 7,7:1 */
}
html[data-tema="eclipse"] body.bm-page-accountmanagement.ec-dark .bm-content .bm-pw-live small{
  color:var(--ec-muted) !important;                   /* 5,7:1 */
}

} /* fim @layer eclipse */