/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 06 2026 | 04:54:48 */
/* cp-pages-meu-trabalho-oab.css — Aba "Minhas Intimacoes" (monitorar por OAB, V2.2).
   Gerenciador de OABs + feed das intimacoes. Os cards do feed reusam
   .cp-mtr-djen-card / .cp-mtr-djen-list (cp-pages-meu-trabalho-djen.css).
   Prefixo cp-oab-*. !important nas props que o BuddyBoss sobrescreve. */

/* ── Banner beta + disclaimer ───────────────────────────────────────── */
.cp-oab-banner {
  margin: 0 0 18px 0 !important;
  padding: 12px 14px !important;
  background: #fffdf2;
  border: 1px solid #f0e3a8;
  border-radius: 10px;
}
.cp-oab-banner-body strong {
  display: inline-block;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #8a6d00 !important;
  background: #f7d44a;
  border-radius: 5px;
  padding: 2px 7px !important;
  margin: 0 8px 0 0 !important;
}
.cp-oab-banner-body span {
  font-size: 0.84rem !important;
  color: #5a5320 !important;
  line-height: 1.45 !important;
}

/* ── Gerenciador "Suas OABs" ────────────────────────────────────────── */
.cp-oab-manager {
  margin: 0 0 22px 0 !important;
  padding: 16px 18px !important;
  background: #fff;
  border: 1px solid #e7e7ee;
  border-radius: 12px;
}
.cp-oab-manager-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 12px 0 !important;
}
.cp-oab-manager-title {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.cp-oab-manager-sub {
  font-size: 0.82rem !important;
  color: #6b6b76 !important;
  line-height: 1.3 !important;
}
.cp-oab-add-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.cp-oab-add-numero { flex: 1 1 180px; min-width: 140px; }
.cp-oab-add-uf     { flex: 0 0 64px; width: 64px; text-transform: uppercase; }
.cp-oab-add-label  { flex: 1 1 160px; min-width: 120px; }
.cp-oab-add-form .cpds-hint {
  margin: 8px 0 0 0 !important;
}

/* ── Chips das OABs vigiadas ─────────────────────────────────────────── */
.cp-oab-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0 0 !important;
}
.cp-oab-chips:empty { margin: 0 !important; }
.cp-oab-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f4f4f8 !important;
  border: 1px solid #e0e0ea !important;
  border-radius: 999px !important;
  padding: 6px 6px 6px 13px !important;
}
.cp-oab-chip-body {
  display: flex;
  flex-direction: column;
  line-height: 1.15 !important;
}
.cp-oab-chip-label {
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #2a2a3a !important;
}
.cp-oab-chip-sub {
  font-size: 0.7rem !important;
  color: #8a8a96 !important;
}
.cp-oab-chip-count {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  color: #3a3a52 !important;
  background: #e2e2ee;
  border-radius: 999px;
  padding: 1px 8px !important;
  min-width: 20px;
  text-align: center !important;
}
.cp-oab-chip-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  color: #9a9aa6 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer;
  padding: 0 !important;
  transition: background .15s, color .15s;
}
.cp-oab-chip-x:hover {
  background: #e6e6ef !important;
  color: #d33 !important;
}

/* ── Feed das intimacoes ─────────────────────────────────────────────── */
.cp-oab-feed-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 12px 0 !important;
}
.cp-oab-feed-title {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.cp-oab-feed-sub {
  font-size: 0.82rem !important;
  color: #6b6b76 !important;
  line-height: 1.3 !important;
}

/* Loading skeleton (reusa .cp-mtr-skel-* do CSS de Meu Trabalho) */
.cp-oab-loading {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}

/* ── Empty + erro ────────────────────────────────────────────────────── */
.cp-oab-empty {
  text-align: center !important;
  padding: 34px 18px !important;
  background: #fafafc;
  border: 1px dashed #d8d8e4;
  border-radius: 12px;
}
.cp-oab-empty-icon {
  font-size: 2rem !important;
  color: #c2c2d2 !important;
  margin: 0 0 8px 0 !important;
}
.cp-oab-empty h3 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #2a2a3a !important;
  margin: 0 0 6px 0 !important;
}
.cp-oab-empty p {
  font-size: 0.88rem !important;
  color: #6b6b76 !important;
  line-height: 1.45 !important;
  margin: 0 auto !important;
  max-width: 460px;
}
.cp-oab-error {
  padding: 16px 18px !important;
  background: #fff5f5;
  border: 1px solid #f2c9c9;
  border-radius: 10px;
}
.cp-oab-error p {
  font-size: 0.88rem !important;
  color: #b03434 !important;
  margin: 0 !important;
}

/* ── Responsivo ──────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  .cp-oab-add-row { flex-direction: column; align-items: stretch; }
  .cp-oab-add-numero, .cp-oab-add-uf, .cp-oab-add-label { width: 100% !important; flex: 1 1 auto; }
  .cp-oab-add-row .cpds-btn { width: 100% !important; }
}