.audit-card {
  margin-top: 8px;
}

.audit-issue-list {
  display: grid;
  gap: 8px;
}

.audit-issue {
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
  border-left-width: 3px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface) 94%, var(--bg));
  font-size: 13px;
}

.audit-issue strong {
  color: var(--ink);
}

.audit-issue span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.audit-issue.missing_in_teamsnap {
  border-left-color: #d97706;
}

.audit-issue.extra_in_teamsnap {
  border-left-color: #2563eb;
}

.audit-issue.mismatch {
  border-left-color: #dc2626;
}

.audit-change-list {
  margin: 2px 0 0;
  padding-left: 18px;
  color: var(--muted);
}