style: Add risk-badge styles for PairingSimulator

This commit is contained in:
2026-03-09 20:24:04 -05:00
parent 6a74c2d14e
commit 89eac7b84b

View File

@@ -461,4 +461,33 @@ select {
color: var(--text-muted); color: var(--text-muted);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
/* Risk Badge - Pairing Simulator */
.risk-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.625rem 1.25rem;
border-radius: var(--radius);
font-size: 0.9375rem;
font-weight: 600;
}
.risk-low {
background: rgba(16, 185, 129, 0.15);
color: var(--success);
border: 1px solid rgba(16, 185, 129, 0.3);
}
.risk-med {
background: rgba(245, 158, 11, 0.15);
color: var(--warning);
border: 1px solid rgba(245, 158, 11, 0.3);
}
.risk-high {
background: rgba(239, 68, 68, 0.15);
color: var(--danger);
border: 1px solid rgba(239, 68, 68, 0.3);
}