.zb-badges{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.zb-badge{padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:750}
.zb-badge--success{background:rgba(52,192,143,.11);border-color:rgba(52,192,143,.4);color:#166534}
.zb-badge--warning{background:rgba(248,181,73,.12);border-color:rgba(248,181,73,.45);color:#854d0e}
.zb-badge--neutral{background:var(--surface-alt);border-color:var(--line);color:var(--muted)}
.zb-badge--info{background:rgba(86,146,245,.12);border-color:rgba(86,146,245,.42);color:#1948e8}

:root[data-theme="dark"] .zb-badge--success{color:#69e3a3}
:root[data-theme="dark"] .zb-badge--warning{color:#ffd174}
:root[data-theme="dark"] .zb-badge--info{color:#a9c5ff}