.cel-src { opacity: .78; }
.cel-bar { position: relative; height: 12px; margin: 10px 0 6px; border-radius: 6px; background: color-mix(in srgb, var(--line, #2a2440) 70%, transparent); overflow: hidden; }
.cel-bar-fill { position: absolute; top: 0; bottom: 0; inset-inline-start: 0; background: linear-gradient(90deg, #7b2bf9, var(--ao-cyan, #43d7ff)); }
.cel-bar-mark { position: absolute; top: -2px; bottom: -2px; width: 2px; background: #f5f3ff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .35); }

.ao-source-badge[data-ok="1"] { color: var(--ao-good, #3ddc97); }
.cel-props { display: grid; gap: 10px; }
.cel-prop { padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--line, #2a2440) 75%, transparent); border-radius: 10px; }
.cel-prop header { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; }
.cel-pill { font-size: 11px; padding: 2px 8px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--line, #2a2440) 80%, transparent); }

#celIbcTable td.ao-name { overflow-wrap: anywhere; }
.cel-ibc-stuck td { opacity: .72; }

#celPanelOverview > .ao-panel-grid + .ao-panel-grid { margin-top: 14px; }