diff --git a/client/src/index.css b/client/src/index.css index ee74197..11f6955 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -461,4 +461,33 @@ select { color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; -} \ No newline at end of file +} + +/* 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); +}