/* BugReport — App-spezifische Styles (Bootstrap-Overrides und Ergänzungen) */

/* Allgemein */
body {
  background-color: #f8f9fa;
  font-size: 0.9rem;
}

/* Navbar */
.navbar-brand {
  font-size: 1.1rem;
  letter-spacing: 0.03em;
}

/* Ticket-Beschreibung */
.ticket-beschreibung {
  background: #f8f9fa;
  border-left: 3px solid #0d6efd;
  border-radius: 0 4px 4px 0;
  font-size: 0.95rem;
  padding: 1rem 1.25rem;
  white-space: pre-wrap;
}

/* Kommentare */
.kommentar {
  animation: kommentarEinfaden 0.3s ease-in;
}

.kommentar:last-of-type {
  border-bottom: none !important;
}

@keyframes kommentarEinfaden {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Status-Badge in Tabelle */
.badge {
  font-size: 0.75rem;
  font-weight: 500;
}

/* Filter-Karte */
.card .form-check-label .badge {
  cursor: pointer;
}

/* Anhang-Button */
.anhang-loeschen {
  line-height: 1;
  opacity: 0.5;
}

.anhang-loeschen:hover {
  opacity: 1;
}

/* Tabellen */
.table td,
.table th {
  vertical-align: middle;
}

/* Lade-Spinner für AJAX */
.ajax-spinner {
  display: none;
}

.ajax-spinner.aktiv {
  display: inline-block;
}