.app-status-dot{background:var(--status,var(--hp4-ink-3));vertical-align:middle;border-radius:999px;flex-shrink:0;width:8px;height:8px;display:inline-block}.app-status-badge{background:var(--status-soft,var(--hp4-surface-2));height:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--status,var(--hp4-ink-3)) 30%, transparent);letter-spacing:-.004em;white-space:nowrap;color:var(--status-ink,var(--hp4-ink-2));border-radius:6px;align-items:center;gap:6px;padding:0 8px 0 7px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.app-status-badge>.app-status-dot{width:6px;height:6px}[data-status=online],[data-status=earning]{--status:var(--hp4-live);--status-soft:var(--hp4-live-soft);--status-ink:var(--hp4-live-text)}[data-status=pending],[data-status=paused]{--status:var(--hp4-warm);--status-soft:var(--hp4-warm-soft);--status-ink:var(--hp4-warm-text)}[data-status=offline]{--status:var(--hp4-ink-3);--status-soft:var(--hp4-surface-2);--status-ink:var(--hp4-ink-2)}[data-status=error]{--status:var(--hp4-danger);--status-soft:var(--hp4-danger-soft);--status-ink:var(--hp4-danger)}.app-status-dot[data-changed]{animation:app-status-pulse .7s var(--hp4-ease) 1}@keyframes app-status-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--status) 55%, transparent)}to{box-shadow:0 0 0 8px #0000}}@media (prefers-reduced-motion:reduce){.app-status-dot[data-changed]{animation:none}}