
.badge-risk { font-size: .9rem; }
.badge-risk.low { background: rgba(34,197,94,.15); color:#9ee6b7; border:1px solid #22c55e; }
.badge-risk.med { background: rgba(245,158,11,.15); color:#ffd28a; border:1px solid #f59e0b; }
.badge-risk.high{ background: rgba(239,68,68,.15); color:#ffb0b0; border:1px solid #ef4444; }

.qrisk-row{ display:flex; gap:.5rem; align-items:flex-start; padding:.5rem .75rem; border:1px solid #3a3f47;
  border-radius: .5rem; background:#0f1116; margin-bottom:.5rem; }
.qrisk-row .u{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'DejaVu Sans Mono', 'Courier New', monospace; word-break: break-all; }
.qrisk-actions{ margin-left:auto; display:flex; gap:.25rem; }
.qrisk-actions .btn{ padding:.15rem .4rem; }

.qrisk-reason{ display:flex; gap:.5rem; align-items:flex-start; }
.qrisk-reason .dot{ width:.6rem; height:.6rem; margin-top:.35rem; border-radius:50%; background:#789; }
.qrisk-reason.crit .dot{ background:#ef4444; }
.qrisk-reason.warn .dot{ background:#f59e0b; }
.qrisk-reason.info .dot{ background:#22c55e; }

#qrisk-redirects .hop{ border-left:3px solid #3a3f47; padding-left:.5rem; margin-left:.5rem; margin-bottom:.5rem; }
#qrisk-redirects code{ font-size:.85em; }
