/* cin_user_report */
/* user-report.css */
/* Report-Button in der Teamchat-Hover-Toolbar (gleiches Muster wie .tc-reply-btn) */
.tc-user-report-btn {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid var(--cin-border);
  background-color: var(--bs-body-bg);
  color: var(--cin-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  font-size: 0.75rem;
  transition: all 0.15s;
  flex-shrink: 0;
}

.tc-user-report-btn:hover {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  border-color: var(--bs-primary);
}

/* Kommentartexte mit Zeilenumbrüchen anzeigen */
.cin-user-report-comment-text {
  white-space: pre-wrap;
}

/* Aufklappbare Report-Karten: Chevron dreht beim Öffnen mit */
.cin-user-report-header .cin-user-report-chevron {
  transition: transform 0.2s;
}

.cin-user-report-header[aria-expanded="true"] .cin-user-report-chevron {
  transform: rotate(90deg);
}

/* "User-Report"-Eintrag in der Notizen-Sektion (gleiches Muster wie .tc-conv-item,
   aber bewusst ohne dessen Klasse, damit der Chat-Klick-Handler ihn ignoriert) */
.tc-user-report-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1rem;
  cursor: pointer;
  transition: background-color 0.15s;
  border-left: 3px solid transparent;
}

.tc-user-report-item:hover {
  background-color: var(--cin-surface-hover);
}