/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 27 2026 | 14:28:27 */
/*
 * Conferidor de Nulidade — prefixo cp-nu-
 *
 * Regras de BuddyBoss: color, margin, padding, line-height, font-weight,
 * text-decoration e font-size sempre com !important (o tema tem
 * especificidade global alta dentro de .cp-ds).
 *
 * A escala de cor dos portoes e a MESMA da familia (verde/ambar/vermelho
 * sobrios). Semaforo saturado transforma leitura em veredito, e esta peca nao
 * decreta nada: o vermelho de "falta" diz que um portao esta fechado, nao que a
 * nulidade nao existe.
 *
 * Doc: doc/planejamento/conferidor-nulidade.md
 */

:root {
  --cp-nu-ok-bg: #eef7f0;
  --cp-nu-ok-bd: #b9dcc4;
  --cp-nu-ok-tx: #205c34;
  --cp-nu-at-bg: #fdf6e6;
  --cp-nu-at-bd: #e8d49a;
  --cp-nu-at-tx: #7a5a10;
  --cp-nu-fa-bg: #fbeeee;
  --cp-nu-fa-bd: #e3b6b6;
  --cp-nu-fa-tx: #7d2626;
}

/* ═══════════════════════════════════════════════════════════
   Capa
   ═══════════════════════════════════════════════════════════ */

.cp-nu-cover {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: linear-gradient(160deg, #1A1A1A 0%, #2b2b33 100%);
  padding: 56px 20px 48px !important;
}

.cp-nu-cover-inner {
  max-width: var(--cp-page-max, 1100px);
  margin: 0 auto !important;
}

.cp-nu-cover-eyebrow {
  color: #F7D44A !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 10px !important;
}

.cp-nu-cover-title {
  color: #fff !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  margin: 0 0 14px !important;
}

.cp-nu-cover-deck {
  color: #d6d6de !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  margin: 0 0 20px !important;
  max-width: 800px;
}

.cp-nu-cover-badges { display: flex; flex-wrap: wrap; gap: 8px; }

.cp-nu-cover-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  color: #e8e8ee !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 6px 13px !important;
}

.cp-nu-cover-badge i { color: #F7D44A !important; }

/* ═══════════════════════════════════════════════════════════
   Secoes
   ═══════════════════════════════════════════════════════════ */

.cp-nu-sec {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 44px 20px !important;
  background: #fff;
}

.cp-nu-sec-alt { background: var(--cp-bg, #f4f4f6); }

.cp-nu-inner {
  max-width: var(--cp-page-max, 1100px);
  margin: 0 auto !important;
}

.cp-nu-sec-kicker {
  color: #7a7a86 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin: 0 0 8px !important;
}

.cp-nu-sec-title {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
}

.cp-nu-sec-deck {
  color: #4a4a55 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 0 24px !important;
  max-width: 820px;
}

.cp-nu-sub {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  margin: 26px 0 12px !important;
}

.cp-nu-oculto { display: none !important; }

/* ═══════════════════════════════════════════════════════════
   Faixa da lei viva
   ═══════════════════════════════════════════════════════════ */

.cp-nu-lei-info {
  background: #f1f4f8;
  border: 1px solid #d5dde7;
  border-radius: 8px;
  color: #3c4652 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 0 22px !important;
  padding: 11px 14px !important;
}

.cp-nu-lei-info-aviso {
  background: var(--cp-nu-at-bg);
  border-color: var(--cp-nu-at-bd);
  color: var(--cp-nu-at-tx) !important;
}

.cp-nu-lei-info-bloq {
  background: var(--cp-nu-fa-bg);
  border-color: var(--cp-nu-fa-bd);
  color: var(--cp-nu-fa-tx) !important;
}

/* ═══════════════════════════════════════════════════════════
   Cartoes de entrada
   ═══════════════════════════════════════════════════════════ */

.cp-nu-card {
  background: #fff;
  border: 1px solid #e2e2ea;
  border-radius: 12px;
  margin: 0 0 18px !important;
  padding: 20px !important;
}

.cp-nu-sec-alt .cp-nu-card { background: #fff; }

.cp-nu-card-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin: 0 0 6px !important;
}

.cp-nu-card-t i { color: #8a8a96 !important; margin-right: 7px !important; }

.cp-nu-card-hint {
  color: #6a6a76 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 0 14px !important;
}

.cp-nu-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.cp-nu-field { display: block; }

.cp-nu-field label {
  color: #3c3c47 !important;
  display: block;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 0 0 5px !important;
}

.cp-nu-field input,
.cp-nu-field select,
.cp-nu-field textarea,
.cp-nu-linha input {
  background: #fff;
  border: 1px solid #cfcfd9;
  border-radius: 7px;
  color: #1A1A1A !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  padding: 9px 11px !important;
  width: 100%;
}

.cp-nu-field textarea { min-height: 76px; resize: vertical; }

.cp-nu-field input:focus,
.cp-nu-field select:focus,
.cp-nu-field textarea:focus {
  border-color: #F7D44A;
  outline: 2px solid rgba(247, 212, 74, .35);
}

.cp-nu-linha {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0 0 8px !important;
}

/* ═══════════════════════════════════════════════════════════
   Texto de lei na tela
   ═══════════════════════════════════════════════════════════ */

.cp-nu-lei-caixa {
  background: #f7f8fa;
  border-left: 3px solid #c9ced8;
  border-radius: 0 8px 8px 0;
  margin: 12px 0 0 !important;
  padding: 12px 14px !important;
}

.cp-nu-lei-disp {
  color: #45505f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .04em;
  margin: 10px 0 4px !important;
  text-transform: uppercase;
}

.cp-nu-lei-caixa .cp-nu-lei-disp:first-child { margin-top: 0 !important; }

.cp-nu-lei-texto {
  color: #33333d !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.cp-nu-lei-nota {
  color: #6a6a76 !important;
  font-size: 12.5px !important;
  font-style: italic;
  line-height: 1.55 !important;
  margin: 6px 0 0 !important;
}

.cp-nu-lei-resquicio {
  background: var(--cp-nu-at-bg);
  border: 1px solid var(--cp-nu-at-bd);
  border-radius: 7px;
  color: var(--cp-nu-at-tx) !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  margin: 8px 0 0 !important;
  padding: 8px 11px !important;
}

.cp-nu-lei-resquicio i { margin-right: 6px !important; }

/* ═══════════════════════════════════════════════════════════
   Perguntas de sanacao (tri-estado)
   ═══════════════════════════════════════════════════════════ */

.cp-nu-pergunta {
  border-top: 1px solid #ececf2;
  margin: 14px 0 0 !important;
  padding: 14px 0 0 !important;
}

.cp-nu-pergunta-t {
  color: #33333d !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  margin: 0 0 8px !important;
}

.cp-nu-ops { display: flex; flex-wrap: wrap; gap: 16px; }

.cp-nu-op {
  align-items: center;
  color: #3c3c47 !important;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px !important;
  font-weight: 600 !important;
  gap: 7px;
  margin: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   Botoes
   ═══════════════════════════════════════════════════════════ */

.cp-nu-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 0 !important;
}

.cp-nu-btn {
  background: var(--cp-amarelo, #F7D44A);
  border: 1px solid #e0be34;
  border-radius: 8px;
  color: #1A1A1A !important;
  cursor: pointer;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 11px 18px !important;
}

.cp-nu-btn:hover { background: #f2ca32; }

.cp-nu-btn:disabled { cursor: not-allowed; opacity: .5; }

.cp-nu-btn-ghost {
  background: #fff;
  border-color: #cfcfd9;
  color: #3c3c47 !important;
}

.cp-nu-btn-ghost:hover { background: #f4f4f6; }

.cp-nu-btn-sm { font-size: 13px !important; padding: 7px 12px !important; }

/* ═══════════════════════════════════════════════════════════
   Os cinco portoes
   ═══════════════════════════════════════════════════════════ */

.cp-nu-portoes {
  display: grid;
  gap: 12px;
  margin: 0 0 8px !important;
}

.cp-nu-portao {
  border: 1px solid #e2e2ea;
  border-left-width: 4px;
  border-radius: 10px;
  padding: 15px 17px !important;
}

.cp-nu-portao-ok { background: var(--cp-nu-ok-bg); border-color: var(--cp-nu-ok-bd); }
.cp-nu-portao-atencao { background: var(--cp-nu-at-bg); border-color: var(--cp-nu-at-bd); }
.cp-nu-portao-falta { background: var(--cp-nu-fa-bg); border-color: var(--cp-nu-fa-bd); }

.cp-nu-portao-h { align-items: center; display: flex; gap: 10px; }

.cp-nu-portao-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.cp-nu-selo {
  border-radius: 999px;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .05em;
  padding: 3px 10px !important;
  text-transform: uppercase;
}

.cp-nu-selo-ok { background: #cfe8d7; color: var(--cp-nu-ok-tx) !important; }
.cp-nu-selo-atencao { background: #f4e3b6; color: var(--cp-nu-at-tx) !important; }
.cp-nu-selo-falta { background: #f0cfcf; color: var(--cp-nu-fa-tx) !important; }

.cp-nu-portao-m {
  color: #3c3c47 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 9px 0 0 !important;
}

.cp-nu-fund {
  border-top: 1px dashed rgba(0, 0, 0, .12);
  color: #4a4a55 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  margin: 9px 0 0 !important;
  padding: 8px 0 0 !important;
}

.cp-nu-fund-d {
  color: #1A1A1A !important;
  font-weight: 800 !important;
  margin-right: 6px !important;
}

/* ═══════════════════════════════════════════════════════════
   Achados
   ═══════════════════════════════════════════════════════════ */

.cp-nu-achado {
  background: #fff;
  border: 1px solid #e2e2ea;
  border-left: 4px solid #b9bcc7;
  border-radius: 10px;
  margin: 0 0 10px !important;
  padding: 14px 16px !important;
}

.cp-nu-achado-bloqueio { border-left-color: #c46a6a; }
.cp-nu-achado-sanacao { border-left-color: #d9b44a; }
.cp-nu-achado-resquicio { border-left-color: #9a8fc4; }
.cp-nu-achado-consequencia { border-left-color: #6a9ac4; }
.cp-nu-achado-encaminhamento { border-left-color: #6ab48a; }

.cp-nu-achado-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  margin: 0 0 6px !important;
}

.cp-nu-achado-e {
  color: #4a4a55 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.cp-nu-achado-ponte { margin: 10px 0 0 !important; }

a.cp-nu-achado-ponte, .cp-nu-achado-ponte a, .cp-nu-achado-ponte a:visited {
  color: #1f5f8b !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* ═══════════════════════════════════════════════════════════
   Bloqueio da peca
   ═══════════════════════════════════════════════════════════ */

.cp-nu-bloqueio {
  background: var(--cp-nu-fa-bg);
  border: 1px solid var(--cp-nu-fa-bd);
  border-radius: 10px;
  margin: 18px 0 0 !important;
  padding: 16px 18px !important;
}

.cp-nu-bloqueio-t {
  color: var(--cp-nu-fa-tx) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin: 0 0 6px !important;
}

.cp-nu-bloqueio-t i { margin-right: 7px !important; }

.cp-nu-bloqueio-d {
  color: #5c3232 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   Saidas
   ═══════════════════════════════════════════════════════════ */

.cp-nu-saida {
  background: #fbfbfd;
  border: 1px solid #d8d8e2;
  border-radius: 8px;
  color: #1A1A1A !important;
  font-family: ui-monospace, "SFMono-Regular", "Consolas", monospace;
  font-size: 13px !important;
  line-height: 1.6 !important;
  min-height: 150px;
  padding: 13px !important;
  resize: vertical;
  width: 100%;
}

.cp-nu-saida-peca { min-height: 340px; }

/* ═══════════════════════════════════════════════════════════
   Limites
   ═══════════════════════════════════════════════════════════ */

.cp-nu-nota {
  background: #fff;
  border: 1px solid #e2e2ea;
  border-radius: 10px;
  margin: 0 0 12px !important;
  padding: 15px 17px !important;
}

.cp-nu-nota-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin: 0 0 5px !important;
}

.cp-nu-nota-d {
  color: #4a4a55 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   Responsivo
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  .cp-nu-cover { padding: 40px 16px 34px !important; }
  .cp-nu-cover-title { font-size: 30px !important; }
  .cp-nu-cover-deck { font-size: 16px !important; }
  .cp-nu-sec { padding: 32px 16px !important; }
  .cp-nu-sec-title { font-size: 23px !important; }
  .cp-nu-grid { grid-template-columns: 1fr; }
  .cp-nu-card { padding: 16px !important; }
  .cp-nu-actions .cp-nu-btn { flex: 1 1 100%; }
}

@media (max-width: 480px) {
  .cp-nu-cover-title { font-size: 26px !important; }
  .cp-nu-portao { padding: 13px 14px !important; }
  .cp-nu-portao-t { font-size: 15px !important; }
  .cp-nu-saida { font-size: 12px !important; }
}

@media print {
  .cp-nu-cover, .cp-nu-sec-alt, .cp-nu-actions, .cp-nu-lei-info { display: none !important; }
  .cp-nu-saida { border: 0; min-height: 0; }
}
