/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2026 | 00:25:55 */
/* ============================================================================
   cp-pages-anatomia-execpena.css — Anatomia do Benefício na Execução Penal
   Prefixo: cp-aep-   ·   Doc: doc/planejamento/estrategista-execucao-penal.md

   PEQUENO DE PROPÓSITO. A peça usa o vocabulário do Observatório (cp-obs-cover,
   cp-obs-ch, cp-obs-kpi-*, cp-obs-rec-card, cp-obs-rec-advice, cp-obs-gloss-h,
   cp-obs-method-*), que já existe e já é carregado aqui. Entram abaixo só as duas
   coisas que aquele vocabulário não tem: a lista de item com número à direita e
   a tabela do veículo.

   ⚠️ ARMADILHAS DE NOME desta família, todas já custaram caro uma vez:
   1. `cp-pages-execpena.css` é da CALCULADORA (prefixo `cp-ep-`, 1.271 linhas).
   2. `cp-pages-estrategista-execpena.css` é da peça de CASO (prefixo `cp-eep-`).
   3. `cp-anb-` é da Anatomia das BARREIRAS, outra peça.
   Este é `cp-aep-`, e nenhum dos três é carregado aqui.

   ⚠️ Antes de usar qualquer classe `cp-obs-*`, ABRIR a folha do Observatório. Na
   estreia da peça irmã foram inventadas 21 classes que não existiam: a página
   respondeu 200, tinha todos os ids certos e estava ilegível. Conferir o dado
   servido NÃO é conferir a tela.

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

.cp-aep-campo { display: flex; flex-direction: column; max-width: 460px; }

/* O denominador de cada bloco. É subordinado de propósito: informa sem competir
   com o número, e existe porque os três blocos da página contam sobre populações
   diferentes (não conhecidos, todos, concedidos). */
.cp-aep-denom { margin: 0 0 14px !important; }

/* Lista de barreira / fundamento: nome à esquerda, número à direita, e a saída
   embaixo quando existe. */
.cp-aep-lista { margin-bottom: 6px !important; }

.cp-aep-item {
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--cp-obs-border, #e6ddcc);
}
.cp-aep-item:last-child { border-bottom: none !important; }

.cp-aep-item-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}
.cp-aep-item-nome {
  font-family: var(--cp-obs-sans, inherit);
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--cp-obs-text, #24201a) !important;
  line-height: 1.4 !important;
}
.cp-aep-item-n {
  flex-shrink: 0;
  font-family: var(--cp-obs-mono, monospace);
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--cp-obs-text-muted, #6b6459) !important;
  white-space: nowrap;
}
.cp-aep-item-saida {
  margin-top: 5px !important;
  font-family: var(--cp-obs-serif, Georgia, serif);
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--cp-obs-text-muted, #6b6459) !important;
}

/* Tabela do veículo. Rola dentro de si no celular: o corpo da página nunca rola
   na horizontal (regra do projeto para conteúdo largo). */
.cp-aep-tabela { overflow-x: auto; margin-bottom: 6px !important; }

.cp-aep-tab {
  width: 100%;
  border-collapse: collapse;
  min-width: 460px;
}
.cp-aep-tab th {
  font-family: var(--cp-obs-mono, monospace) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--cp-obs-text-subtle, #8a8172) !important;
  text-align: right;
  padding: 0 0 8px !important;
  border-bottom: 1px solid var(--cp-obs-border, #e6ddcc);
}
.cp-aep-tab th:first-child, .cp-aep-tab td:first-child { text-align: left; }
.cp-aep-tab td {
  font-family: var(--cp-obs-sans, inherit);
  font-size: 14px !important;
  color: var(--cp-obs-text, #24201a) !important;
  text-align: right;
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--cp-obs-border, #e6ddcc);
}
.cp-aep-tab tr:last-child td { border-bottom: none !important; }

/* Aviso em tom neutro: nem toda leitura desta página é boa notícia, e pintá-la de
   dourado sugeriria que é. */
.cp-aep-neutro {
  background: var(--cp-obs-bg, #faf6ee) !important;
  border-left-color: var(--cp-obs-border-strong, #cfc6b6) !important;
}

.cp-aep-ponte { margin-top: 22px !important; }
a.cp-aep-ponte-link, a.cp-aep-ponte-link:visited {
  color: var(--cp-obs-teal-deep, #1d5b57) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

@media (max-width: 768px) {
  .cp-aep-campo { max-width: none; }
  .cp-aep-item-head { flex-direction: column; gap: 2px; }
  .cp-aep-item-n { align-self: flex-start; }
}