.rule-trace{position:relative;display:inline-block;font-size:12px;line-height:1.4}.rule-trace-badge{display:inline-flex;align-items:center;gap:6px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:999px;padding:4px 10px;cursor:pointer;font-size:12px;line-height:1.4;transition:background .15s ease}.rule-trace-badge:hover{background:#fee2e2}.rule-trace-icon{font-size:12px}.rule-trace-caret{font-size:9px;opacity:.7}.rule-trace-popover{position:absolute;z-index:50;top:calc(100% + 6px);left:0;min-width:280px;max-width:380px;background:#fff;border:1px solid #fecaca;border-radius:10px;box-shadow:0 8px 24px #dc26261f;padding:10px 12px;text-align:left}.rule-trace-popover-title{font-size:12px;font-weight:600;color:#b91c1c;margin-bottom:8px}.rule-trace-list{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}.rule-trace-item{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid #fef2f2}.rule-trace-item:first-child{border-top:none}.rule-trace-sev{flex:0 0 auto;font-size:10px;padding:1px 6px;border-radius:4px;color:#fff;white-space:nowrap}.sev-critical{background:#dc2626}.sev-major{background:#ef4444}.sev-minor,.sev-warning{background:#f59e0b}.rule-trace-name{flex:1 1 auto;color:#1f2937;min-width:0}.rule-trace-clause{flex:0 0 auto;font-size:10px;color:#9ca3af;white-space:nowrap}