/* Scoped styles for CISO War Room polish */
.wr-card {
  background: #131729;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 18px;
}

.wr-hstack { display:flex; align-items:center; gap:10px; }
.wr-actions { display:flex; gap:10px; flex-wrap:wrap; }

.badge-value {
  display:inline-block;
  min-width: 64px;
  text-align:center;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(111,110,240,.15); /* subtle brand hue */
  color: #dfe3ff;
  font-size: 12px;
  font-weight: 600;
}

.form-range { width: 100%; }

.wr-label-row {
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  margin-bottom:6px;
}

.wr-table th, .wr-table td {
  vertical-align: top;
  border-color: rgba(255,255,255,0.08) !important;
}

.wr-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: pre-wrap;
  font-size: 12px;
  color: #cfe3ff;
  background: #0c1020;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  padding: 10px;
}

.wr-subtle { color: #9aa3c1; font-size: 12px; }
.wr-kpi { font-weight:700; color:#e5e9ff; }
.wr-kpi .muted { opacity:.75; font-weight:500; }

.btn-cta {
  background: #6f6ef0; /* brand primary */
  color: #fff !important;
  border: none;
}
.btn-cta:hover { filter: brightness(1.08); }

.btn-outline-dim {
  color: #cfe3ff;
  border: 1px solid rgba(255,255,255,0.18);
  background: transparent;
}
.btn-outline-dim:hover {
  background: rgba(255,255,255,0.06);
}

.progress.wr-thin {
  height: 8px;
  background: rgba(255,255,255,0.06);
}
.progress.wr-thin .progress-bar {
  background: #6f6ef0;
}

@media (max-width: 992px) {
  .wr-grid { display:block; }
}