/* Ícone da campanha no topo. Aparece mesmo com o tema desligado. */
.campanha-toggle {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  cursor: pointer;
}

.campanha-toggle.is-on {
  color: #fff;
}

.campanha-fitas {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 9000;
}

.campanha-fita {
  position: absolute;
  animation-name: campanhaFitaCai;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes campanhaFitaCai {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  100% {
    transform: translate3d(var(--fita-x, 0px), 115vh, 0) rotate(var(--fita-giro, 24deg));
    opacity: 0.2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .campanha-fita,
  .campanha-toggle--tour {
    animation: none;
  }
}

.campanha-toggle--tour {
  position: relative;
  z-index: 1201;
  animation: campanhaTourPulso 1.4s ease-in-out infinite;
}

@keyframes campanhaTourPulso {
  0%, 100% {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--campanha-cor, #C2185B) 45%, transparent);
  }
  50% {
    box-shadow: 0 0 0 10px color-mix(in srgb, var(--campanha-cor, #C2185B) 18%, transparent);
  }
}

.campanha-tour {
  position: fixed;
  z-index: 1200;
  width: min(260px, calc(100vw - 24px));
  padding: 0.85rem 0.95rem;
  border-radius: 14px;
  background: #fff;
  color: #1e293b;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.28);
}

.campanha-tour p {
  margin: 0 0 0.65rem;
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.4;
}

.campanha-tour__dispensar {
  border: 0;
  background: transparent;
  padding: 0;
  font-weight: 800;
  font-size: 0.78rem;
  cursor: pointer;
}

[data-campanha-mural] {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.campanha-mural__bloco {
  display: flex;
  flex-direction: column;
  flex: 1;
  cursor: pointer;
  outline: none;
}

.campanha-mural__mais {
  margin-top: 0.75rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.campanha-mural__detalhes {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.65rem;
}

.campanha-mural__detalhes p {
  margin: 0;
}

#cardCampanhas.campanha-card--destaque {
  outline: 2px solid var(--campanha-cor, #C2185B);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--campanha-cor, #C2185B) 25%, transparent);
}

/* Outubro Rosa: só vale com html.outubro-rosa. Status, alerta e etapas do kanban ficam nas cores originais. */
html.outubro-rosa {
  --rosa: #C2185B;
  --rosa-medio: #E91E63;
  --rosa-claro: #F48FB1;
  --rosa-fundo: #FDF2F6;
  --primary: #C2185B;
  --primary-color: #C2185B;
  --primary-dark: #9B1248;
  --primary-hover: #9B1248;
  --primary-light: #FDE7EF;
  --secondary: #E91E63;
  --accent: #F48FB1;
  --azul-escuro: #C2185B;
  --azul-claro: #E91E63;
  --gradient-primary: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
  --primary-gradient: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
  --cot-azul: #C2185B;
  --cot-azul-hover: #9B1248;
  --cot-accent: #C2185B;
  --settings-azul: #C2185B;
  --settings-azul-hover: #9B1248;
  --settings-azul-claro: #E91E63;
  --settings-gradient: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
  --sidebar-bg: #C2185B;
  --accent-hover: #9B1248;
  --accent-dim: rgba(194, 24, 91, 0.08);
  --accent-border: rgba(194, 24, 91, 0.22);
  --accent-glow: rgba(194, 24, 91, 0.25);
  --nb-azul: #C2185B;
  --nb-azul-hover: #9B1248;
  --nb-gradient: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
  --av360-azul: #C2185B;
  --av360-azul-hover: #9B1248;
  --av360-azul-claro: #E91E63;
  --av360-gradient: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
  --bs-primary: #C2185B;
  --bs-primary-rgb: 194, 24, 91;
  --bs-link-color: #C2185B;
  --bs-link-hover-color: #9B1248;
  --primary-mid: #E91E63;
  --acao: #C2185B;
  --gradiente: linear-gradient(135deg, #C2185B 0%, #E91E63 55%, #F48FB1 100%);
}

html.outubro-rosa .btn-primary {
  --bs-btn-bg: #C2185B;
  --bs-btn-border-color: #C2185B;
  --bs-btn-hover-bg: #9B1248;
  --bs-btn-hover-border-color: #9B1248;
  --bs-btn-active-bg: #9B1248;
  --bs-btn-active-border-color: #9B1248;
  --bs-btn-disabled-bg: #C2185B;
  --bs-btn-disabled-border-color: #C2185B;
  background-color: #C2185B !important;
  border-color: #C2185B !important;
}

html.outubro-rosa .btn-primary:hover,
html.outubro-rosa .btn-primary:focus,
html.outubro-rosa .btn-primary:active {
  background-color: #9B1248 !important;
  border-color: #9B1248 !important;
}

html.outubro-rosa .main-header {
  background: #C2185B;
}

html.outubro-rosa .quick-date-btn:hover,
html.outubro-rosa .quick-date-btn.active {
  background: #C2185B !important;
  border-color: #C2185B !important;
  color: #fff !important;
}

html.outubro-rosa input:focus,
html.outubro-rosa select:focus,
html.outubro-rosa textarea:focus {
  border-color: #C2185B !important;
  box-shadow: 0 0 0 3px rgba(194, 24, 91, 0.15) !important;
}

/* Etapas do kanban usam o azul de marca. Aqui elas voltam à cor original. */
html.outubro-rosa .etapa-cs {
  background: #4A7BFF;
}

html.outubro-rosa .etapa-contratacao {
  background: #002776;
}

/* O modo escuro repinta o cromado com o azul antigo. Estas regras vencem esse bloco. */
html.outubro-rosa body.dark-mode,
html.outubro-rosa body[data-theme="dark"] {
  --primary: #C2185B;
  --primary-color: #C2185B;
  --primary-dark: #9B1248;
  --primary-hover: #9B1248;
  --primary-light: rgba(244, 143, 177, 0.16);
  --secondary: #E91E63;
  --accent: #F48FB1;
  --azul-escuro: #C2185B;
  --azul-claro: #E91E63;
  --gradient-primary: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
  --primary-gradient: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
  --bs-primary: #C2185B;
  --bs-primary-rgb: 194, 24, 91;
}

html.outubro-rosa body.light-mode {
  --glass: rgba(194, 24, 91, 0.08);
  --glass-border: rgba(194, 24, 91, 0.18);
  --box-shadow: 0 8px 28px rgba(194, 24, 91, 0.12);
}

html.outubro-rosa .alerta-coletas-toggle > input:checked,
html.outubro-rosa .coletas-alertas-tour-progress > i,
html.outubro-rosa #coletasAlertasTourNext {
  background: #C2185B;
}

html.outubro-rosa .modal-novidades-coletas-header,
html.outubro-rosa .modal-checklist-gerenciar-header,
html.outubro-rosa .btn-novidades-entendi,
html.outubro-rosa .modal-checklist-gerenciar-btn-add,
html.outubro-rosa .valor-badge,
html.outubro-rosa .action-btn.primary {
  background: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
}

html.outubro-rosa body[data-painel-modo] .header,
html.outubro-rosa body[data-painel-modo][data-theme="dark"] .header {
  background: #C2185B;
}

html.outubro-rosa .sidebar-logo-mark,
html.outubro-rosa #overlayQRRequerido .overlay-qr-icon,
html.outubro-rosa #overlayEvolutionJaConectada .overlay-qr-icon,
html.outubro-rosa .bi-sidebar__brand {
  background: linear-gradient(135deg, #C2185B, #E91E63);
}

html.outubro-rosa .sidebar-logo-copy small,
html.outubro-rosa .menu-item.active {
  color: #C2185B;
}

html.outubro-rosa .menu-item:hover {
  background: rgba(194, 24, 91, 0.1);
}

html.outubro-rosa body[data-theme="dark"] .menu-item:hover,
html.outubro-rosa body[data-theme="dark"] .menu-item.active {
  background: rgba(244, 143, 177, 0.16);
  color: #F48FB1;
}

html.outubro-rosa body[data-theme="dark"] .painel-header-cta {
  color: #C2185B !important;
}

html.outubro-rosa .detalhe-workspace-header,
html.outubro-rosa body.dark-mode .detalhe-workspace-header {
  background: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
}

html.outubro-rosa .modal-disparos-header {
  background: linear-gradient(135deg, #C2185B 0%, #E91E63 55%, #F48FB1 100%);
}

html.outubro-rosa .ux-offcanvas-grupos-head,
html.outubro-rosa body[data-theme="dark"] .ux-offcanvas-grupos-head {
  background: linear-gradient(135deg, #C2185B 0%, #E91E63 58%, #F48FB1 100%);
}

html.outubro-rosa .portal-artigos-splide .splide__arrow,
html.outubro-rosa body.light-mode .portal-artigos-splide .splide__arrow {
  background: #C2185B;
}

html.outubro-rosa .chat-ia-button,
html.outubro-rosa .chat-ia-button.is-open {
  border-color: rgba(244, 143, 177, 0.55);
  background:
    radial-gradient(120% 120% at 20% 15%, rgba(244, 143, 177, 0.45), transparent 45%),
    linear-gradient(145deg, #C2185B 0%, #9B1248 55%, #4a0d28 100%);
  box-shadow:
    0 12px 28px rgba(194, 24, 91, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

html.outubro-rosa .chat-ia-button::before {
  background: conic-gradient(from 180deg, transparent, rgba(244, 143, 177, 0.4), transparent 40%);
}

html.outubro-rosa .chat-ia-button:hover,
html.outubro-rosa .chat-ia-button.is-open:hover {
  border-color: rgba(244, 143, 177, 0.75);
  box-shadow:
    0 16px 36px rgba(194, 24, 91, 0.55),
    0 0 0 1px rgba(244, 143, 177, 0.2);
}

html.outubro-rosa .version-footer,
html.outubro-rosa body.light-mode .version-footer {
  background: linear-gradient(135deg, rgba(194, 24, 91, 0.95), rgba(233, 30, 99, 0.95));
  border-color: rgba(244, 143, 177, 0.5);
  box-shadow: 0 10px 28px rgba(194, 24, 91, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
  color: #fff;
}

html.outubro-rosa .version-footer:hover,
html.outubro-rosa body.light-mode .version-footer:hover {
  background: linear-gradient(135deg, #C2185B, #E91E63);
  border-color: rgba(244, 143, 177, 0.75);
  box-shadow: 0 14px 32px rgba(194, 24, 91, 0.45);
}

html.outubro-rosa .version-footer .improvements-count,
html.outubro-rosa body.light-mode .version-footer .improvements-count {
  color: rgba(255, 255, 255, 0.9);
}

html.outubro-rosa .version-footer .improvements-count i {
  color: #F48FB1;
  filter: drop-shadow(0 0 4px rgba(244, 143, 177, 0.55));
}

html.outubro-rosa #modalMelhorias .modal-melhorias {
  background:
    radial-gradient(110% 80% at 100% 0%, rgba(194, 24, 91, 0.22), transparent 50%),
    radial-gradient(90% 70% at 0% 100%, rgba(244, 143, 177, 0.14), transparent 48%),
    linear-gradient(165deg, rgba(15, 15, 35, 0.98) 0%, rgba(26, 26, 46, 0.98) 55%, rgba(42, 16, 32, 0.97) 100%);
  border-color: rgba(194, 24, 91, 0.4);
  box-shadow:
    0 32px 90px rgba(0, 0, 0, 0.55),
    0 0 80px rgba(194, 24, 91, 0.16),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

html.outubro-rosa #modalMelhorias .modal-melhorias::before {
  background: linear-gradient(135deg, rgba(194, 24, 91, 0.7), rgba(244, 143, 177, 0.45), rgba(155, 18, 72, 0.55));
}

html.outubro-rosa #modalMelhorias .modal-header-melhorias,
html.outubro-rosa body.light-mode #modalMelhorias .modal-header-melhorias {
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(244, 143, 177, 0.35), transparent 45%),
    linear-gradient(125deg, #C2185B 0%, #E91E63 42%, #9B1248 100%);
}

html.outubro-rosa #modalMelhorias .melhorias-header-icon {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(244, 143, 177, 0.4));
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22), 0 0 20px rgba(244, 143, 177, 0.28);
}

html.outubro-rosa #modalMelhorias .modal-body-melhorias {
  background:
    radial-gradient(ellipse 70% 40% at 100% 0%, rgba(194, 24, 91, 0.12), transparent 55%),
    radial-gradient(ellipse 50% 35% at 0% 100%, rgba(233, 30, 99, 0.08), transparent 50%),
    rgba(15, 15, 35, 0.96);
}

html.outubro-rosa #modalMelhorias .melhorias-nav-sticky {
  border-bottom-color: rgba(194, 24, 91, 0.28);
}

html.outubro-rosa #modalMelhorias .melhorias-search-input {
  border-color: rgba(194, 24, 91, 0.4);
}

html.outubro-rosa #modalMelhorias .melhorias-search-input:focus {
  border-color: rgba(244, 143, 177, 0.75);
  box-shadow: 0 0 0 3px rgba(194, 24, 91, 0.22);
}

html.outubro-rosa #modalMelhorias .melhorias-search-wrap > i.fa-search,
html.outubro-rosa #modalMelhorias .melhorias-search-meta strong {
  color: #F48FB1;
}

html.outubro-rosa #modalMelhorias .melhorias-sidebar-item:hover {
  background: rgba(194, 24, 91, 0.16);
}

html.outubro-rosa #modalMelhorias .melhorias-sidebar-item.ativo {
  background: rgba(194, 24, 91, 0.24);
  border-color: rgba(244, 143, 177, 0.45);
}

html.outubro-rosa #modalMelhorias .melhorias-categoria {
  border-color: rgba(194, 24, 91, 0.28);
}

html.outubro-rosa #modalMelhorias .melhorias-pill {
  border-color: rgba(194, 24, 91, 0.35);
}

html.outubro-rosa #modalMelhorias .melhorias-pill:hover,
html.outubro-rosa #modalMelhorias .melhorias-pill.ativo {
  background: rgba(194, 24, 91, 0.2);
  border-color: rgba(244, 143, 177, 0.55);
}

html.outubro-rosa #modalMelhorias .modal-footer-melhorias {
  background: linear-gradient(180deg, rgba(42, 16, 32, 0.96), rgba(22, 8, 16, 0.98));
  border-top-color: rgba(194, 24, 91, 0.28);
}

html.outubro-rosa #modalMelhorias .melhorias-btn-action {
  background: rgba(194, 24, 91, 0.16);
  border-color: rgba(244, 143, 177, 0.4);
}

html.outubro-rosa #modalMelhorias .melhorias-btn-action:hover {
  background: rgba(194, 24, 91, 0.3);
  border-color: rgba(244, 143, 177, 0.6);
}

html.outubro-rosa #modalMelhorias .modal-footer-melhorias .btn-secondary,
html.outubro-rosa #modalMelhorias .modal-footer-melhorias .btn-secondary:hover {
  background: linear-gradient(135deg, #C2185B, #E91E63);
  box-shadow: 0 8px 20px rgba(194, 24, 91, 0.35);
}

html.outubro-rosa body.light-mode #modalMelhorias .modal-melhorias {
  background:
    radial-gradient(100% 70% at 100% 0%, rgba(194, 24, 91, 0.12), transparent 50%),
    #fff;
  border-color: rgba(194, 24, 91, 0.28);
  box-shadow: 0 28px 70px rgba(194, 24, 91, 0.16);
}

html.outubro-rosa body.light-mode #modalMelhorias .melhorias-header-wave svg path {
  fill: #FDF2F6;
}

html.outubro-rosa body.light-mode #modalMelhorias .modal-body-melhorias,
html.outubro-rosa body.light-mode #modalMelhorias .melhorias-nav-sticky {
  background: #FDF2F6;
}

html.outubro-rosa body.light-mode #modalMelhorias .melhorias-search-input {
  border-color: rgba(194, 24, 91, 0.28);
}

html.outubro-rosa body.light-mode #modalMelhorias .melhorias-sidebar {
  border-right-color: rgba(194, 24, 91, 0.14);
}

html.outubro-rosa body.light-mode #modalMelhorias .melhorias-sidebar-item.ativo {
  background: rgba(194, 24, 91, 0.12);
  box-shadow: inset 3px 0 0 #C2185B;
}

html.outubro-rosa body.light-mode #modalMelhorias .melhorias-categoria {
  border-color: rgba(194, 24, 91, 0.18);
}

html.outubro-rosa body.light-mode #modalMelhorias .modal-footer-melhorias {
  border-top-color: rgba(194, 24, 91, 0.16);
}

html.outubro-rosa body.light-mode #modalMelhorias .melhorias-btn-action {
  background: rgba(194, 24, 91, 0.08);
  border-color: rgba(194, 24, 91, 0.25);
  color: #9B1248;
}

html.outubro-rosa .chat-ia-container,
html.outubro-rosa body.light-mode .chat-ia-container,
html.outubro-rosa body[data-theme="light"] .chat-ia-container,
html.outubro-rosa body[data-theme="dark"] .chat-ia-container {
  --chat-accent: #F48FB1;
  --chat-accent-2: #C2185B;
  --chat-user: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
}

html.outubro-rosa .chat-ia-window,
html.outubro-rosa body.light-mode .chat-ia-window,
html.outubro-rosa body[data-theme="light"] .chat-ia-window {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(194, 24, 91, 0.22), transparent 52%),
    radial-gradient(90% 60% at 0% 100%, rgba(244, 143, 177, 0.12), transparent 48%),
    var(--chat-surface);
}

html.outubro-rosa .chat-ia-header__icon,
html.outubro-rosa body.light-mode .chat-ia-header__icon,
html.outubro-rosa body[data-theme="light"] .chat-ia-header__icon {
  color: #fff;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(244, 143, 177, 0.45), transparent 55%),
    linear-gradient(145deg, #C2185B, #9B1248);
  border-color: rgba(244, 143, 177, 0.45);
  box-shadow: 0 6px 14px rgba(194, 24, 91, 0.28);
}

html.outubro-rosa .chat-ia-message.assistant .chat-ia-message-avatar {
  background: linear-gradient(145deg, #F48FB1, #C2185B);
}

html.outubro-rosa .chat-ia-welcome .chat-ia-welcome__hint,
html.outubro-rosa .chat-ia-welcome .text-muted {
  color: #F48FB1 !important;
}

html.outubro-rosa body.light-mode .chat-ia-welcome .chat-ia-welcome__hint,
html.outubro-rosa body.light-mode .chat-ia-welcome .text-muted,
html.outubro-rosa body[data-theme="light"] .chat-ia-welcome .chat-ia-welcome__hint,
html.outubro-rosa body[data-theme="light"] .chat-ia-welcome .text-muted {
  color: #C2185B !important;
}

html.outubro-rosa .chat-ia-input:focus,
html.outubro-rosa body.light-mode .chat-ia-input:focus {
  border-color: rgba(194, 24, 91, 0.55);
  box-shadow: 0 0 0 3px rgba(194, 24, 91, 0.18);
}

html.outubro-rosa .chat-ia-send {
  border-color: rgba(244, 143, 177, 0.45);
  background: linear-gradient(145deg, #E91E63 0%, #C2185B 100%);
  color: #fff;
  box-shadow: 0 8px 18px rgba(194, 24, 91, 0.32);
}

html.outubro-rosa .chat-ia-send:hover:not(:disabled) {
  box-shadow: 0 10px 22px rgba(194, 24, 91, 0.45);
}

html.outubro-rosa .btn-outline-primary {
  --bs-btn-color: #C2185B;
  --bs-btn-border-color: #C2185B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #C2185B;
  --bs-btn-hover-border-color: #C2185B;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9B1248;
  --bs-btn-active-border-color: #9B1248;
  --bs-btn-disabled-color: #C2185B;
  --bs-btn-disabled-border-color: #C2185B;
  color: #C2185B;
  border-color: #C2185B;
}

html.outubro-rosa .btn-outline-primary:hover,
html.outubro-rosa .btn-outline-primary:focus,
html.outubro-rosa .btn-outline-primary:active {
  color: #fff;
  background-color: #C2185B;
  border-color: #C2185B;
}

html.outubro-rosa #btnPortalChamadosTour {
  --bs-btn-color: #E91E63;
  --bs-btn-border-color: rgba(233, 30, 99, 0.65);
  color: #E91E63;
  border-color: rgba(233, 30, 99, 0.65);
}

html.outubro-rosa #btnPortalChamadosTour:hover,
html.outubro-rosa #btnPortalChamadosTour:focus {
  color: #fff;
  background: #C2185B;
  border-color: #C2185B;
}

html.outubro-rosa .portal-topbar__title,
html.outubro-rosa .portal-foco-hoje__head h2 {
  color: #F48FB1;
}

html.outubro-rosa body.light-mode .portal-topbar__title,
html.outubro-rosa body.light-mode .portal-foco-hoje__head h2 {
  color: #C2185B;
}

html.outubro-rosa #btnNotificacaoPortal,
html.outubro-rosa .portal-topbar a.nav-link-icon {
  color: #F48FB1 !important;
}

html.outubro-rosa .portal-topbar .nav-link-icon:hover,
html.outubro-rosa .portal-topbar .nav-link-icon.show {
  background: rgba(194, 24, 91, 0.18);
  color: #fff !important;
}

html.outubro-rosa .portal-topbar .dropdown-menu .dropdown-item i,
html.outubro-rosa body.light-mode .portal-topbar .dropdown-item i {
  color: #F48FB1;
}

html.outubro-rosa body.light-mode .portal-topbar .dropdown-item i {
  color: #C2185B;
}

html.outubro-rosa .portal-topbar .dropdown-menu .dropdown-item:hover,
html.outubro-rosa .portal-topbar .dropdown-menu .dropdown-item:focus,
html.outubro-rosa body.light-mode .portal-topbar .dropdown-item:hover,
html.outubro-rosa body.light-mode .portal-topbar .dropdown-item:focus {
  background: rgba(194, 24, 91, 0.22);
}

html.outubro-rosa .portal-topbar .dropdown-menu .dropdown-item:hover i,
html.outubro-rosa .portal-topbar .dropdown-menu .dropdown-item:focus i {
  color: #fff;
}

html.outubro-rosa body.light-mode .text-gradient,
html.outubro-rosa body.light-mode .portal-sidebar__brand-name {
  background: linear-gradient(135deg, #C2185B, #E91E63);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

html.outubro-rosa body:has(.app-header) {
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(194, 24, 91, 0.12), transparent 55%),
    radial-gradient(900px 420px at 100% 0%, rgba(233, 30, 99, 0.08), transparent 50%),
    var(--fundo);
}

html.outubro-rosa .app-header {
  box-shadow: 0 8px 28px rgba(194, 24, 91, 0.28);
}

html.outubro-rosa .header-nav .btn-cta,
html.outubro-rosa .header-nav .btn-cta:hover {
  color: #C2185B;
}

html.outubro-rosa .header-nav .btn-cta:hover {
  background: #FDF2F6;
}

html.outubro-rosa .kpi--qtde {
  --kpi-accent: #C2185B;
}

html.outubro-rosa .tab-btn.is-active,
html.outubro-rosa .preset.is-active,
html.outubro-rosa .sa-pager-btns button.is-active,
html.outubro-rosa .app-header ~ .wrap th,
html.outubro-rosa body:has(.app-header) th {
  background: #C2185B;
  border-color: #C2185B;
  color: #fff;
}

html.outubro-rosa .view-btn.is-active,
html.outubro-rosa .sa-list-head button:hover,
html.outubro-rosa .sa-list-head button.is-sorted,
html.outubro-rosa .modal-sa-radios label:has(input:checked) {
  color: #C2185B;
}

html.outubro-rosa .sa-list-head button.is-sorted .sort-ico,
html.outubro-rosa .modal-sa-kicker,
html.outubro-rosa .sa-id-filial,
html.outubro-rosa .link-coleta {
  color: #C2185B;
}

html.outubro-rosa .link-coleta,
html.outubro-rosa .preset:hover {
  background: #FDE7EF;
  border-color: rgba(194, 24, 91, 0.25);
}

html.outubro-rosa .preset:hover {
  color: #9B1248;
}

html.outubro-rosa body:has(.app-header) .btn-primary {
  background: linear-gradient(135deg, #C2185B, #E91E63) !important;
}

html.outubro-rosa .btn-outline {
  border-color: rgba(194, 24, 91, 0.28);
}

html.outubro-rosa .filters input:focus,
html.outubro-rosa .filters select:focus,
html.outubro-rosa .modal-sa-grid input:focus,
html.outubro-rosa .modal-sa-full textarea:focus,
html.outubro-rosa .modal-sa-grid select:focus,
html.outubro-rosa .sa-money:focus-within {
  border-color: #C2185B;
  box-shadow: 0 0 0 3px rgba(194, 24, 91, 0.15);
}

html.outubro-rosa .header-btn-out {
  color: #C2185B;
}

html.outubro-rosa .header-btn-out:hover {
  background: #FDF2F6;
  color: #9B1248;
}

html.outubro-rosa .btn-trajetoria,
html.outubro-rosa .kanban-nav-btn,
html.outubro-rosa .kanban-stage-chip.active,
html.outubro-rosa .farol-header {
  background: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
}

html.outubro-rosa .btn-trajetoria:hover,
html.outubro-rosa .kanban-nav-btn {
  box-shadow: 0 4px 12px rgba(194, 24, 91, 0.35);
}

html.outubro-rosa .prioridade-farol,
html.outubro-rosa .kanban-navigation {
  border-color: rgba(194, 24, 91, 0.22);
}

html.outubro-rosa .kanban-stage-chip {
  border-color: rgba(194, 24, 91, 0.28);
}

html.outubro-rosa .kanban-stage-chip:hover {
  border-color: rgba(194, 24, 91, 0.5);
  background: rgba(194, 24, 91, 0.08);
  color: #9B1248;
}

html.outubro-rosa .kanban-stages-rail {
  scrollbar-color: rgba(194, 24, 91, 0.4) transparent;
}

html.outubro-rosa .kanban-stages-rail::-webkit-scrollbar-thumb {
  background: rgba(194, 24, 91, 0.4);
}

html.outubro-rosa .prioridade-farol.farol-filtrando .farol-header {
  box-shadow: inset 0 -2px 0 rgba(244, 143, 177, 0.7);
}

html.outubro-rosa .intranet-chamados-fab {
  background: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
  box-shadow: 0 4px 16px rgba(194, 24, 91, 0.35);
}

html.outubro-rosa .intranet-chamados-fab:hover {
  box-shadow: 0 6px 20px rgba(194, 24, 91, 0.45);
}

html.outubro-rosa body[data-painel-modo] .btn-modern-success,
html.outubro-rosa body[data-painel-modo][data-theme="dark"] .btn-modern-success {
  background: linear-gradient(135deg, #C2185B, #E91E63) !important;
  color: #fff;
}

html.outubro-rosa body[data-painel-modo] .btn-modern-success:hover {
  background: #9B1248 !important;
  box-shadow: 0 6px 16px rgba(194, 24, 91, 0.35);
}

html.outubro-rosa .painel-empty-icon {
  background: rgba(194, 24, 91, 0.12);
  color: #C2185B;
}

html.outubro-rosa .painel-empty-cat i,
html.outubro-rosa body[data-theme="dark"] .painel-empty-cat i {
  color: #C2185B;
}

html.outubro-rosa .painel-empty-cat:hover,
html.outubro-rosa body[data-theme="dark"] .painel-empty-cat:hover {
  border-color: #C2185B;
  background: rgba(194, 24, 91, 0.1);
  color: #9B1248;
}

html.outubro-rosa .painel-log-panel {
  border-color: rgba(194, 24, 91, 0.28);
  background:
    radial-gradient(80% 80% at 0% 0%, rgba(194, 24, 91, 0.06), transparent 55%),
    #fdf2f6;
}

html.outubro-rosa body[data-theme="dark"] .painel-log-panel {
  background:
    radial-gradient(80% 80% at 0% 0%, rgba(194, 24, 91, 0.16), transparent 55%),
    rgba(22, 8, 16, 0.92);
  border-color: rgba(244, 143, 177, 0.28);
}

html.outubro-rosa .painel-log-panel__empty i {
  color: #C2185B;
  opacity: 1;
}

html.outubro-rosa .intranet-chat-fab {
  background: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
  box-shadow: 0 4px 16px rgba(194, 24, 91, 0.35);
}

html.outubro-rosa .intranet-chat-fab:hover {
  box-shadow: 0 6px 20px rgba(194, 24, 91, 0.45);
}

html.outubro-rosa body.page-settings .settings-main-header {
  box-shadow: 0 2px 12px rgba(194, 24, 91, 0.28);
}

html.outubro-rosa .usuario-emergencia-item:hover,
html.outubro-rosa .usuario-emergencia-item.selected {
  border-color: #C2185B;
}

html.outubro-rosa .usuario-emergencia-item.selected {
  background: #FDE7EF;
}

html.outubro-rosa #listaUsuariosLogados .card {
  border-left-color: #C2185B !important;
}

html.outubro-rosa .historico-overlay-head {
  background: linear-gradient(135deg, #C2185B 0%, #E91E63 100%) !important;
}

html.outubro-rosa .intranet-chamados-head {
  background: linear-gradient(135deg, #C2185B 0%, #E91E63 100%);
}

html.outubro-rosa .intranet-chamados-tabs button.is-active,
html.outubro-rosa .icw-step.is-on,
html.outubro-rosa .icw-card-ico,
html.outubro-rosa .icw-file-btn,
html.outubro-rosa .icw-faq a,
html.outubro-rosa .icw-faq-link,
html.outubro-rosa .icw-comment strong,
html.outubro-rosa .icw-sla,
html.outubro-rosa .icw-sla-line,
html.outubro-rosa .icw-back,
html.outubro-rosa .icw-proto-num {
  color: #C2185B;
}

html.outubro-rosa .icw-card-ico,
html.outubro-rosa .icw-sla,
html.outubro-rosa .icw-sla-line,
html.outubro-rosa .icw-back {
  background: #FDE7EF;
}

html.outubro-rosa .icw-step.is-on .icw-step-n,
html.outubro-rosa .icw-btn-primary,
html.outubro-rosa .icw-btn-primary:hover:not(:disabled),
html.outubro-rosa .icw-tour-next,
html.outubro-rosa .icw-tour-progress > i,
html.outubro-rosa body.dark-mode .icw-step.is-on .icw-step-n,
html.outubro-rosa body.dark-mode .icw-tour-progress > i,
html.outubro-rosa body[data-theme="dark"] .icw-tour-progress > i {
  background: #C2185B;
  border-color: #C2185B;
  color: #fff;
}

html.outubro-rosa .icw-card.is-on,
html.outubro-rosa .icw-card:hover,
html.outubro-rosa .icw-tipo:hover,
html.outubro-rosa .icw-tipo.is-on,
html.outubro-rosa .icw-list li:hover,
html.outubro-rosa .icw-input:focus,
html.outubro-rosa .icw-textarea:focus,
html.outubro-rosa .icw-select:focus,
html.outubro-rosa .icw-file-btn {
  border-color: #C2185B;
}

html.outubro-rosa .icw-card.is-on,
html.outubro-rosa .icw-card:hover {
  box-shadow: 0 4px 14px rgba(194, 24, 91, 0.16);
}

html.outubro-rosa .icw-input:focus,
html.outubro-rosa .icw-textarea:focus,
html.outubro-rosa .icw-select:focus {
  outline: 2px solid rgba(194, 24, 91, 0.28);
}

html.outubro-rosa .icw-tour-spot {
  box-shadow: 0 0 0 3px #C2185B, 0 0 0 9999px rgba(15, 23, 42, 0.55);
}

html.outubro-rosa body.dark-mode .icw-card-ico,
html.outubro-rosa body.dark-mode .icw-sla,
html.outubro-rosa body.dark-mode .icw-sla-line,
html.outubro-rosa body.dark-mode .icw-back,
html.outubro-rosa body.dark-mode .icw-file-btn,
html.outubro-rosa body.dark-mode .icw-step.is-on,
html.outubro-rosa body.dark-mode .icw-proto-num,
html.outubro-rosa body.dark-mode .icw-faq a,
html.outubro-rosa body.dark-mode .icw-faq-link {
  color: #F48FB1;
}

html.outubro-rosa body.dark-mode .icw-card-ico,
html.outubro-rosa body.dark-mode .icw-sla,
html.outubro-rosa body.dark-mode .icw-sla-line,
html.outubro-rosa body.dark-mode .icw-back {
  background: rgba(194, 24, 91, 0.18);
}

html.outubro-rosa body.dark-mode .icw-file-btn {
  border-color: rgba(244, 143, 177, 0.45);
}

html.outubro-rosa body.dark-mode .icw-tour-exemplo,
html.outubro-rosa body[data-theme="dark"] .icw-tour-exemplo {
  background: rgba(194, 24, 91, 0.22);
  color: #F48FB1;
}

html.outubro-rosa body.dark-mode .icw-tour-spot,
html.outubro-rosa body[data-theme="dark"] .icw-tour-spot {
  box-shadow: 0 0 0 3px #E91E63, 0 0 0 9999px rgba(2, 6, 23, 0.72);
}