.home-agent-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 14px;
}

.home-agent-status-secondary { font-weight: 550; }
.preview-state[data-state="online"], .preview-state[data-state="connected"] { color: var(--success); }
.preview-state[data-state="legacy"], .preview-state[data-state="identity_missing"], .preview-state[data-state="unavailable"] { color: var(--warning); }
.preview-state[data-state="offline"], .preview-state[data-state="disconnected"] { color: var(--danger); }

@media (max-width: 720px) {
  .preview-header { flex-wrap: wrap; gap: 10px; padding-top: 10px; padding-bottom: 10px; }
  .home-agent-status { width: 100%; justify-content: flex-start; }
}