.online-status-badge{align-items:center;gap:.375rem;display:inline-flex}.online-status-badge .status-dot{border-radius:50%;flex-shrink:0}.online-status-badge .status-label{white-space:nowrap;font-size:.75rem;font-weight:500}.online-status-badge.size-sm .status-dot{width:6px;height:6px}.online-status-badge.size-md .status-dot{width:8px;height:8px}.online-status-badge.size-lg .status-dot{width:10px;height:10px}.online-status-badge.online .status-dot{background:#22c55e;animation:2s ease-in-out infinite pulse-online;box-shadow:0 0 0 2px #22c55e33}.online-status-badge.online .status-label{color:#22c55e}.online-status-badge.offline .status-dot{background:#6b7280}.online-status-badge.offline .status-label{color:#6b7280}.online-status-badge.skeleton{pointer-events:none;animation:2s ease-in-out infinite skeleton-pulse}.online-status-badge.skeleton .status-dot{background:var(--bg-tertiary);box-shadow:none}.online-status-badge.skeleton .status-label{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:60px;height:.75rem;color:#0000!important}@keyframes pulse-online{0%,to{box-shadow:0 0 0 2px #22c55e33}50%{box-shadow:0 0 0 4px #22c55e66}}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.8}}