.scpc-card {
  --scpc-red: #e60000;
  --scpc-black: #111111;
  --scpc-cream: #f8f4ed;
  --scpc-border: #ded8cf;
  margin: 24px 0;
  padding: 24px;
  background: #ffffff;
  border: 1px solid var(--scpc-border);
  border-left: 5px solid var(--scpc-red);
  color: var(--scpc-black);
}

.scpc-card h3 {
  margin: 5px 0 12px;
  color: var(--scpc-black);
}

.scpc-kicker {
  margin: 0;
  color: var(--scpc-red);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.scpc-meta {
  color: #666666;
  font-size: 0.9rem;
}

.scpc-button {
  display: inline-block;
  margin-top: 8px;
  padding: 10px 16px;
  background: var(--scpc-red);
  border: 1px solid var(--scpc-red);
  color: #ffffff !important;
  font-weight: 800;
  text-decoration: none;
}

.scpc-button:hover,
.scpc-button:focus {
  background: #bf0000;
  border-color: #bf0000;
  color: #ffffff !important;
}

.scpc-error {
  background: var(--scpc-cream);
}


.scpc-relationship-group {
  margin: 18px 0;
  padding-top: 16px;
  border-top: 1px solid var(--scpc-border);
}
.scpc-relationship-group ul { margin: 10px 0 0 1.2rem; }
.scpc-relationship-group li { margin: 7px 0; }
.scpc-relationship-group code { margin-left: 6px; color: #666666; font-size: 0.78rem; }


.scpc-ledger-valid {
  color: #1f6f43;
  font-weight: 800;
}

.scpc-ledger-invalid {
  color: var(--scpc-red);
  font-weight: 800;
}


.scpc-api-plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.scpc-api-plan {
  padding: 16px;
  border: 1px solid var(--scpc-border);
  background: #ffffff;
}

.scpc-trust-status { display:inline-block; padding:5px 9px; border:1px solid var(--scpc-border); font-weight:800; text-transform:uppercase; font-size:.78rem; }
.scpc-trust-operational { color:#1f6f43; }
.scpc-trust-attention { color:#8b5a00; }
.scpc-trust-degraded, .scpc-trust-critical { color:var(--scpc-red); }
.scpc-trust-unknown { color:#666666; }