/* Fórmula IA — cor da marca #007A99 no lugar do azul do Mautic. Gerado em 2026-09-11. */
:root:root:root:root:root {
  --primary-10: #f0f7f9 !important;
  --primary-20: #d4e9ee !important;
  --primary-30: #8cc3d1 !important;
  --primary-40: #5daabe !important;
  --primary-50: #2c91ab !important;
  --primary-60: #007a99 !important;
  --primary-70: #006078 !important;
  --primary-80: #004557 !important;
  --primary-90: #002b36 !important;
  --primary-100: #001015 !important;
  --accent01: #007A99 !important;
}
:root:root:root[theme=solarized-light] {
  --background-brand: #007a99 !important;
  --border-interactive: #007a99 !important;
  --link-primary: #007a99 !important;
  --link-primary-hover: #006078 !important;
  --icon-interactive: #007a99 !important;
  --button-primary: #007a99 !important;
  --button-primary-hover: #006078 !important;
  --button-primary-active: #004557 !important;
  --button-tertiary: #007a99 !important;
  --button-tertiary-hover: #006078 !important;
  --button-tertiary-active: #004557 !important;
  --notification-action-tertiary-inverse: #007a99 !important;
  --focus: #007a99 !important;
  --interactive: #007a99 !important;
  --support-info: #007a99 !important;
  --label-color-blue: #007a99 !important;
  --label-background-primary: #007a99 !important;
  --label-background-hover-primary: #006078 !important;
  --label-border-primary: #004557 !important;
  --label-background-brand: #d4e9ee !important;
  --label-color-brand: #007a99 !important;
  --label-background-hover-brand: #8cc3d1 !important;
  --label-border-brand: #5daabe !important;
}
:root:root:root[theme=solarized-dark] {
  --background-brand: #007a99 !important;
  --border-interactive: #007a99 !important;
  --link-primary: #007a99 !important;
  --icon-interactive: #007a99 !important;
  --button-primary: #007a99 !important;
  --button-tertiary: #007a99 !important;
  --focus-inverse: #007a99 !important;
  --interactive: #007a99 !important;
  --support-info-inverse: #007a99 !important;
  --label-border-purple: #007a99 !important;
  --label-background-blue: #007a99 !important;
}
.app-sidebar.sidebar-left .sidebar-header, .app-sidebar.sidebar-left .sidebar-footer {
  background-color: #007A99 !important;
}
.accordion-heading:focus {
  box-shadow: 0 -1px 0 0 var(--focus, #007A99), inset 0 1px 0 0 var(--focus, #007A99), inset 2px 0 0 0 var(--focus, #007A99), 0 1px 0 0 var(--focus, #007A99), inset 0 -1px 0 0 var(--focus, #007A99), inset -2px 0 0 0 var(--focus, #007A99) !important;
}
.tile.tile--clickable:focus, .tile.tile--selectable:focus, .tile.tile--expandable:focus {
  outline: 2px solid var(--focus, #007A99) !important;
}
.tile.tile--clickable .tile-icon {
  color: var(--icon-interactive, #007A99) !important;
}
.tile .tile-icon {
  fill: var(--icon-interactive, #007A99) !important;
}
.toggle__label:focus .toggle__switch, .toggle:not(.toggle--disabled):not(:has(.disabled)):active .toggle__switch {
  box-shadow: 0 0 0 1px var(--focus-inset, #ffffff), 0 0 0 3px var(--focus, #007A99) !important;
}
.toolbar--batch-summary {
  background-color: var(--background-brand, #007A99) !important;
}
.header__action:focus {
  border-color: var(--focus, #007A99) !important;
}
a.header__name:focus {
  border-color: var(--focus, #007A99) !important;
}
a.header__menu-item:focus {
  border-color: var(--focus, #007A99) !important;
}
a.header__menu-item[aria-current=page]::after, .header__menu-item--current::after {
  background-color: var(--border-interactive, #007A99) !important;
}
.header__submenu .header__menu a.header__menu-item[aria-current=page]::after, .header__submenu .header__menu .header__menu-item--current::after {
  background-color: var(--border-interactive, #007A99) !important;
}
.header__submenu .header__menu a.header__menu-item[aria-current=page]:focus::after, .header__submenu .header__menu .header__menu-item--current:focus::after {
  background-color: var(--border-interactive, #007A99) !important;
}
a.header__menu-item[aria-current=page]:focus, a.header__menu-item.header__menu-item--current:focus {
  border: 2px solid var(--focus, #007A99) !important;
}
.skip-to-content:focus {
  border: 4px solid var(--focus, #007A99) !important;
}

/* Logos Fórmula IA — topo do painel (48px de altura) */
.mautic-brand .formula-logo { height: 28px; width: auto; margin-top: 10px; display: inline-block; }
.mautic-brand .formula-logo--escuro { display: none; }
:root[theme=dark] .mautic-brand .formula-logo--claro,
:root[theme=solarized-dark] .mautic-brand .formula-logo--claro,
:root[theme=dark-freire] .mautic-brand .formula-logo--claro { display: none; }
:root[theme=dark] .mautic-brand .formula-logo--escuro,
:root[theme=solarized-dark] .mautic-brand .formula-logo--escuro,
:root[theme=dark-freire] .mautic-brand .formula-logo--escuro { display: inline-block; }
/* Símbolo no topo do celular; nos temas escuros ganha fundo branco, porque o desenho é escuro */
.mautic-brand .formula-simbolo { width: 32px; height: 32px; margin-top: 8px; border-radius: 6px; }
:root[theme=dark] .mautic-brand .formula-simbolo,
:root[theme=solarized-dark] .mautic-brand .formula-simbolo,
:root[theme=dark-freire] .mautic-brand .formula-simbolo { background: #ffffff; padding: 2px; }
/* Tela de login */
.formula-login-logo img { width: 300px; max-width: 100%; height: auto; margin: 8px auto 16px; display: block; }

/* Solarizado escuro: hover/active dos botões e links usavam ciano/violeta do tema */
:root:root:root[theme=solarized-dark] {
  --link-primary-hover: #2c91ab !important;
  --button-primary-hover: #006078 !important;
  --button-primary-active: #004557 !important;
  --button-tertiary-hover: #006078 !important;
  --button-tertiary-active: #004557 !important;
}

/* O Mautic estiliza toda <img> do topo como avatar (28x28, redonda) — desfaz isso para os logos */
#app-header.navbar .navbar-nocollapse .navbar-nav .mautic-brand img.formula-logo {
  width: auto !important; min-width: 0 !important; max-width: none !important; height: 28px !important;
  aspect-ratio: auto !important; border-radius: 0 !important;
}
#app-header.navbar .navbar-nocollapse .navbar-nav .mautic-brand img.formula-simbolo {
  width: 32px !important; min-width: 32px !important; max-width: none !important; height: 32px !important;
  aspect-ratio: 1 / 1 !important; border-radius: 6px !important;
}
#app-header.navbar .navbar-nocollapse .navbar-nav .brand-logo--desktop.mautic-brand { width: auto !important; }

/* Respiro em volta dos logos (ajuste de 2026-09-11): topo com 12px acima/abaixo e folga lateral; login menor */
#app-header.navbar .navbar-nocollapse .navbar-nav .mautic-brand img.formula-logo { height: 24px !important; margin: 12px 0 !important; }
#app-header.navbar .navbar-nocollapse .navbar-nav .brand-logo--desktop.mautic-brand { padding-left: 24px !important; padding-right: 32px !important; }
#app-header.navbar .navbar-nocollapse .navbar-nav .mautic-brand img.formula-simbolo { width: 28px !important; min-width: 28px !important; height: 28px !important; margin: 10px 0 !important; }
#app-header.navbar .navbar-nocollapse .navbar-nav .brand-logo--mobile.mautic-brand { padding-left: 8px !important; padding-right: 12px !important; }
.formula-login-logo img { width: 230px !important; margin: 20px auto 28px !important; }