/* ════════════════════════════════════════════════════════════════════
   CONTRATOS PLUS — 3 melhorias
   ════════════════════════════════════════════════════════════════════ */

/* ─── 1. RESUMO DINÂMICO NO TOPO ────────────────────────────── */
.cp-cont-resumo{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
  gap:10px;
  margin-bottom:14px;
  padding:12px 14px;
  background:linear-gradient(135deg, rgba(167,139,250,.06), rgba(34,211,238,.04));
  border:1px solid rgba(167,139,250,.2);
  border-radius:12px;
}

[data-theme="light"] .cp-cont-resumo{
  background:linear-gradient(135deg, rgba(124,58,237,.04), rgba(6,182,212,.03));
}

.cp-cont-resumo-item{
  background:rgba(0,0,0,.18);
  border:1px solid rgba(167,139,250,.15);
  border-left:3px solid #a78bfa;
  border-radius:8px;
  padding:8px 12px;
  text-align:left;
  transition:transform .15s, border-color .15s;
}

[data-theme="light"] .cp-cont-resumo-item{
  background:rgba(255,255,255,.5);
}

.cp-cont-resumo-item.cp-cont-resumo-mrr{
  border-left-color:#10b981;
}
.cp-cont-resumo-item.cp-cont-resumo-atrasados{
  border-left-color:#f43f5e;
  cursor:pointer;
}
.cp-cont-resumo-item.cp-cont-resumo-atrasados:hover{
  background:rgba(244,63,94,.06);
  transform:translateY(-1px);
}
.cp-cont-resumo-item.cp-cont-resumo-vencendo{
  border-left-color:#f59e0b;
}

.cp-cont-resumo-num{
  font-family:var(--dp);
  font-weight:800;
  font-size:18px;
  color:var(--tx);
  line-height:1.1;
  margin-bottom:2px;
}

.cp-cont-resumo-mrr .cp-cont-resumo-num{ color:#10b981; }
.cp-cont-resumo-atrasados .cp-cont-resumo-num{ color:#f43f5e; }
.cp-cont-resumo-vencendo .cp-cont-resumo-num{ color:#f59e0b; }

.cp-cont-resumo-lb{
  font-family:var(--fn);
  font-size:10.5px;
  color:var(--t3);
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:600;
}

@media (max-width:600px){
  .cp-cont-resumo{
    grid-template-columns:repeat(2, 1fr);
    gap:6px;
    padding:8px;
  }
  .cp-cont-resumo-num{
    font-size:14px;
  }
}

/* ─── 2. AÇÕES RÁPIDAS NOS CARDS ─────────────────────────────── */
.cp-cont-actions{
  display:flex;
  gap:6px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed rgba(167,139,250,.15);
}

.cp-cont-act-btn{
  flex:1;
  padding:8px 6px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(167,139,250,.2);
  border-radius:7px;
  font-family:var(--fn);
  font-size:11px;
  font-weight:600;
  color:var(--t2);
  cursor:pointer;
  transition:all .15s;
}

[data-theme="light"] .cp-cont-act-btn{
  background:rgba(255,255,255,.5);
}

.cp-cont-act-btn:hover{
  border-color:rgba(167,139,250,.4);
  background:rgba(167,139,250,.08);
  color:var(--tx);
}

.cp-cont-act-btn.cp-cont-act-renov{
  border-left:2px solid #06b6d4;
}
.cp-cont-act-btn.cp-cont-act-renov:hover{
  background:rgba(6,182,212,.08);
  color:#22d3ee;
}

.cp-cont-act-btn.cp-cont-act-pag{
  border-left:2px solid #10b981;
}
.cp-cont-act-btn.cp-cont-act-pag:hover{
  background:rgba(16,185,129,.08);
  color:#10b981;
}

.cp-cont-act-btn.cp-cont-act-mais{
  flex:0 0 36px;
  padding:8px;
}

/* ─── 3. CORES DA BORDA ──────────────────────────────────────── */
/* Tabela desktop: linhas */
#tbody tr[data-cp-status="atrasado"]{
  background:linear-gradient(90deg, rgba(244,63,94,.04), transparent 80%);
}
#tbody tr[data-cp-status="quitado"]:hover{
  background:rgba(16,185,129,.04);
}

/* Cards mobile */
.cc[data-cp-status="atrasado"]{
  background:linear-gradient(135deg, rgba(244,63,94,.04), transparent 80%);
}
.cc[data-cp-status="cancelado"]{
  opacity:0.65;
}