/* ╔══════════════════════════════════════════╗
   ║ 🎯 CONSART – Cobrança Extrajudicial CSS  ║
   ╚══════════════════════════════════════════╝ */

/* ===== Card padrão ===== */
.card{
  background:#fff;
  border:1px solid var(--c-input-bd);
  border-radius:var(--radius);
  padding:var(--c-space-6);
  box-shadow:0 1px 0 rgba(0,0,0,.03), inset 0 1px 0 rgba(255,255,255,.6);
}

.card h2{
  margin:0 0 var(--c-space-4);
  font-size:1.125rem;
  color:#0f172a;
}

/* ===== Tipografia auxiliares ===== */
.muted{ color:#64748b; font-size:.9rem; }
.out{
  margin-top:4px;
  padding:10px 12px;
  border:1px solid var(--c-input-bd);
  border-radius:var(--radius);
  background:var(--c-input-bg);
  font-weight:600;
}
.out.big{ font-size:1.35rem; }

/* ===== Ações ===== */
.actions .btn{ height:40px; }
.btn.primary{
  background:var(--c-primary);
  border:1px solid var(--c-primary-600);
  color:#0b1220;
}
.btn.primary:hover{ filter:brightness(1.02); }

/* ===== KPIs ===== */
.kpis{ /* grid definido inline no HTML; aqui só visual */
  --_pad: 12px;
}
.kpi{
  border:1px solid var(--c-input-bd);
  border-radius:var(--radius);
  background:var(--c-input-bg);
  padding:var(--_pad);
}
.kpi .label{ color:#475569; font-size:.85rem; margin-bottom:4px; }
.kpi .value{ font-size:1.1rem; font-weight:700; }
.kpi .value.ok{ color:#166534; }

/* ===== Documento produzido ===== */
.doc{
  min-height:160px;
  padding:14px;
  border:1px solid var(--c-input-bd);
  border-radius:var(--radius);
  background:#fff;
  line-height:1.5;
  white-space:pre-wrap;
}

/* ===== Switch simples ===== */
.switch{ display:flex; align-items:center; gap:8px; }
.switch input[type="checkbox"]{ transform:scale(1.05); }

/* ===== Inputs (aproveita o theme, só reforça label) ===== */
label{ display:block; margin-bottom:6px; font-weight:600; color:#34495e; }

/* ===== Responsivo ===== */
@media (max-width: 640px){
  .card{ padding: var(--c-space-4); }
  .out.big{ font-size:1.2rem; }
}