/* Severity score calculation popover - the breakdown behind the info icon beside a
   detection's Severity field. Paired with static/js/severity-calc.js, which builds the
   popover body; both are loaded globally from header.html so any page that renders a
   severityCalcIconHtml() button gets the box with no per-page setup. */

.severity-calc-popover { --bs-popover-max-width: 430px; }
.severity-calc-popover .popover-body { font-size: 0.75rem; padding: 0.6rem 0.75rem; color: #212529; }

.severity-calc-popover .severity-calc-head {
  font-weight: 700; margin-bottom: 0.2rem; display: flex; align-items: baseline; gap: 0.5rem;
}
.severity-calc-popover .severity-calc-weight { font-weight: 400; color: #6c757d; font-size: 0.7rem; }

.severity-calc-popover .severity-calc-formula {
  font-family: var(--bs-font-monospace); white-space: normal; overflow-wrap: anywhere; line-height: 1.5;
}

/* The raw BOM FBI value the season score is derived from, and the growth-rate boost, are
   the two inputs a reviewer scans for first - same accent so they read as a pair. */
.severity-calc-popover .severity-calc-boost { color: #b3730b; font-weight: 600; }
.severity-calc-popover .severity-calc-fbi { color: #b3730b; font-weight: 600; }

.severity-calc-popover .severity-calc-divider { margin: 0.5rem 0; opacity: 0.25; }
.severity-calc-popover .severity-calc-note { color: #6c757d; font-size: 0.7rem; margin-top: 0.4rem; }
.severity-calc-popover .severity-calc-override {
  color: #842029; background: #f8d7da; border-radius: 3px; padding: 0.3rem 0.4rem; margin-bottom: 0.5rem;
}

/* Each section's end result (season total, behaviour total, severity) - sized up so the
   three numbers that matter stand out from the intermediate terms in the same formulas. */
.severity-calc-popover .severity-calc-value {
  font-size: 1.05rem; font-weight: 700; color: #111; line-height: 1.2;
}

.severity-calc-popover .severity-calc-empty { color: #6c757d; }

/* The trigger lives inside .validation-debug-body, which is bold on some pages - keep the
   icon itself a normal-weight link so it looks the same everywhere. */
.severity-calc-btn { color: #0d6efd; font-weight: 400; }