.ems-live-pill{border:1px solid var(--ems-border);background:var(--ems-surface);height:26px;color:var(--ems-text-subtle);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.75rem;font-weight:600;display:inline-flex}.ems-live-pill.compact{justify-content:center;width:26px;padding:0}.ems-live-dot{background:var(--ems-text-muted);border-radius:50%;width:8px;height:8px}.ems-live-pill.connected{color:var(--ems-success);border-color:color-mix(in srgb, var(--ems-success) 30%, var(--ems-border));background:var(--ems-success-subtle)}.ems-live-pill.connected .ems-live-dot{background:var(--ems-success)}.ems-live-pill.reconnecting,.ems-live-pill.connecting{color:var(--ems-warning);border-color:color-mix(in srgb, var(--ems-warning) 30%, var(--ems-border));background:var(--ems-warning-subtle)}.ems-live-pill.reconnecting .ems-live-dot,.ems-live-pill.connecting .ems-live-dot{background:var(--ems-warning);animation:1.2s ease-in-out infinite ems-live-pulse}@keyframes ems-live-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.ems-live-pill .ems-live-dot{animation:none}}.ems-live-banner .dx-button{margin-left:auto}.ems-live-banner .dx-button+.dx-button{margin-left:0}