/* Correlation Rules public viewer — layered on red-green-billboard.css */

.cr-explainer p { margin: 0 0 0.6rem; line-height: 1.55; color: #d9d3c4; font-size: 0.95rem; }
.cr-explainer p:last-child { margin-bottom: 0; }
.cr-explainer strong { color: #f0e6d2; }
.cr-explainer em { color: #c9a227; font-style: normal; }

.cr-rules-list { display: flex; flex-direction: column; gap: 0.85rem; }

.cr-rule {
  background: var(--rg-slate, #1a2738);
  border-radius: 8px;
  border-left: 4px solid #c9a227;
  padding: 0.95rem 1.1rem;
}
.cr-rule--critical { border-left-color: #d97a3a; }
.cr-rule--high     { border-left-color: #c9a227; }
.cr-rule--medium   { border-left-color: #a9871f; }
.cr-rule--info     { border-left-color: #6c7a90; }

.cr-rule__head {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
  flex-wrap: wrap;
}
.cr-rule__title { margin: 0; font-size: 1.02rem; color: #f0e6d2; flex: 1 1 auto; }
.cr-rule__sev {
  font-size: 0.7rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(201,162,39,0.3);
  color: #c9a227;
  background: rgba(201,162,39,0.07);
}
.cr-rule__sev--critical { color: #d97a3a; border-color: rgba(217,122,58,0.35); }
.cr-rule__sev--info     { color: #a9b6cb; border-color: rgba(169,182,203,0.25); }
.cr-rule__id  { font-size: 0.72rem; color: #758496; font-family: ui-monospace, monospace; }

.cr-rule__det { margin-top: 0.5rem; border-top: 1px dashed rgba(201,162,39,0.13); padding-top: 0.45rem; }
.cr-rule__summary { cursor: pointer; font-size: 0.85rem; color: #c9a227; list-style: none; outline: none; }
.cr-rule__summary::-webkit-details-marker { display: none; }
.cr-rule__summary::before { content: "+ "; color: #c9a227; }
.cr-rule__det[open] .cr-rule__summary::before { content: "− "; }

.cr-rule__trigger { margin: 0.5rem 0 0; color: #d9d3c4; font-size: 0.88rem; line-height: 1.55; }

.cr-rule__framing {
  margin: 0.5rem 0 0;
  background: #0a1422;
  color: #f0e6d2;
  padding: 0.7rem 0.85rem;
  border-radius: 6px;
  font-family: ui-monospace, monospace;
  font-size: 0.78rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-x: auto;
}

.cr-rule__alts {
  margin: 0.5rem 0 0;
  padding-left: 1.1rem;
  color: #d9d3c4;
  font-size: 0.85rem;
  line-height: 1.55;
}
.cr-rule__alts li { margin-bottom: 0.25rem; }

.cr-rule__stats {
  margin-top: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.cr-rule__stat-chip {
  font-family: ui-monospace, monospace;
  font-size: 0.74rem;
  color: #c9a227;
  background: rgba(201,162,39,0.07);
  border: 1px solid rgba(201,162,39,0.25);
  padding: 0.12rem 0.5rem;
  border-radius: 4px;
}