/* =========================================
   FILTROS DE ACESSIBILIDADE GLOBAIS (LENTE)
========================================= */
/*Cria a lente invisível sobre o ecrã inteiro */
body.protanopia::before,
body.deuteranopia::before,
body.tritanopia::before,
body.achromatopsia::before,
body.alto-contraste::before,
body.contraste-invertido::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 9998;
}

/* 2. Aplica o filtro na lente */
body.protanopia::before {
  backdrop-filter: saturate(0.5) hue-rotate(-20deg);
  -webkit-backdrop-filter: saturate(0.5) hue-rotate(-20deg);
}

body.deuteranopia::before {
  backdrop-filter: saturate(0.5) hue-rotate(-45deg);
  -webkit-backdrop-filter: saturate(0.5) hue-rotate(-45deg);
}

body.tritanopia::before {
  backdrop-filter: hue-rotate(180deg) saturate(0.6);
  -webkit-backdrop-filter: hue-rotate(180deg) saturate(0.6);
}

body.achromatopsia::before {
  backdrop-filter: grayscale(1);
  -webkit-backdrop-filter: grayscale(1);
}

body.alto-contraste::before {
  backdrop-filter: contrast(180%) brightness(110%);
  -webkit-backdrop-filter: contrast(180%) brightness(110%);
}

body.contraste-invertido::before {
  backdrop-filter: invert(100%);
  -webkit-backdrop-filter: invert(100%);
}



/* =========================================
   MODO ESCURO
========================================= */
body.modo-escuro .doc-sidebar,
body.modo-escuro .doc-card {
  background: #1e1e1e !important;
  border-color: #333 !important;
}

body.modo-escuro .doc-sidebar h3,
body.modo-escuro .doc-sidebar a,
body.modo-escuro .doc-card h2,
body.modo-escuro .tema-conteudo p {
  color: #ffffff !important;
}

body.modo-escuro .dica-box {
  background: rgba(255, 255, 255, 0.05);
}

body.modo-escuro,
body.modo-escuro #content-wrapper {
  background-color: #121212 !important;
  color: #ffffff !important;
}

body.modo-escuro h1,
body.modo-escuro h2,
body.modo-escuro h3,
body.modo-escuro p,
body.modo-escuro span,
body.modo-escuro .nav-link-text {
  color: #ffffff !important;
}

body.modo-escuro .quiz-card,
body.modo-escuro .question-box,
body.modo-escuro .option-btn,
body.modo-escuro .threat-item,
body.modo-escuro .header-pill-dashboard,
body.modo-escuro .header-pill,
body.modo-escuro .sol-card,
body.modo-escuro .accessibility-menu,
body.modo-escuro .accessibility-pill {
  background: #1e1e1e !important;
  color: #ffffff !important;
  border-color: #333 !important;
}

body.modo-escuro .home-info-section,
body.modo-escuro .como-funciona-section {
  background-color: #121212 !important;
}

body.modo-escuro .home-info-section .serif-title,
body.modo-escuro .como-funciona-section .serif-title {
  color: #ffffff !important;
}

body.modo-escuro .step-title,
body.modo-escuro .step-description {
  color: #ffffff !important;
}

body.modo-escuro .solution-banner {
  background: #0a0a0a !important;
}

body.modo-escuro .section-divider .shape-fill {
  fill: #0a0a0a !important;
}

body.modo-escuro .menu-btn {
  color: #ffffff;
}

body.modo-escuro .menu-btn:hover {
  background: #333;
}

/* =========================================
   FOOTER E MENU DE ACESSIBILIDADE
========================================= */
.footer-fixed {
  position: fixed !important;
  bottom: 25px;
  right: 30px;
  z-index: 9999 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  pointer-events: none;
}

.accessibility-pill,
.accessibility-menu {
  pointer-events: auto !important;
}

.accessibility-pill {
  display: flex;
  align-items: center;
  background: var(--d3-vidro-espesso, rgba(255, 255, 255, 0.5));
  padding: 8px 15px;
  border-radius: 40px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.help-label {
  font-size: 11px;
  font-weight: 900;
  color: var(--d3-verde-noite, #254d1a);
  font-style: italic;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.4s ease;
}

.accessibility-pill:hover {
  padding-left: 20px;
}

.accessibility-pill:hover .help-label {
  max-width: 150px;
  opacity: 1;
  margin-right: 12px;
}

.access-icon {
  background: var(--d3-neve-pura, #ffffff);
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

.accessibility-menu {
  background: var(--d3-vidro-espesso, rgba(255, 255, 255, 0.5));
  backdrop-filter: blur(15px);
  padding: 1.2rem;
  border-radius: 25px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  width: 210px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  animation: dashSlideUp 0.3s ease-out;
}

@keyframes dashSlideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.menu-title {
  font-size: 11px;
  font-weight: 900;
  color: var(--d3-verde-noite, #254d1a);
  text-transform: uppercase;
  opacity: 0.6;
  margin-bottom: 5px;
  padding-left: 10px;
}

.menu-btn {
  width: 100%;
  text-align: left;
  background: rgba(0, 0, 0, 0.03);
  border: none;
  padding: 10px 15px;
  border-radius: 15px;
  color: var(--d3-verde-noite, #254d1a);
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s;
}

.menu-btn:hover {
  background: var(--d3-verde-noite, #254d1a);
  color: var(--d3-neve-pura, #ffffff);
}

.menu-btn.active {
  background: var(--d3-neon-leaf, #20c214);
  color: white;
}

.hidden {
  display: none !important;
}

/* =========================================
   GUIA DE EMERGÊNCIA
========================================= */
body.modo-escuro #guia-instrucoes,
body.modo-escuro .section-subtitle {
  color: #ffffff !important;
}

body.modo-escuro .passos-container,
body.modo-escuro .step-item {
  background: #1e1e1e !important;
  border-color: #333 !important;
  color: #ffffff !important;
}

/* =========================================
   RESPONSIVIDADE
========================================= */
@media (max-width: 768px) {
  .footer-fixed {
    bottom: 15px;
    right: 15px;
  }

  .accessibility-pill {
    padding: 6px 10px;
  }

  .accessibility-pill .help-label {
    display: none;
  }

  .accessibility-menu {
    width: 180px;
    padding: 1rem;
    right: 0;
  }

  .access-icon {
    width: 35px;
    height: 35px;
  }
}


body.modo-escuro .security-card,
body.modo-escuro .modal-card,
body.modo-escuro .qr-container,
body.modo-escuro .form-group {
  background: #1e1e1e !important;
  border-color: #333 !important;
  color: #ffffff !important;
}

body.modo-escuro .token-input,
body.modo-escuro .mfa-code-input {
  background: #121212 !important;
  border-color: #444 !important;
  color: #ffffff !important;
}

body.modo-escuro .btn-secondary {
  background: #333 !important;
  color: #ffffff !important;
}

body.modo-escuro .toast-alert {
  background: #1e1e1e !important;
  color: #ffffff !important;
}

body.modo-escuro .toast-success {
  border-left-color: #22c55e !important;
}

body.modo-escuro .toast-error {
  border-left-color: #ef4444 !important;
}


body.modo-escuro .lang-btn {
  color: #e2e8f0;
}

body.modo-escuro .lang-btn.active {
  color: var(--bright-green, #20c214);
}

body.modo-escuro .lang-divider {
  color: rgba(255, 255, 255, 0.3);
}

body.modo-escuro .hero-subtitle {
  color: #cbd5e1 !important;
}

body.modo-escuro .step-circle {
  background: #1e293b !important;
  border: 2px solid var(--bright-green);
  color: var(--bright-green) !important;
}

body.modo-escuro .step-connector {
  background: linear-gradient(90deg, #334155 0%, var(--bright-green) 100%) !important;
}

body.modo-escuro .wrapper-split {
  background-color: #121212 !important;
}

body.modo-escuro .ala-principal-direita {
  background-color: transparent !important;
}

body.modo-escuro .modulo-login {
  background: rgba(30, 30, 30, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
}

body.modo-escuro .caixa-texto-protege {
  background-color: rgba(0, 0, 0, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

body.modo-escuro .caixa-texto-protege:focus {
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-color: var(--bright-green, #20c214) !important;
}

body.modo-escuro .cabecalho-form,
body.modo-escuro .logotipo-superior .nome-marca-estilizado,
body.modo-escuro .btn-exit-login,
body.modo-escuro .etiqueta-input,
body.modo-escuro .atalho-link {
  color: #ffffff !important;
}

body.modo-escuro .divisor-linha span {
  color: #a1a1aa !important;
}

body.modo-escuro .btn-exit-login {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

body.modo-escuro .botao-acao-principal {
  background-color: var(--bright-green, #20c214) !important;
  color: #121212 !important;
}

body.modo-escuro .botao-acao-principal:hover {
  background-color: #1a9e10 !important;
}

body.modo-escuro .btn-google {
  background-color: #2c2c2c !important;
  color: #e2e8f0 !important;
  border: 1px solid #444 !important;
}

body.modo-escuro .btn-google:hover {
  background-color: #3f3f3f !important;
}

body.modo-escuro .google-icon-wrapper {
  background-color: #1e1e1e !important;
}

body.modo-escuro .toggle-password-img {
  filter: invert(1) opacity(0.7) !important;
}

body.modo-escuro .notificacao-erro {
  background: rgba(220, 38, 38, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}

body.modo-escuro .btn-voltar-step {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .btn-voltar-step:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

body.modo-escuro .password-req-list {
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

body.modo-escuro .req-item {
  color: #cbd5e1;
}

body.modo-escuro .req-item.valid {
  color: var(--bright-green, #20c214) !important;
}

/*sobrenos*/
body.modo-escuro,
body.modo-escuro #content-wrapper {
  background-color: #121212 !important;
  color: #ffffff !important;
}

body.modo-escuro .contact-card {
  background-color: #1e1e1e !important;
  border: 1px solid #333;
}

body.modo-escuro .serif-title,
body.modo-escuro .about-text p,
body.modo-escuro .info-list li {
  color: #ffffff !important;
}

body.modo-escuro .form-input,
body.modo-escuro .form-textarea {
  background-color: #2a2a2a;
  border-color: #444;
  color: white;
}

body.modo-escuro .email-pill {
  background: rgba(255, 255, 255, 0.1);
  color: white;
  border: 1px solid #444;
}

body.modo-escuro .popup-card {
  background: #1e1e1e;
  border-color: #333;
  color: white;
}

body.modo-escuro .locked-content p {
  color: #ccc;
}

/* 
   EXTRA SOBRE NÓS - MODO ESCURO
*/
body.modo-escuro .btn-submit,
body.modo-escuro .btn-login-alt,
body.modo-escuro .btn-continue {
  background-color: var(--verde-brilhante, #20c214) !important;
  color: #121212 !important;
}

body.modo-escuro .btn-submit:hover,
body.modo-escuro .btn-login-alt:hover,
body.modo-escuro .btn-continue:hover {
  background-color: #1a9e10 !important;
}

body.modo-escuro .alert-success {
  background-color: rgba(34, 197, 94, 0.15) !important;
  border-color: rgba(34, 197, 94, 0.3) !important;
  color: #4ade80 !important;
}

body.modo-escuro .alert-error {
  background-color: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #f87171 !important;
}

/* saebrmais*/

body.modo-escuro .email-fake-card,
body.modo-escuro .email-body {
  background: #1e1e1e !important;
  border-color: #333 !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .email-fake-card::before {
  background: #2a2a2a !important;
  color: #94a3b8 !important;
  border-bottom-color: #333 !important;
}

body.modo-escuro .email-line {
  border-bottom-color: #333 !important;
  color: #cbd5e1 !important;
}

body.modo-escuro .email-line b {
  color: #ffffff !important;
}

body.modo-escuro .password-tester-box {
  background: #1e1e1e !important;
  border-color: #333 !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .password-tester-box input {
  background: #2a2a2a !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

body.modo-escuro .password-tester-box input:focus {
  border-color: var(--bright-green, #20c214) !important;
}

body.modo-escuro .termo-glossario {
  background: rgba(251, 191, 36, 0.15) !important;
  color: #fde047 !important;
}

body.modo-escuro .termo-glossario:hover::after {
  background: #e2e8f0 !important;
  color: #121212 !important;
}

body.modo-escuro .termo-glossario:hover::before {
  border-top-color: #e2e8f0 !important;
}

body.modo-escuro .btn-pdf-download {
  background-color: var(--bright-green, #20c214) !important;
  color: #121212 !important;
}

body.modo-escuro .btn-pdf-download:hover {
  background-color: #1a9e10 !important;
}

body.modo-escuro .doc-sidebar a:hover {
  background: #333 !important;
  color: #ffffff !important;
}

body.modo-escuro .active-doc {
  background: var(--bright-green, #20c214) !important;
  color: #121212 !important;
  font-weight: 800 !important;
}

/*guia emergencia */

body.modo-escuro .threat-emergencia {
  border-left: 5px solid #ef4444 !important;
}

body.modo-escuro .threat-mitigacao {
  border-left: 5px solid #9ca3af !important;
}

body.modo-escuro .threat-mitigacao:hover {
  border-left: 5px solid var(--bright-green, #20c214) !important;
}

body.modo-escuro .mode-btn {
  background: #1e1e1e !important;
  color: #e2e8f0 !important;
  border-color: #4b5563 !important;
}

body.modo-escuro .mode-btn:hover:not(.active) {
  background: #333 !important;
}

body.modo-escuro #btn-emergencia.active {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: white !important;
}

body.modo-escuro #btn-mitigacao.active {
  background: var(--bright-green, #20c214) !important;
  border-color: var(--bright-green, #20c214) !important;
  color: #121212 !important;
}

body.modo-escuro .passos-container {
  background: rgba(30, 30, 30, 0.6) !important;
  border-color: #333 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

body.modo-escuro .passos-header-wrapper {
  border-bottom-color: #333 !important;
}

body.modo-escuro .btn-fechar {
  background: #333 !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .btn-fechar:hover {
  background: #ef4444 !important;
  color: white !important;
}

body.modo-escuro #titulo-incidente {
  color: #f87171 !important;
}

body.modo-escuro #painel-passos.tema-verde #titulo-incidente {
  color: var(--bright-green, #20c214) !important;
}


body.modo-escuro .step-item {
  background: #1e1e1e !important;
  border-color: #333 !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .step-item:hover {
  background: #2a2a2a !important;
}

body.modo-escuro #painel-passos.tema-verde .step-item::before {
  background: var(--bright-green, #20c214) !important;
  color: #121212 !important;
  box-shadow: 0 4px 10px rgba(32, 194, 20, 0.3) !important;
}

body.modo-escuro .tag-green {
  background: rgba(32, 194, 20, 0.15) !important;
  color: var(--bright-green, #20c214) !important;
}

body.modo-escuro .tag-red {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
}


/* deteot ia */

body.modo-escuro .ia-card,
body.modo-escuro .ia-result-card {
  background: rgba(30, 30, 30, 0.6) !important;
  border-color: #333 !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
}

body.modo-escuro .ia-intro p,
body.modo-escuro .result-meta,
body.modo-escuro #list-motivos,
body.modo-escuro .result-motivos h3 {
  color: #e2e8f0 !important;
}

body.modo-escuro .ia-card>div[style*="absolute"] {
  background: #1e1e1e !important;
  color: #ffffff !important;
  border-color: #444 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

body.modo-escuro .ia-warning {
  background: rgba(250, 176, 5, 0.15) !important;
  border-color: rgba(250, 176, 5, 0.4) !important;
  color: #fde047 !important;
}

body.modo-escuro textarea {
  background: #1e1e1e !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

body.modo-escuro textarea:focus {
  border-color: var(--bright-green, #20c214) !important;
  box-shadow: 0 0 15px rgba(32, 194, 20, 0.2) !important;
}

body.modo-escuro .btn-ai-glow {
  background: var(--bright-green, #20c214) !important;
  color: #121212 !important;
}

body.modo-escuro .btn-ai-glow:hover {
  background: #1a9e10 !important;
}

body.modo-escuro .risk-alto {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
}

body.modo-escuro .risk-medio {
  background: rgba(202, 138, 4, 0.15) !important;
  color: #fde047 !important;
}

body.modo-escuro .risk-baixo {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #4ade80 !important;
}

body.modo-escuro .result-conselho {
  background: #1e1e1e !important;
  color: #cbd5e1 !important;
  border-left-color: var(--bright-green, #20c214) !important;
}

body.modo-escuro .btn-reset {
  border-color: #444 !important;
  color: #94a3b8 !important;
}

body.modo-escuro .btn-reset:hover {
  background: #333 !important;
  color: white !important;
}


/* setup quiz */

body.modo-escuro .qs-container {
  background: rgba(30, 30, 30, 0.6) !important;
  border-color: #444 !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
}

body.modo-escuro .serif-title,
body.modo-escuro .qs-subtitle {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .qs-btn-retroceder {
  background: rgba(30, 30, 30, 0.8) !important;
  color: var(--d3-neve-pura, #ffffff) !important;
  border-color: #444 !important;
}

body.modo-escuro .qs-btn-retroceder:hover {
  background: #444 !important;
}

body.modo-escuro .qs-card-content {
  background: rgba(40, 40, 40, 0.8) !important;
  border-color: #555 !important;
}

body.modo-escuro .qs-card-content h3 {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .qs-card-content p {
  color: #a1a1aa !important;
}

body.modo-escuro .qs-modo-card input:checked+.qs-card-content {
  background: #1e1e1e !important;
  border-color: var(--d3-neon-leaf, #20c214) !important;
  box-shadow: 0 10px 20px rgba(32, 194, 20, 0.3) !important;
}

body.modo-escuro .qs-badge-xp {
  border-color: #1e1e1e !important;
  background: rgba(251, 191, 36, 0.15) !important;
  color: #fde047 !important;
}

body.modo-escuro .qs-temas-area {
  background: rgba(40, 40, 40, 0.6) !important;
}

body.modo-escuro .qs-temas-titulo {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .qs-pill-text {
  background: rgba(50, 50, 50, 0.8) !important;
  color: #cbd5e1 !important;
  border-color: #555 !important;
}

body.modo-escuro .qs-tema-pill input:checked+.qs-pill-text {
  background: var(--d3-neon-leaf, #20c214) !important;
  color: #121212 !important;
  border-color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .qs-aviso-erro {
  color: #f87171 !important;
}

body.modo-escuro .qs-btn-comecar {
  background: var(--d3-neon-leaf, #20c214) !important;
  color: #121212 !important;
}

body.modo-escuro .qs-btn-comecar:hover {
  background: #15803d !important;
  color: white !important;
}

/* quiz */

body.modo-escuro .btn-exit {
  background: rgba(30, 30, 30, 0.8) !important;
  color: var(--d3-neve-pura, #ffffff) !important;
  border-color: #444 !important;
}

body.modo-escuro .btn-exit:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
}

body.modo-escuro .progress-line {
  background: rgba(255, 255, 255, 0.1) !important;
}

body.modo-escuro .progress-dot {
  background: #333 !important;
  border-color: #555 !important;
}

body.modo-escuro .progress-dot.completed {
  background: var(--d3-neon-leaf, #20c214) !important;
  border-color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .progress-dot.active {
  background: var(--d3-neve-pura, #ffffff) !important;
  border-color: var(--d3-neon-leaf, #20c214) !important;
  box-shadow: 0 0 15px rgba(32, 194, 20, 0.5) !important;
}

body.modo-escuro .quiz-card {
  background: rgba(30, 30, 30, 0.6) !important;
  border-color: #444 !important;
}

body.modo-escuro .question-box {
  background: rgba(40, 40, 40, 0.8) !important;
  border-color: #555 !important;
}

body.modo-escuro .question-box h2 {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .counter-badge {
  background: #1e1e1e !important;
  color: #94a3b8 !important;
  border-color: #444 !important;
}

body.modo-escuro .option-btn {
  background: rgba(40, 40, 40, 0.8) !important;
  border-color: #555 !important;
}

body.modo-escuro .option-text {
  color: #e2e8f0 !important;
}

body.modo-escuro .option-letter {
  background: #1e1e1e !important;
  color: #94a3b8 !important;
}

body.modo-escuro .option-btn:hover {
  background: #1e1e1e !important;
  border-color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .option-btn:hover .option-text {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .option-btn:hover .option-letter {
  background: var(--d3-neon-leaf, #20c214) !important;
  color: #121212 !important;
}

body.modo-escuro .caixa-dica {
  background: rgba(251, 191, 36, 0.1) !important;
  border-left-color: #f59e0b !important;
  color: #fcd34d !important;
}

body.modo-escuro .popup-card {
  background: #1e1e1e !important;
  border-color: #444 !important;
}

body.modo-escuro .popup-title {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .popup-text {
  color: #cbd5e1 !important;
}

body.modo-escuro .ler-mais-container a {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .ler-mais-container a:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

body.modo-escuro .btn-continue {
  background: var(--d3-neon-leaf, #20c214) !important;
  color: #121212 !important;
}

body.modo-escuro .btn-continue:hover {
  background: #15803d !important;
  color: #ffffff !important;
}


/* quiz final */

body.modo-escuro .rf-card {
  background: rgba(30, 30, 30, 0.6) !important;
  border-color: #444 !important;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5) !important;
}

body.modo-escuro .rf-titulo,
body.modo-escuro .rf-label,
body.modo-escuro .rf-score-num,
body.modo-escuro .rf-feedback,
body.modo-escuro .rf-link-home {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .rf-score-total {
  color: rgba(255, 255, 255, 0.3) !important;
}

body.modo-escuro .rf-badge-escudo {
  border-color: #1e1e1e !important;
}

body.modo-escuro .rf-xp-info {
  border-top-color: rgba(255, 255, 255, 0.2) !important;
}

body.modo-escuro .rf-xp-info p[style*="color: var(--d3-verde-noite)"] {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .rf-xp-info p[style*="color: #4b5563"],
body.modo-escuro .rf-xp-info p[style*="color: #6b7280"] {
  color: #cbd5e1 !important;
}

body.modo-escuro .xp-progress-wrapper>div {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

body.modo-escuro .rf-link-home {
  border-color: #555 !important;
}

body.modo-escuro .rf-link-home:hover {
  background-color: #333 !important;
  color: #ffffff !important;
}


/* perfil */

body.modo-escuro .perf-cartao-id,
body.modo-escuro .perf-info-box,
body.modo-escuro .perf-conquistas-box,
body.modo-escuro .perf-bloco-metrica {
  background: rgba(30, 30, 30, 0.6) !important;
  backdrop-filter: blur(15px) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4) !important;
}

body.modo-escuro .perf-bloco-metrica.destaque {
  background: var(--p-primaria, #254d1a) !important;
}

body.modo-escuro .perf-dado-grupo.box-style {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.modo-escuro .perf-dado-grupo.box-style:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

body.modo-escuro .perf-nome-utilizador,
body.modo-escuro .perf-dado-label,
body.modo-escuro .perf-dado-valor,
body.modo-escuro .perf-global-label,
body.modo-escuro .perf-global-xp,
body.modo-escuro .perf-bloco-metrica h3,
body.modo-escuro .perf-info-titles h3,
body.modo-escuro .conquistas-header h3,
body.modo-escuro .medalha-nome,
body.modo-escuro .sem-medalhas {
  color: #ffffff !important;
}

body.modo-escuro .perf-info-titles p {
  color: #aaaaaa !important;
}

body.modo-escuro .perf-link-historico {
  color: #ffffff !important;
}

body.modo-escuro .perf-link-historico:hover {
  color: var(--p-acento, #20c214) !important;
}

body.modo-escuro .perf-info-icon {
  background: rgba(32, 194, 20, 0.2) !important;
}

body.modo-escuro .perf-info-divider {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

body.modo-escuro .perf-medalha {
  text-shadow: none !important;
}

body.modo-escuro .perf-btn-retroceder {
  background: rgba(30, 30, 30, 0.8) !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

body.modo-escuro .perf-btn-retroceder:hover {
  background: #444 !important;
}

body.modo-escuro .inline-edit-btn {
  color: #ffffff !important;
}

body.modo-escuro .inline-edit-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--p-acento, #20c214) !important;
}

body.modo-escuro .medalha-card {
  background: linear-gradient(145deg, rgba(50, 50, 50, 0.8), rgba(20, 20, 20, 0.9)) !important;
  border-color: #ca8a04 !important;
}

body.modo-escuro .modal-content {
  background: #1e1e1e !important;
  border: 1px solid #333 !important;
  color: #ffffff !important;
}

body.modo-escuro .modal-content h3 {
  color: #ffffff !important;
}

body.modo-escuro .close-modal {
  color: #94a3b8 !important;
}

body.modo-escuro .close-modal:hover {
  color: #ffffff !important;
}

body.modo-escuro .upload-section .btn-dashboard {
  color: var(--p-acento, #20c214) !important;
  background: rgba(32, 194, 20, 0.1) !important;
}

body.modo-escuro #modal-titulo-dinamico {
  color: var(--p-acento, #20c214) !important;
}

body.modo-escuro .campo-edicao-dinamico input {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

body.modo-escuro .campo-edicao-dinamico input:focus {
  border-color: var(--p-acento, #20c214) !important;
}

body.modo-escuro .avatar-option p[style*="color"] {
  color: #cbd5e1 !important;
}

body.modo-escuro .divider {
  color: #94a3b8 !important;
}

body.modo-escuro .divider::before,
body.modo-escuro .divider::after {
  background: #444 !important;
}

/* historico */
body.modo-escuro .btn-voltar {
  background: rgba(30, 30, 30, 0.8) !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

body.modo-escuro .btn-voltar:hover {
  background: #444 !important;
}

body.modo-escuro .hist-titulo {
  color: #ffffff !important;
}

body.modo-escuro .hist-card {
  background: rgba(30, 30, 30, 0.6) !important;
  border-color: #444 !important;
}

body.modo-escuro .hist-vazio {
  background: rgba(30, 30, 30, 0.6) !important;
  border-color: #444 !important;
}

body.modo-escuro .hist-vazio p {
  color: #ffffff !important;
}

body.modo-escuro .hist-data,
body.modo-escuro .hist-stat-val {
  color: #ffffff !important;
}

body.modo-escuro .hist-stat-label {
  color: #94a3b8 !important;
  opacity: 0.9 !important;
}

body.modo-escuro .hist-circulo-progresso {
  background: radial-gradient(closest-side, #1e1e1e 79%, transparent 80% 100%),
    conic-gradient(var(--d3-neon-leaf, #20c214) calc(var(--percent) * 1%), #333 0) !important;
}

body.modo-escuro .hist-circulo-progresso span:first-child {
  color: #ffffff !important;
}

body.modo-escuro .hist-stats strong[style*="color: var(--d3-verde-noite)"] {
  color: #ffffff !important;
}

body.modo-escuro .detalhe-info {
  background: rgba(0, 0, 0, 0.3) !important;
}

body.modo-escuro .detalhe-pergunta,
body.modo-escuro .detalhe-info p,
body.modo-escuro .explicacao-box p {
  color: #ffffff !important;
}

body.modo-escuro .explicacao-box {
  background: rgba(255, 255, 255, 0.05) !important;
  border-left-color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .phish-zone[data-is-phishing="true"] {
  background-color: rgba(239, 68, 68, 0.2) !important;
  color: #f87171 !important;
}

/*quiz historico*/

body.modo-escuro .hist-card.border-correto {
  border-color: var(--d3-neon-leaf, #20c214) !important;
  box-shadow: 0 10px 30px rgba(32, 194, 20, 0.15) !important;
}

body.modo-escuro .hist-card.border-errado {
  border-color: #f87171 !important;
  box-shadow: 0 10px 30px rgba(239, 68, 68, 0.15) !important;
}

body.modo-escuro .hist-icon {
  font-weight: 900 !important;
  color: #ffffff !important;
}

body.modo-escuro .badge-escolha {
  background-color: #334155 !important;
  color: #ffffff !important;
}

body.modo-escuro .badge-certa {
  background-color: rgba(32, 194, 20, 0.2) !important;
  color: var(--d3-neon-leaf, #20c214) !important;
  border: 1px solid var(--d3-neon-leaf, #20c214);
}

body.modo-escuro .hist-container .hist-card[style*="background: white"] {
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .hist-container .hist-card>div[style*="background: #f3f4f6"] {
  background: #262626 !important;
  border-bottom-color: #404040 !important;
}

body.modo-escuro .hist-container .hist-card p[style*="color: #6b7280"] {
  color: #a3a3a3 !important;
}

body.modo-escuro .badge-escolha[style*="background: #fee2e2"] {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
}

body.modo-escuro .badge-escolha[style*="background: #dcfce7"] {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #4ade80 !important;
}

body.modo-escuro .hist-container .hist-card div[style*="font-family"] {
  color: #e2e8f0 !important;
}

body.modo-escuro .hist-container .hist-card div[style*="font-family"] a {
  color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .hist-tag[style*="background: #b45309"] {
  background: #78350f !important;
  color: #fde68a !important;
}

/*home2*/
body.modo-escuro {
  background-color: #121212 !important;
}

body.modo-escuro #content-wrapper,
body.modo-escuro .home-info-section {
  background-color: transparent !important;
}

body.modo-escuro .serif-title,
body.modo-escuro .hero-subtitle,
body.modo-escuro h2.serif-title[style*="color: #254d1a"] {
  color: #ffffff !important;
}

body.modo-escuro .header-pill-dashboard {
  background: rgba(30, 30, 30, 0.8) !important;
  border-color: #333 !important;
}

body.modo-escuro .btn-avatar-trigger[style*="background: #ffffff80"] {
  background: rgba(40, 40, 40, 0.8) !important;
  border-color: #555 !important;
}

body.modo-escuro .dropdown-menu {
  background: rgba(30, 30, 30, 0.95) !important;
  border-color: #444 !important;
}

body.modo-escuro .dropdown-username,
body.modo-escuro .dropdown-item {
  color: #e2e8f0 !important;
}

body.modo-escuro .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

body.modo-escuro .dropdown-label {
  color: #94a3b8 !important;
}

body.modo-escuro .divider {
  background: rgba(255, 255, 255, 0.1) !important;
}

body.modo-escuro .mission-panel {
  background: rgba(30, 30, 30, 0.8) !important;
  border-color: #333 !important;
}

body.modo-escuro .mission-task {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .mission-level {
  background: #333 !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .xp-bar-bg {
  background-color: #333 !important;
}

body.modo-escuro .mission-body p[style*="color: #6b7280"] {
  color: #a3a3a3 !important;
}

body.modo-escuro .btn-action-primary[style*="background: #e5e7eb"] {
  background: #333 !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .btn-action-primary[style*="background: #e5e7eb"]:hover {
  background: #444 !important;
  color: #ffffff !important;
}

body.modo-escuro .streak-side-panel {
  background: linear-gradient(to right, rgba(200, 70, 50, 0.2), rgba(200, 100, 50, 0.2)) !important;
  border-color: rgba(255, 126, 95, 0.2) !important;
}

body.modo-escuro .streak-side-dicas {
  background: #422006 !important;
  color: #fcd34d !important;
}

body.modo-escuro .ss-cp {
  background: #1e1e1e !important;
  border-color: #4b5563 !important;
  color: #9ca3af !important;
}

body.modo-escuro .mfa-achievement-alert.compact {
  background: rgba(200, 150, 0, 0.15) !important;
  border-color: rgba(200, 150, 0, 0.5) !important;
}

body.modo-escuro .section-divider .shape-fill {
  fill: #121212 !important;
}

body.modo-escuro .threat-item {
  background: #1e1e1e !important;
  border-color: #444 !important;
}

body.modo-escuro .threat-title {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .solution-banner {
  background: #1e1e1e !important;
  border: 1px solid #333 !important;
}

body.modo-escuro .sol-card {
  background: rgba(40, 40, 40, 0.8) !important;
  border-color: #555 !important;
}

body.modo-escuro .sol-card h3 {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .sol-card p {
  color: #cbd5e1 !important;
}

body.modo-escuro .solution-footer-text {
  color: #94a3b8 !important;
}

body.modo-escuro .toast-item {
  background: #1e1e1e !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

body.modo-escuro .toast-text {
  color: #ffffff !important;
}


body.modo-escuro .sim-container {
  background: rgba(30, 30, 30, 0.6) !important;
  border-color: #444 !important;
}

body.modo-escuro .sim-header h2 {
  color: var(--d3-neve-pura, #ffffff) !important;
}

body.modo-escuro .timer-container {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: #555 !important;
}

body.modo-escuro .email-display {
  background: #1e1e1e !important;
  border-color: #333 !important;
}

body.modo-escuro .email-header {
  background: #2a2a2a !important;
  border-bottom-color: #333 !important;
}

body.modo-escuro .email-header p {
  color: #94a3b8 !important;
}

body.modo-escuro .email-body {
  color: #e2e8f0 !important;
}

body.modo-escuro .email-body * {
  color: inherit !important;
}

body.modo-escuro .btn-decisao {
  background: #1e1e1e !important;
}

body.modo-escuro .btn-phish {
  border-color: #7f1d1d !important;
  box-shadow: 0 8px 0 #450a0a, 0 15px 20px rgba(0, 0, 0, 0.5) !important;
  color: #f87171 !important;
}

body.modo-escuro .btn-phish:hover {
  background: #450a0a !important;
  color: #ffffff !important;
}

body.modo-escuro .btn-safe {
  border-color: #14532d !important;
  box-shadow: 0 8px 0 #052e16, 0 15px 20px rgba(0, 0, 0, 0.5) !important;
  color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .btn-safe:hover {
  background: #052e16 !important;
  color: #ffffff !important;
}


/* simulador final */

body.modo-escuro .resumo-card[style] {
  background: rgba(30, 30, 30, 0.85) !important;
  border-color: #333 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6) !important;
}

body.modo-escuro .titulo[style] {
  color: var(--d3-neve-pura, #ffffff) !important;
  text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.9) !important;
}

body.modo-escuro .resultado-box[style*="#dcfce7"] {
  background: rgba(34, 197, 94, 0.15) !important;
  border-color: #22c55e !important;
}

body.modo-escuro .resultado-box[style*="#fef9c3"] {
  background: rgba(234, 179, 8, 0.15) !important;
  border-color: #eab308 !important;
}

body.modo-escuro .resultado-box[style*="#fee2e2"] {
  background: rgba(239, 68, 68, 0.15) !important;
  border-color: #ef4444 !important;
}

body.modo-escuro .resultado-box h2[style] {
  color: #ffffff !important;
}

body.modo-escuro .xp-box {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
  border-color: #334155 !important;
  box-shadow: 0 4px 0 #020617 !important;
}

body.modo-escuro .xp-box:hover {
  box-shadow: 0 6px 0 #020617, 0 10px 20px rgba(0, 0, 0, 0.4) !important;
}

body.modo-escuro .xp-box span {
  color: #94a3b8 !important;
}

body.modo-escuro .xp-box strong {
  color: #38bdf8 !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8) !important;
}

body.modo-escuro .alerta-levelup[style] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(217, 119, 6, 0.15) 100%) !important;
  color: #fde047 !important;
  border-color: #d97706 !important;
}

body.modo-escuro div[style*="#f8fafcef"] {
  background: rgba(40, 40, 40, 0.6) !important;
  border-color: #444 !important;
}

body.modo-escuro h3[style*="#1e293b"] {
  color: #ffffff !important;
}

body.modo-escuro #contador-emails[style] {
  background: #334155 !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .correcao-email h4[style] {
  color: #e2e8f0 !important;
  border-bottom-color: #444 !important;
}

body.modo-escuro .correcao-email div[style*="#ffffff"] {
  background: #1e1e1e !important;
  border-left-color: var(--d3-neon-leaf, #20c214) !important;
  color: #cbd5e1 !important;
}

body.modo-escuro .correcao-email span[style*="#fff7ed"] {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #fde047 !important;
  border-color: #d97706 !important;
}

body.modo-escuro .correcao-email p[style] {
  color: #e2e8f0 !important;
}

body.modo-escuro .correcao-email strong[style*="#16a34a"] {
  color: #4ade80 !important;
}

body.modo-escuro .correcao-email strong[style*="#dc2626"] {
  color: #f87171 !important;
}

body.modo-escuro .correcao-email strong[style*="#b45309"] {
  color: #fbbf24 !important;
}

body.modo-escuro .btn-voltar {
  background: #334155 !important;
  color: #e2e8f0 !important;
  box-shadow: 0 6px 0 #0f172a !important;
}

body.modo-escuro .btn-voltar:hover {
  background: #475569 !important;
  box-shadow: 0 8px 0 #0f172a !important;
  color: #f8fafc !important;
}

body.modo-escuro .btn-voltar:active {
  box-shadow: 0 2px 0 #0f172a !important;
}

body.modo-escuro #btn-ant[style] {
  background: #1e1e1e !important;
  border-color: #444 !important;
  color: #e2e8f0 !important;
}

body.modo-escuro #btn-ant:not(:disabled):hover {
  background: #333 !important;
}

body.modo-escuro .badge-phishing {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: #fca5a5 !important;
  border-color: #ef4444 !important;
}

body.modo-escuro .badge-seguro {
  background-color: rgba(34, 197, 94, 0.15) !important;
  color: #86efac !important;
  border-color: #22c55e !important;
}

body.modo-escuro .correcao-email .phish-zone[data-is-phishing="true"] {
  background-color: rgba(239, 68, 68, 0.2) !important;
  color: #fca5a5 !important;
}

body.modo-escuro .quantity-selector div[style*="background: white"] {
  background: #1e1e1e !important;
  border-color: #444 !important;
}

body.modo-escuro .quantity-selector span[style*="color: var(--d3-verde-noite)"],
body.modo-escuro .quantity-selector button[style*="color: var(--d3-verde-noite)"],
body.modo-escuro .checkbox-container span[style*="color: var(--d3-verde-noite)"] {
  color: #e2e8f0 !important;
}

body.modo-escuro .quantity-selector input {
  color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .qs-badge-xp-inline {
  border-color: transparent !important;
  background: rgba(251, 191, 36, 0.15) !important;
  color: #fde047 !important;
}


/*simulador*/
body.modo-escuro .sim-pill {
  background: rgba(30, 30, 30, 0.6) !important;
  color: var(--d3-neve-pura, #ffffff) !important;
  border-color: #444 !important;
}

body.modo-escuro .sim-pill:hover {
  background: #333 !important;
}

body.modo-escuro .sim-progress-panel {
  background: #1e1e1e !important;
  color: #cbd5e1 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

body.modo-escuro .sim-progress-panel .contador {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #f87171 !important;
}

body.modo-escuro .sim-browser-top {
  background: #2a2a2a !important;
}

body.modo-escuro .sim-url-bar {
  background: #1e1e1e !important;
  color: #94a3b8 !important;
}

body.modo-escuro .sim-url-bar span[style*="color: #1f2937"] {
  color: #e2e8f0 !important;
}

body.modo-escuro .sim-email-body {
  background: #1e1e1e !important;
  color: #e2e8f0 !important;
}

body.modo-escuro .sim-email-header {
  border-bottom-color: #333 !important;
}

body.modo-escuro .sim-email-header span.assunto {
  color: #ffffff !important;
}

body.modo-escuro .sim-email-content * {
  color: inherit !important;
}

body.modo-escuro .phish-zone:hover {
  background-color: rgba(250, 204, 21, 0.1) !important;
  border-color: rgba(250, 204, 21, 0.4) !important;
}

body.modo-escuro .phish-zone.selecionada {
  background-color: rgba(245, 158, 11, 0.15) !important;
  border-color: #f59e0b !important;
  color: #fcd34d !important;
}

/*leaderboard*/

body.modo-escuro .lb-btn-retroceder {
  background: rgba(30, 30, 30, 0.8) !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

body.modo-escuro .lb-btn-retroceder:hover {
  background: #444 !important;
}

body.modo-escuro .lb-title {
  color: #ffffff !important;
}

body.modo-escuro .lb-desc {
  color: #cbd5e1 !important;
}

body.modo-escuro .lb-tabs {
  background: rgba(30, 30, 30, 0.8) !important;
  border: 1px solid #444 !important;
}

body.modo-escuro .lb-tab-btn {
  color: #94a3b8 !important;
}

body.modo-escuro .lb-tab-btn.active {
  background: var(--d3-neon-leaf, #20c214) !important;
  color: #121212 !important;
}

body.modo-escuro .lb-card {
  background: rgba(30, 30, 30, 0.6) !important;
  border-color: #444 !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5) !important;
}

body.modo-escuro .lb-podium {
  background: linear-gradient(180deg, rgba(32, 194, 20, 0.1) 0%, transparent 100%) !important;
}

body.modo-escuro .lb-row {
  background: rgba(40, 40, 40, 0.8) !important;
  border: 1px solid transparent !important;
}

body.modo-escuro .lb-row:hover {
  background: rgba(50, 50, 50, 0.9) !important;
  border-color: #555 !important;
}

body.modo-escuro .lb-row.is-me {
  background: rgba(32, 194, 20, 0.15) !important;
  border-color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .lb-you-badge {
  background: var(--d3-neon-leaf, #20c214) !important;
  color: #121212 !important;
}


/*reset pass */

body.modo-escuro .modulo-login p[style*="color: white"],
body.modo-escuro .modulo-login p[style*="color: #ffffff"],
body.modo-escuro .modulo-login p[style*="color:white"] {
  color: #cbd5e1 !important;
}

body.modo-escuro .modulo-login div[style*="background: #254d1a"] {
  background: rgba(37, 77, 26, 0.4) !important;
  border-color: var(--d3-neon-leaf, #20c214) !important;
}

body.modo-escuro .modulo-login div[style*="background: #254d1a"] p {
  color: #ffffff !important;
}

/*nova pass */


body.modo-escuro .custom-form-inputs input {
  background: rgba(0, 0, 0, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}


body.modo-escuro .custom-form-inputs input:focus {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: var(--d3-neon-leaf, #20c214) !important;
  box-shadow: 0 0 12px rgba(32, 194, 20, 0.2) !important;
}

body.modo-escuro .custom-form-inputs input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

body.modo-escuro .custom-form-inputs ul {
  color: #cbd5e1 !important;
}

body.modo-escuro .custom-form-inputs ul li {
  font-size: 0.85rem;
  margin-bottom: 4px;
}

body.modo-escuro .etiqueta-input {
  color: #ffffff !important;
  font-weight: 700;
}


/*mfa */


body.modo-escuro .caixa-texto-protege {
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

body.modo-escuro .caixa-texto-protege:focus {
  background: rgba(0, 0, 0, 0.6) !important;
  border-color: var(--d3-neon-leaf, #20c214) !important;
  box-shadow: 0 0 15px rgba(32, 194, 20, 0.3) !important;
  outline: none !important;
}

body.modo-escuro .caixa-texto-protege::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

body.modo-escuro .header-pill,
body.modo-escuro .security-card {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

body.modo-escuro .header-pill,
body.modo-escuro .title {
  color: #ffffff !important;
}

body.modo-escuro .description {
  color: #cbd5e1 !important;

}

body.modo-escuro .qr-container {
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
}

body.modo-escuro .token-input {
  background: rgba(0, 0, 0, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

body.modo-escuro .token-input:focus {
  border-color: var(--d3-neon-leaf, #20c214) !important;
  box-shadow: 0 0 15px rgba(32, 194, 20, 0.3) !important;
}

body.modo-escuro .token-input::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

body.modo-escuro .btn-secondary {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

body.modo-escuro .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

body.modo-escuro .back-link {
  color: #cbd5e1 !important;
}

body.modo-escuro .back-link:hover {
  color: #ffffff !important;
}

body.modo-escuro .error-msg {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #fca5a5 !important;
  border-color: #ef4444 !important;
}

body.modo-escuro .toast-success {
  background-color: rgba(22, 101, 52, 0.9) !important;
  color: #bbf7d0 !important;
}

body.modo-escuro .toast-error {
  background-color: rgba(153, 27, 27, 0.9) !important;
  color: #fecaca !important;
}

body.modo-escuro .header-pill,
body.modo-escuro .security-card {
  background: rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

body.modo-escuro .header-pill,
body.modo-escuro .security-card .title {
  color: #ffffff !important;
}

body.modo-escuro .description {
  color: #cbd5e1 !important;
}


body.modo-escuro .btn-danger {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #ff8080 !important;

  border-color: #ff4d4d !important;
}

body.modo-escuro .btn-danger:hover {
  background: #ff4d4d !important;
  color: #ffffff !important;
}


body.modo-escuro .back-link {
  color: #cbd5e1 !important;
}

body.modo-escuro .back-link:hover {
  color: #ffffff !important;
}


body.modo-escuro .modal-card {
  background: rgba(30, 30, 30, 0.95) !important;
  border-color: #ff4d4d !important;
  box-shadow: 0 15px 50px rgba(255, 77, 77, 0.15) !important;
}

body.modo-escuro .modal-card .title {
  color: #ff8080 !important;
}

body.modo-escuro .mfa-instrucao {
  color: #cbd5e1 !important;
}


body.modo-escuro .mfa-code-input {
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

body.modo-escuro .mfa-code-input:focus {
  border-color: #ff4d4d !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0 0 0 4px rgba(255, 77, 77, 0.2) !important;
}

body.modo-escuro .mfa-code-input::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

body.modo-escuro .footer-pill {
  background: rgba(30, 30, 30, 0.85);
  color: #d1d5db;
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

body.modo-escuro .footer-pill .footer-brand {
  color: var(--bright-green, #20c214);
}