.consent-card{
  --accent:#e11d48;
  --border:#e5e7eb;
  --radius:14px;
  --maxw:820px;
  --ok:#16a34a;
  --warn:#d97706;
  --err:#dc2626;
  --unk:#6b7280;
  font-family:inherit;
  color:#111827;
  background:#fff;
  max-width:var(--maxw);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:none;
  padding:24px 22px;
  line-height:1.55;
}
.cs-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.cs-title{font-size:17px;color:#0f172a;font-weight:600;margin:0}
.cs-badge{font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;background:#f4f6fb;border:1px solid #dbe2ea;color:#1f2937}
.cs-badge.ok{background:#ecfdf3;color:#166534;border-color:#bbf7d0}
.cs-badge.warn{background:#fef7ed;color:#b45309;border-color:#fed7aa}
.cs-badge.err{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.cs-badge.unk{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}
.cs-section{margin-top:18px}
.cs-section:first-of-type{margin-top:0}
.cs-section-title{font-size:16px;color:#0f172a;margin:0 0 6px 0;font-weight:600}
.cs-idbox{
  font-family:ui-monospace,Menlo,Consolas,monospace;
  border:1px solid #d1d5db;
  border-radius:8px;
  padding:8px 11px;
  background:#f8fafc;
  overflow:auto;
  white-space:nowrap;
  color:#111827;
  font-size:clamp(12px, 2.6vw, 13px);
}
.cs-cats{margin-top:10px;border-top:1px solid #e5e7eb}
.cs-cat{display:grid;grid-template-columns:1fr auto;padding:11px 0;border-bottom:1px solid #e5e7eb}
.cs-cat-name,.cs-cat-state{
  font-weight:400;
  color:#1f2937;
  font-size:clamp(13px, 2.8vw, 15px);
}
.cs-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:14px}
.cs-link:hover{text-decoration:underline}
.cs-footer{margin-top:18px}