/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 06 2026 | 03:34:05 */
/* cp-pages-meu-trabalho-djen.css — Publicações do DJEN no Meu Trabalho (Frente 2).
   Feed no topo da aba Processos + seção no modal de timeline + modal de teor.
   Prefixo cp-mtr-djen-*. !important nas props que o BuddyBoss sobrescreve. */

/* ── Feed consolidado (topo da aba Processos) ───────────────────────── */
.cp-mtr-djen-feed {
  margin: 0 0 22px 0 !important;
  padding: 16px 18px !important;
  background: #fff;
  border: 1px solid #e7e7ee;
  border-radius: 12px;
}
.cp-mtr-djen-feed-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 12px 0 !important;
}
.cp-mtr-djen-feed-title {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.cp-mtr-djen-feed-sub {
  font-size: 0.82rem !important;
  color: #6b6b76 !important;
  line-height: 1.3 !important;
}
.cp-mtr-djen-feed-list,
.cp-mtr-djen-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}

/* ── Card de publicação (feed + seção do modal) ─────────────────────── */
.cp-mtr-djen-card {
  display: block;
  width: 100%;
  text-align: left !important;
  background: #fafafc !important;
  border: 1px solid #e7e7ee !important;
  border-radius: 10px !important;
  padding: 11px 13px !important;
  margin: 0 !important;
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.cp-mtr-djen-card:hover {
  background: #fff !important;
  border-color: #cfcfe0 !important;
  box-shadow: 0 2px 10px rgba(20, 20, 40, .07);
}
.cp-mtr-djen-card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px 0 !important;
}
.cp-mtr-djen-trib {
  font-size: 0.66rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  color: #3a3a52 !important;
  background: #ececf4;
  border-radius: 5px;
  padding: 2px 6px !important;
  text-transform: uppercase;
}
.cp-mtr-djen-tipo-com {
  font-size: 0.74rem !important;
  color: #6b6b76 !important;
  font-weight: 500 !important;
}
.cp-mtr-djen-date {
  font-size: 0.72rem !important;
  color: #9a9aa6 !important;
  margin-left: auto !important;
}
.cp-mtr-djen-novo {
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #1A1A1A !important;
  background: #F7D44A;
  border-radius: 5px;
  padding: 2px 6px !important;
}
.cp-mtr-djen-card-title {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  line-height: 1.25 !important;
  margin: 0 0 3px 0 !important;
}
.cp-mtr-djen-card-proc {
  font-size: 0.76rem !important;
  color: #4a4a5e !important;
  font-weight: 600 !important;
  margin: 0 0 2px 0 !important;
}
.cp-mtr-djen-card-orgao {
  font-size: 0.76rem !important;
  color: #6b6b76 !important;
  line-height: 1.3 !important;
  margin: 0 0 4px 0 !important;
}
.cp-mtr-djen-card-snippet {
  font-size: 0.78rem !important;
  color: #555562 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ── Seção dentro do modal de timeline ──────────────────────────────── */
.cp-mtr-modal-djen {
  margin: 0 0 16px 0 !important;
  padding: 12px 14px !important;
  background: #f7f7fb;
  border: 1px solid #e7e7ee;
  border-radius: 10px;
}
.cp-mtr-djen-sec-head {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 0 0 10px 0 !important;
}
.cp-mtr-djen-sec-title {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  line-height: 1.2 !important;
}
.cp-mtr-djen-sec-sub {
  font-size: 0.76rem !important;
  color: #6b6b76 !important;
  line-height: 1.3 !important;
}

/* ── Modal de teor ──────────────────────────────────────────────────── */
.cp-mtr-djen-modal-meta {
  margin: 0 0 14px 0 !important;
  padding: 0 0 12px 0 !important;
  border-bottom: 1px solid #ececf4;
}
.cp-mtr-djen-modal-proc {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin: 0 0 6px 0 !important;
}
.cp-mtr-djen-modal-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0 0 6px 0 !important;
}
.cp-mtr-djen-modal-orgao {
  font-size: 0.82rem !important;
  color: #555562 !important;
  line-height: 1.35 !important;
  margin: 0 0 4px 0 !important;
}
.cp-mtr-djen-modal-advs {
  margin: 8px 0 0 0 !important;
}
.cp-mtr-djen-advs-lbl {
  display: block;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #9a9aa6 !important;
  margin: 0 0 3px 0 !important;
}
.cp-mtr-djen-modal-advs ul {
  margin: 0 !important;
  padding: 0 0 0 16px !important;
}
.cp-mtr-djen-modal-advs li {
  font-size: 0.8rem !important;
  color: #4a4a5e !important;
  line-height: 1.4 !important;
}
.cp-mtr-djen-oab {
  color: #9a9aa6 !important;
  font-size: 0.74rem !important;
}
.cp-mtr-djen-modal-actions {
  margin: 12px 0 0 0 !important;
}
.cp-mtr-djen-pdf {
  font-size: 0.82rem !important;
}

/* Teor HTML (sanitizado). Escopo defensivo pras tabelas/sections do ato. */
.cp-mtr-djen-teor {
  font-size: 0.86rem !important;
  line-height: 1.55 !important;
  color: #2a2a36 !important;
  max-height: 56vh;
  overflow-y: auto;
  word-break: break-word;
}
.cp-mtr-djen-teor table {
  width: 100% !important;
  border-collapse: collapse;
  margin: 0 0 8px 0 !important;
}
.cp-mtr-djen-teor td,
.cp-mtr-djen-teor th {
  padding: 2px 6px !important;
  vertical-align: top;
  font-size: 0.84rem !important;
}
.cp-mtr-djen-teor p,
.cp-mtr-djen-teor section {
  margin: 0 0 8px 0 !important;
}
.cp-mtr-djen-teor b,
.cp-mtr-djen-teor strong {
  font-weight: 700 !important;
}

/* ── Prazo candidato (V2.1 Fase 1.B) ────────────────────────────────── */
/* Chip no card (read-only indicador) */
.cp-mtr-djen-prazochip {
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  color: #7a4d00 !important;
  background: #fdeec2;
  border-radius: 5px;
  padding: 2px 6px !important;
}
.cp-mtr-djen-prazochip-ok {
  color: #1b5e20 !important;
  background: #d7f0da;
}

/* Bloco no modal de teor */
.cp-mtr-djen-prazo {
  margin: 0 0 14px 0 !important;
  padding: 12px 14px !important;
  background: #fff8e6;
  border: 1px solid #f0d98a;
  border-radius: 10px;
}
.cp-mtr-djen-prazo-ok {
  background: #eaf6ec !important;
  border-color: #bfe0c4 !important;
  color: #1b5e20 !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
}
.cp-mtr-djen-prazo-main {
  font-size: 0.92rem !important;
  color: #5a3d00 !important;
  line-height: 1.35 !important;
  margin: 0 0 4px 0 !important;
}
.cp-mtr-djen-prazo-main strong {
  font-weight: 800 !important;
  color: #4a3200 !important;
}
.cp-mtr-djen-prazo-ev {
  font-size: 0.78rem !important;
  font-style: italic;
  color: #6b6b76 !important;
  line-height: 1.35 !important;
  margin: 0 0 4px 0 !important;
}
.cp-mtr-djen-prazo-disc {
  font-size: 0.72rem !important;
  color: #9a8a5a !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
}
.cp-mtr-djen-prazo-btn {
  font-size: 0.82rem !important;
}

@media (max-width: 600px) {
  .cp-mtr-djen-feed-list,
  .cp-mtr-djen-list {
    grid-template-columns: 1fr;
  }
}