/*
 * missing-badge-severity.css
 *
 * Wave 1 Fix 8 — prepend severity tier to assumption / missing-info badges.
 *
 * The assumption renderer in bid-ui.js sets `class="assumption-severity medium"`
 * for every assumption row (text always "Assumed") and the missing-info renderer
 * frequently emits literal text "MISSING" for every row, leaving the severity
 * tier visible only in the CSS class. Result: 41 yellow "MISSING" badges look
 * identical even when their underlying data carries different severities.
 *
 * Fix: prepend the severity tier as ::before pseudo-content so a critical row
 * reads "CRITICAL MISSING" and a high row reads "HIGH Assumed", etc. This is
 * additive and CSS-only — never touches the canonical styles.css.
 */

.assumption-severity.critical::before {
  content: "CRITICAL ";
  font-weight: 700;
  letter-spacing: .04em;
  margin-right: 2px;
}

.assumption-severity.high::before {
  content: "HIGH ";
  font-weight: 700;
  letter-spacing: .04em;
  margin-right: 2px;
}

.assumption-severity.medium::before {
  content: "MEDIUM ";
  font-weight: 600;
  letter-spacing: .04em;
  margin-right: 2px;
  opacity: .85;
}

.assumption-severity.low::before {
  content: "LOW ";
  font-weight: 500;
  letter-spacing: .04em;
  margin-right: 2px;
  opacity: .7;
}