@layer bk.components{.badge{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--bk-type-caption-size);text-transform:uppercase;letter-spacing:.8px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:5px;height:5px}.badge--accent{background:var(--accent-dim);color:var(--accent)}.badge--accent:before{background:var(--accent)}.badge--green{background:var(--green-dim);color:var(--green)}.badge--green:before{background:var(--green)}.badge--red{background:var(--red-dim);color:var(--red-text)}.badge--red:before{background:var(--red)}.badge--amber{background:var(--amber-dim);color:var(--amber-text)}.badge--amber:before{background:var(--amber)}.badge--yellow{background:var(--yellow-dim);color:var(--yellow-text)}.badge--yellow:before{background:var(--yellow)}.badge--blue{background:var(--blue-dim);color:var(--blue)}.badge--blue:before{background:var(--blue)}.badge--cyan{background:var(--cyan-dim);color:var(--cyan)}.badge--cyan:before{background:var(--cyan)}.badge--purple{background:var(--purple-dim);color:var(--purple)}.badge--purple:before{background:var(--purple)}.badge--dim{background:color-mix(in srgb, var(--text-dim) 8%, transparent);color:var(--text-dim)}.badge--dim:before{background:var(--text-dim)}.badge[data-attention=flash]:before{opacity:var(--flash-fast-on)}button.badge{cursor:pointer;transition:border-color var(--motion-fast-duration) var(--motion-standard-easing), opacity var(--motion-fast-duration) var(--motion-standard-easing);border:1px solid #0000;position:relative}button.badge:after{content:"";inset:min(0px, calc((100% - var(--target-touch-size)) / 2));position:absolute}button.badge:hover{opacity:.85;border-color:currentColor}.badge--level{background:var(--alarm-dim);color:var(--alarm-color)}.badge--level:before{background:var(--alarm-color)}.badge--fires{background:var(--amber-dim);color:var(--amber-text)}.badge--fires:before{background:var(--amber)}.badge--ack{background:var(--green-dim);color:var(--green)}.badge--ack:before{background:var(--green)}.badge--unack{background:var(--red-dim);color:var(--red-text)}.badge--unack:before{background:var(--red)}.badge--confirmed{background:var(--cyan-dim);color:var(--cyan)}.badge--confirmed:before{background:var(--cyan)}}