/* ============================================================
   Camada rosa do PL Mulher — aqui o rosa é a cor da casa.
   Carregada só neste sistema, depois do brasil.css.
   ============================================================ */

.marca span, .cartao-login h1 span { color: var(--br-rosa) !important; }
.cartao-login { border-top-color: var(--br-rosa) !important; }

/* abas e subabas na cor do movimento */
.aba.ativa { background: var(--br-rosa) !important; border-bottom-color: var(--br-amarelo) !important; }
.aba:hover { border-bottom-color: var(--br-rosa); }
.subaba.ativa { background: var(--br-rosa) !important; }

/* botão principal rosa; o verde fica para ações de confirmar */
.botao { background: var(--br-rosa) !important; box-shadow: 0 2px 0 #a82558 !important; }
.botao:hover { box-shadow: 0 4px 0 #a82558 !important; }
.botao.b-azul { background: var(--br-azul) !important; box-shadow: 0 2px 0 #00174d !important; }
.botao.b-verde { background: var(--br-verde) !important; box-shadow: 0 2px 0 var(--br-verde-escuro) !important; }
.botao.b-amarelo { background: var(--br-amarelo) !important; box-shadow: 0 2px 0 var(--br-amarelo-escuro) !important; }

/* uma florzinha discreta ao lado da marca */
.marca-bloco::after {
  content: "❀"; color: var(--br-rosa); font-size: 1.15rem; line-height: 1;
  margin-left: -.2rem; animation: respira 4.5s ease-in-out infinite;
}
@keyframes respira { 0%,100% { opacity: .55; transform: scale(1); } 50% { opacity: 1; transform: scale(1.12); } }
@media (prefers-reduced-motion: reduce) { .marca-bloco::after { animation: none; } }

/* cartões do painel: rosa lidera o rodízio de cores */
.pm-cartao, .pm-card, .cartao { border-top-color: var(--br-rosa) !important; }
.pm-cartoes > *:nth-child(4n+2) { border-top-color: var(--br-verde) !important; }
.pm-cartoes > *:nth-child(4n+3) { border-top-color: var(--br-amarelo) !important; }
.pm-cartoes > *:nth-child(4n+4) { border-top-color: var(--br-azul) !important; }
.pm-num, .pm-numero { color: var(--br-rosa) !important; }

/* progresso do plano de 90 dias */
.pm-barra > div { background: linear-gradient(90deg, var(--br-rosa), var(--br-amarelo)) !important; }

/* blocos territoriais sem responsável pedem atenção em rosa */
.pm-bloco.sem-resp { border-left: 3px solid var(--br-rosa); }

.ajuda { border-color: var(--br-rosa) !important; color: var(--br-rosa) !important; }
.ajuda:hover { background: var(--br-rosa) !important; color: #fff !important; }
.carregando { color: var(--br-rosa) !important; }