.min-w-0 { min-width: 0; }

.avatar { width: 2rem; height: 2rem; }
.avatar-md { width: 3rem; height: 3rem; }
.avatar-lg { width: 4rem; height: 4rem; }

.status-dot {
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: var(--bs-secondary);
  flex-shrink: 0;
}
.status-connecting { background: var(--bs-warning); }
.status-connected { background: var(--bs-success); }
.status-disconnected,
.status-error { background: var(--bs-danger); }

.scroll-pane { max-height: 70vh; overflow-y: auto; }

.note-content { white-space: pre-wrap; overflow-wrap: anywhere; }

.note-fresh { animation: note-in 1.2s ease-out; }
@keyframes note-in {
  from { border-color: var(--bs-primary); background-color: rgba(var(--bs-primary-rgb), 0.08); }
  to { border-color: var(--bs-border-color); background-color: transparent; }
}