/* Client Portal Native Enhancements */

.client-avatar {
  width: 80px;
  height: 80px;
  border-radius: 1rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  display: block;
}

.mermaid {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
  background: rgba(14, 21, 38, 0.6);
  border: 1px solid var(--sidebar-bg, #1e2c4a);
  border-radius: 0.75rem;
  padding: 1.5rem;
  overflow-x: auto;
}