html[data-color-mode="dark"] {
  --incrivel-bg: #0f121a;
  --incrivel-border: #2a2f3a;
  --incrivel-bgColor: #f3f4f6;
  --incrivel-bgLink: #f9fafb;
  --incrivel-bgLinkHover: #ffffff;
  --incrivel-rgba: 255, 255, 255;
  --incrivel-rgbaInvert: 255, 255, 255;
  --incrivel-formBg: #1c2330;
  --incrivel-formBgHover: #252f42;
  --incrivel-formBgHoverColor: #ffffff;
  --incrivel-formBorder: #374151;
  --incrivel-formColor: #f9fafb;
  --incrivel-cardBg: #181f2b;
  --incrivel-cardColor: #f3f4f6;
  --incrivel-cardLink: #f9fafb;
  --incrivel-modalBg: #111827;
  --incrivel-modalBorder: #374151;
  --incrivel-modalColor: #f9fafb;
  --incrivel-primaria: #111827;
  --incrivel-primariaColor: #e5e7eb;
  --incrivel-primariaLink: #ffffff;
  --incrivel-primariaLinkHover: #ffffff;
  --incrivel-primariaDarken: #0b1323;
  --incrivel-primariaDarkenColor: #f9fafb;
  --incrivel-primariaDarkenLink: #ffffff;
  --incrivel-primariaDarkenLinkHover: #ffffff;
}

html[data-color-mode="dark"] .landing-page {
  --landing-canvas-text: #f3f4f6;
  --landing-canvas-text-muted: rgba(255, 255, 255, 0.72);
  --landing-surface: #111827;
  --landing-surface-text: #f3f4f6;
  --landing-surface-text-muted: #d1d5db;
  --landing-surface-border: rgba(255, 255, 255, 0.16);
  --landing-surface-link: #86efac;
  --landing-surface-link-hover: #bbf7d0;
}

.header-app-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 0;
}

.header-app-logo {
  flex: 1;
  text-align: center;
}

.header-app-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-app-actions .app-bar-action {
  padding: 0 !important;
  min-width: 42px;
}

.header-app-actions .app-bar-action .suporte {
  line-height: 1.1;
}

.header-app-header.campanha .header-app-actions .app-bar-action .opacity-50 {
  opacity: 1 !important;
}

@media (max-width: 420px) {
  .header-app-actions {
    gap: 8px;
  }
}