/* [07/10/2026] Ajuste curado da pagina de regras.
   Vive em @layer eclipse, que e declarada ANTES de eclipse-auto. Para
   declaracoes !important a ordem das camadas INVERTE: a camada declarada
   antes vence. Entao isto ganha do autotema, que estava achatando vermelho
   e ambar no mesmo cinza #CBC2C5 e matando a hierarquia da pagina. */
@layer eclipse {

/* ---- 1. a paleta volta a ter cor ---- */
html[data-tema="eclipse"] body.ec-dark .bm-rl{
  --ok:#3DD68C !important; --ok-bg:rgba(61,214,140,.10) !important;
  --atencao:#F0B429 !important; --atencao-bg:rgba(240,180,41,.11) !important;
  --alerta:#FF5A5F !important; --alerta-bg:rgba(255,90,95,.12) !important;
  --linha:#272E3E !important; --linha-suave:#1C2230 !important;
}

/* ---- 2. selo de gravidade: pilula com cor de verdade ---- */
html[data-tema="eclipse"] body.ec-dark .bm-rl-sev{
  background:transparent !important; border:1px solid currentColor !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-sev.leve{color:#3DD68C !important;background:rgba(61,214,140,.10) !important}
html[data-tema="eclipse"] body.ec-dark .bm-rl-sev.media{color:#F0B429 !important;background:rgba(240,180,41,.11) !important}
html[data-tema="eclipse"] body.ec-dark .bm-rl-sev.grave{
  color:#FF5A5F !important; background:rgba(255,90,95,.13) !important;
  border-color:rgba(255,90,95,.55) !important;
  box-shadow:0 0 14px rgba(255,90,95,.20) !important;
}

/* ---- 3. os quadros "isso pode / isso nao pode" voltam a ser verde e vermelho ---- */
html[data-tema="eclipse"] body.ec-dark .bm-rl-ok{
  background:rgba(61,214,140,.07) !important; border:1px solid rgba(61,214,140,.38) !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-no{
  background:rgba(255,90,95,.07) !important; border:1px solid rgba(255,90,95,.38) !important;
}

/* ---- 4. a linha de regras deixa de ser pilha de barras iguais ---- */
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule{
  background:linear-gradient(180deg,#141822,#10131B) !important;
  box-shadow:inset 0 1px 0 rgba(230,233,240,.04) !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule:hover{
  transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.40) !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule[open]{
  background:linear-gradient(180deg,#1A2030,#12161F) !important; transform:none;
}
/* grave tem presenca: barra grossa, leve tingimento e brilho ao abrir */
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule.sev-grave{
  border-left:4px solid #FF5A5F !important;
  background:linear-gradient(90deg,rgba(255,90,95,.07),transparent 42%),linear-gradient(180deg,#141822,#10131B) !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule.sev-grave[open]{
  box-shadow:0 0 0 1px rgba(255,90,95,.25), 0 14px 34px rgba(255,90,95,.10) !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule.sev-media{border-left:4px solid #F0B429 !important}
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule.sev-leve{border-left:4px solid #3DD68C !important}

/* ---- 5. o numero da regra (estava branco em branco, invisivel) ---- */
html[data-tema="eclipse"] body.ec-dark .bm-rl-num{
  background:#242C3C !important; color:#E6E9F0 !important;
  font-variant-numeric:tabular-nums; border:1px solid rgba(230,233,240,.08) !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule.sev-grave .bm-rl-num{
  background:linear-gradient(180deg,#FF5A5F,#C2383C) !important; color:#fff !important;
  border-color:rgba(255,90,95,.6) !important; box-shadow:0 0 12px rgba(255,90,95,.35) !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule.sev-media .bm-rl-num{
  background:linear-gradient(180deg,#F0B429,#B8851A) !important; color:#1A1405 !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-rule.sev-leve .bm-rl-num{
  background:linear-gradient(180deg,#3DD68C,#248A57) !important; color:#06130C !important;
}

/* ---- 6. a escada de punicao vira escada de verdade: verde -> ambar -> vermelho ---- */
html[data-tema="eclipse"] body.ec-dark .bm-rl-step{
  background:linear-gradient(180deg,#1A2030,#12161F) !important; position:relative; overflow:hidden;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step:before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:#3DD68C;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step:nth-child(2):before{background:#8FD14F}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step:nth-child(3):before{background:#F0B429}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step:nth-child(4):before{background:#F08A29}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step:nth-child(5):before{background:#FF7A4F}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step.ban:before{background:#FF5A5F;box-shadow:0 0 12px rgba(255,90,95,.7)}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step .n{
  background:#242C3C !important; color:#E6E9F0 !important; font-variant-numeric:tabular-nums;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step.ban{
  border-color:rgba(255,90,95,.45) !important;
  background:linear-gradient(180deg,rgba(255,90,95,.10),#12161F) !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step.ban .n{
  background:linear-gradient(180deg,#FF5A5F,#C2383C) !important; color:#fff !important;
  box-shadow:0 0 12px rgba(255,90,95,.45) !important;
}
html[data-tema="eclipse"] body.ec-dark .bm-rl-step.ban b{color:#FF8A8E !important}

/* ---- 7. chips de filtro e busca ---- */
html[data-tema="eclipse"] body.ec-dark .bm-rl-sevf.s-grave:before{background:#FF5A5F !important;box-shadow:0 0 8px #FF5A5F}
html[data-tema="eclipse"] body.ec-dark .bm-rl-sevf.s-media:before{background:#F0B429 !important}
html[data-tema="eclipse"] body.ec-dark .bm-rl-sevf.s-leve:before{background:#3DD68C !important}
html[data-tema="eclipse"] body.ec-dark .bm-rl-sevf.s-grave.on{color:#FF5A5F !important;border-color:#FF5A5F !important;background:rgba(255,90,95,.12) !important}
html[data-tema="eclipse"] body.ec-dark .bm-rl-sevf.s-media.on{color:#F0B429 !important;border-color:#F0B429 !important;background:rgba(240,180,41,.12) !important}
html[data-tema="eclipse"] body.ec-dark .bm-rl-sevf.s-leve.on{color:#3DD68C !important;border-color:#3DD68C !important;background:rgba(61,214,140,.12) !important}
html[data-tema="eclipse"] body.ec-dark .bm-rl-search{background:#0E1118 !important}
html[data-tema="eclipse"] body.ec-dark .bm-rl-reset{border-left-color:#3DD68C !important;background:rgba(61,214,140,.08) !important}

}