/* ==================================================================
   JurisCRM v1.4 — Execução, Hub Financeiro, Histórico do Cliente
   Tema navy (#0f2744) + gold (#e8c97e)
   ================================================================== */

/* ---------- Hub Financeiro (escolha A Receber / A Pagar) ---------- */
.fin-hub-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px; margin-top: 8px;
}
.fin-hub-card {
  background: #fff; border: 1px solid var(--border); border-radius: 14px;
  padding: 26px 22px; cursor: pointer; transition: all .18s;
  display: flex; flex-direction: column; gap: 8px;
}
.fin-hub-card:hover {
  box-shadow: var(--shadow-lg, 0 10px 30px rgba(15,39,68,.12));
  transform: translateY(-3px); border-color: var(--gold-dark);
}
.fin-hub-icon {
  width: 58px; height: 58px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center; margin-bottom: 6px;
}
.fin-hub-title { font-size: 17px; font-weight: 700; color: var(--navy); }
.fin-hub-desc { font-size: 13px; color: var(--text-muted); line-height: 1.5; flex: 1; }
.fin-hub-go { font-size: 13px; font-weight: 600; color: var(--gold-dark); margin-top: 8px; }

/* ---------- Execução: grade de medidas de defesa ---------- */
.section-divider {
  font-size: 12px; font-weight: 700; color: var(--navy); text-transform: uppercase;
  letter-spacing: .5px; margin: 18px 0 10px; padding-bottom: 6px;
  border-bottom: 2px solid var(--gold); 
}
.defense-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px;
}
.defense-chip {
  display: flex; align-items: center; gap: 8px; padding: 9px 11px;
  border: 1px solid var(--border); border-radius: 9px; cursor: pointer;
  font-size: 12.5px; transition: all .15s; background: #fff;
}
.defense-chip:hover { border-color: var(--navy); background: var(--bg); }
.defense-chip.selected {
  background: linear-gradient(0deg, rgba(232,201,126,.16), rgba(232,201,126,.16)), #fff;
  border-color: var(--gold-dark); font-weight: 600; color: var(--navy);
}
.defense-chip input { accent-color: var(--navy); }

/* ---------- Histórico financeiro do cliente (timeline) ---------- */
.fin-timeline { display: flex; flex-direction: column; gap: 2px; }
.fin-tl-item { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border); }
.fin-tl-item:last-child { border-bottom: none; }
.fin-tl-dot {
  width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 14px;
}
.fin-tl-body { flex: 1; }
.fin-tl-title { font-size: 13px; font-weight: 600; color: var(--navy); }
.fin-tl-desc { font-size: 12px; color: var(--text-muted); margin-top: 1px; }
.fin-tl-date { font-size: 11px; color: var(--text-light); margin-top: 2px; }

/* modal grande para o cadastro de execução */
.modal-lg { max-width: 760px; }

@media (max-width: 720px) {
  .fin-hub-grid { grid-template-columns: 1fr; }
  .defense-grid { grid-template-columns: 1fr; }
}