/* Camada final de contraste: protege superfícies e tipografia nos dois temas. */

/* A regra antiga de app.css era genérica para qualquer <header>. Cabeçalhos
   dentro do conteúdo não são a barra de comando e não devem virar um card. */
.saas-shell .akaza-main header {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html:not(.akaza-dark) .saas-shell main [class*="bg-slate-950/"],
html:not(.akaza-dark) .saas-shell main [class*="bg-slate-900/"],
html:not(.akaza-dark) .saas-shell main [class*="bg-slate-800/"],
html:not(.akaza-dark) .saas-shell main [class*="bg-slate-700/"] {
  background: rgba(255, 255, 252, .94) !important;
  border-color: #d5e2d7 !important;
  box-shadow: 0 12px 28px rgba(23, 55, 43, .07) !important;
}

html:not(.akaza-dark) .saas-shell main [class*="bg-emerald-950/"],
html:not(.akaza-dark) .saas-shell main [class*="bg-emerald-900/"] {
  background: #effbf1 !important;
  border-color: #b9ddc0 !important;
}

html:not(.akaza-dark) .saas-shell main [class*="bg-amber-950/"],
html:not(.akaza-dark) .saas-shell main [class*="bg-amber-900/"] {
  background: #fff8e6 !important;
  border-color: #ead39a !important;
}

html:not(.akaza-dark) .saas-shell main [class*="bg-rose-950/"],
html:not(.akaza-dark) .saas-shell main [class*="bg-rose-900/"] {
  background: #fff3f1 !important;
  border-color: #efc2bc !important;
}

/* Os tons 300/400 são próprios de fundos escuros no Tailwind. No modo claro,
   recebem equivalentes escuros para que badges e mensagens atinjam contraste útil. */
html:not(.akaza-dark) .saas-shell main .text-emerald-300,
html:not(.akaza-dark) .saas-shell main .text-emerald-400 { color: #087a49 !important; }
html:not(.akaza-dark) .saas-shell main .text-amber-200,
html:not(.akaza-dark) .saas-shell main .text-amber-300,
html:not(.akaza-dark) .saas-shell main .text-amber-400 { color: #865606 !important; }
html:not(.akaza-dark) .saas-shell main .text-rose-300,
html:not(.akaza-dark) .saas-shell main .text-rose-400 { color: #b4233f !important; }
html:not(.akaza-dark) .saas-shell main .text-sky-300,
html:not(.akaza-dark) .saas-shell main .text-sky-400 { color: #086b95 !important; }

html:not(.akaza-dark) .wa-page-intro .wa-eyebrow,
html:not(.akaza-dark) .wa-page-intro .wa-section-kicker { color: #147747 !important; }
html.akaza-dark .wa-page-intro .wa-eyebrow,
html.akaza-dark .wa-page-intro .wa-section-kicker { color: #9be5ad !important; }

@media (prefers-contrast: more) {
  .saas-shell main :focus-visible {
    outline: 3px solid #78dc50 !important;
    outline-offset: 3px;
  }
}