/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 01 2026 | 16:37:44 */
/* ============================================================================
   cp-pages-estrategista-execpena.css — Estrategista de Execução Penal
   Prefixo: cp-eep-   ·   Doc: doc/planejamento/estrategista-execucao-penal.md

   ESTE ARQUIVO É PEQUENO DE PROPÓSITO. A peça usa o vocabulário do Observatório
   (cp-obs-ch, cp-obs-rec-card, cp-obs-rec-label, cp-obs-rec-select, cp-obs-kpi-*,
   cp-obs-dec-list, cp-obs-rec-advice), que já existe e já é carregado aqui. Só
   entram abaixo as poucas coisas que aquele vocabulário não tem, porque nem o
   Observatório nem o Radar têm campo de TEXTO LIVRE.

   ⚠️ COMO ESTE ARQUIVO NASCEU. A primeira versão da peça inventou 21 classes
   `cp-obs-*` que não existiam em lugar nenhum. A página subiu, respondeu 200 e o
   markup tinha todos os ids certos — e estava ilegível: rótulo e campo na mesma
   linha, textarea minúsculo, e os itens do método com título colado no texto
   (`<strong>`+`<span>` são inline; o CSS estiliza dois `div`).
   A lição: conferir o dado servido NÃO é conferir a tela.

   ⚠️ DUAS ARMADILHAS DE NOME que quase custaram caro aqui:
   1. `cp-pages-execpena.css` JÁ EXISTE e é da Calculadora de Execução Penal
      (1.271 linhas, prefixo `cp-ep-`). Escrever ali teria destruído a folha dela.
      Por isso o nome deste arquivo é `-estrategista-` explícito.
   2. O prefixo `cp-estr-` também já tem dono: é do Estrategista de DROGAS, e mora
      dentro do próprio cp-pages-observatorio.css que esta página carrega. Usá-lo
      aqui deixaria as duas peças brigando pelo mesmo espaço de nomes.
   O prefixo `cp-eep-` é o mesmo dos ganchos de JS desta peça, e a folha da
   Calculadora (`cp-ep-`) não é carregada aqui, então não há como se cruzarem.

   BuddyBoss reseta color, margin, padding, line-height, font-weight,
   text-decoration e font-size globalmente: essas vão com !important.
   ============================================================================ */

/* Cartão da entrada assistida por IA. Herda cp-obs-rec-card; aqui só o respiro. */
.cp-eep-ai { margin-bottom: 22px !important; }

.cp-eep-textarea {
  width: 100%;
  box-sizing: border-box;
  min-height: 96px;
  resize: vertical;
  background: var(--cp-obs-surface, #fff);
  border: 1px solid var(--cp-obs-border-strong, #cfc6b6);
  border-radius: var(--cp-obs-radius, 8px);
  padding: 10px 12px !important;
  font-family: inherit;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: var(--cp-obs-text, #24201a) !important;
}
.cp-eep-textarea:focus {
  outline: none;
  border-color: var(--cp-obs-gold, #a37717) !important;
  box-shadow: 0 0 0 3px rgba(163, 119, 23, 0.14);
}

.cp-eep-ai-acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 12px !important;
}
.cp-eep-ai-nota {
  font-size: 13px !important;
  color: var(--cp-obs-text-muted, #6b6459) !important;
  line-height: 1.5 !important;
}

/* Grade dos seletores. Uma coluna no celular, sem exceção: campo de formulário
   espremido em duas colunas estreitas é pior que empilhado. */
.cp-eep-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
  margin-top: 20px !important;
}
.cp-eep-campo { display: flex; flex-direction: column; }
.cp-eep-acoes { margin-top: 24px !important; }

/* Botão secundário: o cp-btn-ghost do design system só existe na folha do
   Indulto, que não carrega aqui. Sem esta regra ele sai sem contorno. */
.cp-eep-btn-sec {
  background: var(--cp-obs-text, #24201a) !important;
  color: #fff !important;
  border: 0;
  border-radius: 6px;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;
}
.cp-eep-btn-sec:disabled { opacity: 0.6; cursor: default; }

/* O aviso da PORTA reusa o cp-obs-rec-advice, mas em tom neutro: nem sempre é
   boa notícia, e pintá-lo de dourado sugeriria que é. */
.cp-eep-neutro {
  background: var(--cp-obs-bg, #faf6ee) !important;
  border-left-color: var(--cp-obs-border-strong, #cfc6b6) !important;
}

@media (max-width: 768px) {
  .cp-eep-grid { grid-template-columns: 1fr; }
}

/* A linha "ver a decisão" do precedente. No Observatório o `cp-obs-dec-go` é um
   <span> dentro de um cartão que É um link; aqui o cartão não é link (a decisão
   abre no drawer), então o gatilho precisa ser um <a> — e aí o BuddyBoss lhe dá
   cor de link e sublinhado. Estas duas linhas devolvem a aparência do irmão.
   ⚠️ Regra da casa: seletor de link vem sempre com o par :visited. */
a.cp-eep-dec-go, a.cp-eep-dec-go:visited {
  text-decoration: none !important;
  color: var(--cp-obs-teal-deep, #1d5b57) !important;
}
a.cp-eep-dec-go:hover { text-decoration: underline !important; }

/* A base do recorte fica entre a grade de indicadores e o aviso da porta; sem
   respiro próprio ela cola nos dois. O `cp-obs-kpi-note` nasceu para viver DENTRO
   do cartão, onde o cartão dá o espaçamento. */
#cp-eep-base { margin: 10px 0 18px !important; }

/* A porta para a Calculadora. Reusa o cp-obs-rec-advice em tom neutro (cp-eep-neutro)
   e só acrescenta o respiro de quem fecha a seção, mais o par de link obrigatório:
   sem ele o BuddyBoss serve o azul padrão dentro de um bloco que não é de link. */
.cp-eep-ponte { margin-top: 18px !important; }
a.cp-eep-ponte-link, a.cp-eep-ponte-link:visited {
  color: var(--cp-obs-teal-deep, #1d5b57) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}