.person-orb {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--person);
}

.person-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--person);
}

.status-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--accent-2);
  box-shadow: 0 0 14px var(--accent-2);
}

.surface {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-elev);
}