.stat-card {
  cursor: pointer;
  transition: transform .15s ease;
}

.stat-card:hover {
  transform: translateY(-3px);
}

.crm-section {
  opacity: 0;
  transform: translateX(10px);
  transition: opacity .18s ease, transform .18s ease;
  position: relative;
}

.crm-section.active {
  opacity: 1;
  transform: translateX(0);
}

.crm-section.hidden {
  display: none;
}

.metric-box {
  background: #f8f9fa;
  padding: 12px 16px;
  border-radius: 6px;
}

.metric-label {
  font-size: 12px;
  color: #6c757d;
}

.metric-value {
  font-size: 20px;
  font-weight: 600;
}

.crm-comment {
  border-left: 3px solid #0d6efd;
  padding-left: 10px;
}

.crm-view-wrapper {
  animation: fadeIn .2s ease;
}

.metric-box {
  background: #f8f9fa;
  padding: 14px 18px;
  border-radius: 8px;
  min-width: 160px;
}

.metric-label {
  font-size: 12px;
  color: #6c757d;
}

.metric-value {
  font-size: 22px;
  font-weight: 600;
}

.crm-comment {
  background: #f8f9fa;
  border-left: 3px solid #0d6efd;
  padding: 12px;
  border-radius: 6px;
}

.crm-audit-entry {
  background: #fff;
  border-left: 3px solid #6c757d;
  padding: 10px;
  border-radius: 6px;
}

.crm-empty-state {
  opacity: .7;
}

.fade-in {
  animation: fadeIn .2s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

.crm-notes-content {
  white-space: pre-wrap;
}