.sym { display: inline-flex; width: 18px; height: 18px; align-items: center; justify-content: center; font-family: var(--mono); font-size: 13px; line-height: 1; border-radius: 3px; flex-shrink: 0; }
.sym-ui { color: #5fb3ff; background: rgba(95,179,255,0.1); }
.sym-felder { color: #ffba5c; background: rgba(255,186,92,0.1); }
.sym-dedup { color: #c693ff; background: rgba(198,147,255,0.1); }
.sym-gate { color: #ff8c5a; background: rgba(255,140,90,0.1); }
.sym-code { color: #5fd97a; background: rgba(95,217,122,0.1); }
.sym-crm { color: #ff6bc8; background: rgba(255,107,200,0.1); }
.sym-security { color: #ff6b6b; background: rgba(255,107,107,0.1); }
.sym-protokoll { color: #7ad9d9; background: rgba(122,217,217,0.1); }
.sym-entitaet { color: #b8a87a; background: rgba(184,168,122,0.1); }
.sym-bedingung { color: #d97aa8; background: rgba(217,122,168,0.1); }
.sym-persistenz { color: #5fd9c4; background: rgba(95,217,196,0.1); }
.sym-gates { color: #ffd95f; background: rgba(255,217,95,0.1); }
.sym-uebergang { color: #9ca5b8; background: rgba(156,165,184,0.1); }
.aktion-pill { display: inline-block; padding: 2px 8px; border-radius: 10px; font-family: var(--mono); font-size: 10px; background: var(--bg-elev2); color: var(--fg); }
.score-bar { display: inline-block; width: 60px; height: 4px; background: var(--bg-elev2); border-radius: 2px; vertical-align: middle; overflow: hidden; }
.score-fill { display: block; height: 100%; background: linear-gradient(90deg, var(--ok), #b8e07a); transition: width var(--dur); }
.score-fill.warn { background: linear-gradient(90deg, var(--warn), #ffd47a); }
.score-fill.err { background: linear-gradient(90deg, var(--err), #ff9090); }