/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 03 2026 | 18:37:01 */
/* ═══════════════════════════════════════════════════════════════
   PAINEL CONHECIMENTO — Base de Conhecimento interna
   Prefixo: cp-pcn-
   Render de artigos markdown sob src-web/docs/conhecimento/
   Acesso restrito a AccessProfile.adm
   Tudo dentro de .cp-ds (reset BuddyBoss).
   ═══════════════════════════════════════════════════════════════ */


/* ───── Body wrapper ───── */
.cp-ds .cp-pcn-body {
  background: var(--cp-bg);
  padding: 36px 24px 64px !important;
  width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
}
.cp-ds .cp-pcn-body-inner {
  max-width: var(--cp-page-max);
  margin: 0 auto !important;
}


/* ═══════════════════════════════════════════════════
   HUB — grid de categorias
   ═══════════════════════════════════════════════════ */
.cp-ds .cp-pcn-hub-intro {
  background: #fff;
  border: 1px solid #ececef;
  border-radius: var(--cp-radius-lg);
  padding: 24px !important;
  margin-bottom: 28px !important;
}
.cp-ds .cp-pcn-hub-intro h2 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--cp-text) !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.2px;
}
.cp-ds .cp-pcn-hub-intro p {
  font-size: 13px !important;
  color: var(--cp-text-secondary) !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.cp-ds .cp-pcn-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.cp-ds .cp-pcn-cat-card,
.cp-ds a.cp-pcn-cat-card,
.cp-ds a.cp-pcn-cat-card:visited {
  background: #fff;
  border: 1px solid #ececef;
  border-radius: var(--cp-radius-lg);
  padding: 20px !important;
  display: flex; flex-direction: column; gap: 10px;
  text-decoration: none !important;
  color: var(--cp-text) !important;
  transition: transform .15s, box-shadow .15s, border-color .15s;
}
.cp-ds a.cp-pcn-cat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  border-color: #d8d8df;
}
.cp-ds .cp-pcn-cat-icon {
  width: 40px; height: 40px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  color: #fff !important;
  font-size: 16px !important;
  flex-shrink: 0;
}
.cp-ds .cp-pcn-cat-icon.cp-ic-blue   { background: linear-gradient(135deg, #56769D, #99B7DD); }
.cp-ds .cp-pcn-cat-icon.cp-ic-green  { background: linear-gradient(135deg, #4A996A, #85CCA3); }
.cp-ds .cp-pcn-cat-icon.cp-ic-gold   { background: linear-gradient(135deg, var(--cp-amarelo), var(--cp-dourado)); color: var(--cp-preto) !important; }
.cp-ds .cp-pcn-cat-icon.cp-ic-purple { background: linear-gradient(135deg, #7c3aed, #a78bfa); }
.cp-ds .cp-pcn-cat-icon.cp-ic-salmon { background: linear-gradient(135deg, #E57159, #e8907d); }
.cp-ds .cp-pcn-cat-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--cp-text) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.cp-ds .cp-pcn-cat-sub {
  font-size: 12px !important;
  color: var(--cp-text-secondary) !important;
  line-height: 1.5 !important;
  flex: 1;
}
.cp-ds .cp-pcn-cat-count {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--cp-text-muted) !important;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-top: 6px;
}


/* ═══════════════════════════════════════════════════
   CATEGORIA — listagem de artigos
   ═══════════════════════════════════════════════════ */
.cp-ds .cp-pcn-cat-list {
  background: #fff;
  border: 1px solid #ececef;
  border-radius: var(--cp-radius-lg);
  overflow: hidden;
}
.cp-ds .cp-pcn-cat-list-empty {
  padding: 28px !important;
  text-align: center;
  font-size: 13px !important;
  color: var(--cp-text-secondary) !important;
}
.cp-ds .cp-pcn-art-row,
.cp-ds a.cp-pcn-art-row,
.cp-ds a.cp-pcn-art-row:visited {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 18px;
  align-items: center;
  padding: 16px 22px !important;
  border-bottom: 1px solid #f3f3f5;
  text-decoration: none !important;
  color: var(--cp-text) !important;
  transition: background .15s;
}
.cp-ds a.cp-pcn-art-row:hover { background: #fafafc !important; }
.cp-ds a.cp-pcn-art-row:last-child { border-bottom: 0; }
.cp-ds .cp-pcn-art-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--cp-text) !important;
  margin-bottom: 3px !important;
  line-height: 1.3 !important;
}
.cp-ds .cp-pcn-art-desc {
  font-size: 12px !important;
  color: var(--cp-text-secondary) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}
.cp-ds .cp-pcn-art-status {
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  padding: 3px 8px !important;
  border-radius: 4px;
  white-space: nowrap;
}
.cp-ds .cp-pcn-art-status-active     { background: rgba(74,153,106,.15); color: #4A996A !important; }
.cp-ds .cp-pcn-art-status-draft      { background: rgba(216,152,24,.18); color: #8a6800 !important; }
.cp-ds .cp-pcn-art-status-review     { background: rgba(86,118,157,.15); color: var(--cp-azul) !important; }
.cp-ds .cp-pcn-art-status-deprecated { background: rgba(0,0,0,.08); color: var(--cp-text-muted) !important; }
.cp-ds .cp-pcn-art-updated {
  font-size: 11px !important;
  color: var(--cp-text-muted) !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}


/* ═══════════════════════════════════════════════════
   ARTIGO — render do markdown
   ═══════════════════════════════════════════════════ */
.cp-ds .cp-pcn-art-meta {
  background: #fafafc;
  border: 1px solid #ececef;
  border-radius: var(--cp-radius-md);
  padding: 14px 18px !important;
  margin-bottom: 24px !important;
  display: flex; flex-wrap: wrap; gap: 12px 18px;
  font-size: 12px !important;
  color: var(--cp-text-secondary) !important;
}
.cp-ds .cp-pcn-art-meta-item {
  display: inline-flex; align-items: center; gap: 6px;
}
.cp-ds .cp-pcn-art-meta-item strong {
  color: var(--cp-text) !important;
  font-weight: 700 !important;
}
.cp-ds .cp-pcn-art-meta-item i {
  color: var(--cp-azul) !important;
  font-size: 11px !important;
}
.cp-ds .cp-pcn-art-tags {
  display: flex; flex-wrap: wrap; gap: 5px;
}
.cp-ds .cp-pcn-art-tag {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--cp-azul) !important;
  background: rgba(86,118,157,.08);
  padding: 2px 8px !important;
  border-radius: 10px;
}

/* Render do markdown — espaçamentos editoriais */
.cp-ds .cp-pcn-art-body {
  background: #fff;
  border: 1px solid #ececef;
  border-radius: var(--cp-radius-lg);
  padding: 32px 36px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--cp-text) !important;
}
.cp-ds .cp-pcn-art-body h1 {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: var(--cp-text) !important;
  letter-spacing: -0.4px;
  margin: 0 0 20px !important;
  line-height: 1.2 !important;
}
.cp-ds .cp-pcn-art-body h2 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--cp-text) !important;
  letter-spacing: -0.3px;
  margin: 32px 0 12px !important;
  line-height: 1.3 !important;
  padding-bottom: 6px;
  border-bottom: 1px solid #f3f3f5;
}
.cp-ds .cp-pcn-art-body h3 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--cp-text) !important;
  margin: 24px 0 8px !important;
  line-height: 1.3 !important;
}
.cp-ds .cp-pcn-art-body h4 {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--cp-text) !important;
  margin: 18px 0 6px !important;
}
.cp-ds .cp-pcn-art-body p {
  margin: 0 0 14px !important;
  color: var(--cp-text-body) !important;
}
.cp-ds .cp-pcn-art-body strong {
  font-weight: 700 !important;
  color: var(--cp-text) !important;
}
.cp-ds .cp-pcn-art-body em { font-style: italic; }
.cp-ds .cp-pcn-art-body ul,
.cp-ds .cp-pcn-art-body ol {
  margin: 0 0 14px !important;
  padding-left: 22px !important;
}
.cp-ds .cp-pcn-art-body li {
  margin: 4px 0 !important;
  color: var(--cp-text-body) !important;
  line-height: 1.6 !important;
}
.cp-ds .cp-pcn-art-body blockquote {
  border-left: 3px solid var(--cp-azul);
  padding: 10px 16px !important;
  margin: 14px 0 !important;
  background: #fafafc;
  font-size: 13px !important;
  color: var(--cp-text-secondary) !important;
  border-radius: 0 var(--cp-radius-sm) var(--cp-radius-sm) 0;
}
.cp-ds .cp-pcn-art-body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px !important;
  background: #f0f0f3;
  padding: 1px 6px !important;
  border-radius: 4px;
  color: var(--cp-text) !important;
}
.cp-ds .cp-pcn-art-body pre {
  background: #1A1A1A !important;
  color: #fff !important;
  padding: 16px 18px !important;
  border-radius: var(--cp-radius-sm);
  overflow-x: auto;
  margin: 14px 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.cp-ds .cp-pcn-art-body pre code {
  background: transparent !important;
  color: #fff !important;
  padding: 0 !important;
}
.cp-ds .cp-pcn-art-body table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 16px 0 !important;
  font-size: 13px !important;
}
.cp-ds .cp-pcn-art-body th {
  background: #fafafc !important;
  text-align: left !important;
  padding: 10px 14px !important;
  border: 1px solid #ececef !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  color: var(--cp-text) !important;
}
.cp-ds .cp-pcn-art-body td {
  padding: 10px 14px !important;
  border: 1px solid #f3f3f5 !important;
  vertical-align: top;
  color: var(--cp-text-body) !important;
}
.cp-ds .cp-pcn-art-body a,
.cp-ds .cp-pcn-art-body a:visited {
  color: var(--cp-azul) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
.cp-ds .cp-pcn-art-body a:hover { color: var(--cp-preto) !important; }
.cp-ds .cp-pcn-art-body hr {
  border: 0;
  border-top: 1px solid #ececef;
  margin: 24px 0 !important;
}

/* Bloco "Relacionados" abaixo do artigo */
.cp-ds .cp-pcn-art-related {
  margin-top: 24px !important;
  background: #fff;
  border: 1px solid #ececef;
  border-radius: var(--cp-radius-lg);
  padding: 18px 22px !important;
}
.cp-ds .cp-pcn-art-related h3 {
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: var(--cp-text-muted) !important;
  margin: 0 0 10px !important;
}
.cp-ds .cp-pcn-art-related ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.cp-ds .cp-pcn-art-related li {
  margin: 4px 0 !important;
  list-style: none !important;
  padding: 0 !important;
}
.cp-ds .cp-pcn-art-related a,
.cp-ds .cp-pcn-art-related a:visited {
  color: var(--cp-azul) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.cp-ds .cp-pcn-art-related a:hover { color: var(--cp-preto) !important; }


/* ───── Responsivo ───── */
@media (max-width: 900px) {
  .cp-ds .cp-pcn-hub-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cp-ds .cp-pcn-art-body { padding: 22px 18px !important; }
}
@media (max-width: 480px) {
  .cp-ds .cp-pcn-hub-grid {
    grid-template-columns: 1fr;
  }
  .cp-ds .cp-pcn-art-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}