.profile-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 13px;
}
.profile-row .avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--panel);
  object-fit: cover;
}
.profile-row .display-name {
  color: var(--muted);
}

.record-btn.active {
  background: #10b981;
  animation: pulse-green 1.5s ease-in-out infinite;
}
.record-btn.active:hover { background: #059669; }

@keyframes pulse-green {
  0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6); }
  50% { box-shadow: 0 0 0 14px rgba(16, 185, 129, 0); }
}

.bubble.live-stream {
  opacity: 0.85;
}

.meta {
  font-size: 11px;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: center;
  padding: 4px 0;
}