/* AuditTrail Component Styles */

.mint-audit-trail {
  position: relative;
}

.mint-audit-trail__filters {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.mint-audit-trail__filter-select {
  width: auto;
}

/* 1px rail; dots ringed in the card color so they sit cleanly on --bg-card (4d). */
.mint-audit-trail__list {
  position: relative;
  padding-left: 1.375rem;
}

.mint-audit-trail__line {
  position: absolute;
  left: 4px;
  top: 6px;
  bottom: 6px;
  width: 1px;
  background-color: var(--border-color);
}

.mint-audit-trail__entry {
  position: relative;
  padding-bottom: 1.125rem;
  cursor: pointer;
}

.mint-audit-trail__entry:last-child {
  padding-bottom: 0;
}

.mint-audit-trail__dot {
  position: absolute;
  left: -1.375rem;
  top: 5px;
  width: 9px;
  height: 9px;
  border-radius: 9999px;
  box-shadow: 0 0 0 3px var(--bg-card);
  z-index: 1;
}

/* Dot colors by type */
.mint-audit-trail__entry--create .mint-audit-trail__dot { background-color: var(--mint-success); }
.mint-audit-trail__entry--update .mint-audit-trail__dot { background-color: var(--color-primary); }
.mint-audit-trail__entry--delete .mint-audit-trail__dot { background-color: var(--mint-error); }
.mint-audit-trail__entry--system .mint-audit-trail__dot { background-color: var(--text-muted); }

.mint-audit-trail__content {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.mint-audit-trail__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mint-audit-trail__avatar {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
  background-color: var(--bg-tertiary);
  color: var(--text-secondary-strong);
  font-size: 0.6875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mint-audit-trail__sentence {
  min-width: 0;
  font-size: 0.8125rem;
  color: var(--text-primary);
}

.mint-audit-trail__user {
  font-weight: 600;
}

/* With a user, the action is the verb of the sentence. */
.mint-audit-trail__user + .mint-audit-trail__action {
  color: var(--text-secondary);
}

.mint-audit-trail__timestamp {
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  color: var(--text-secondary);
  margin-left: auto;
}

/* Detail renders as-is, aligned with the sentence text. */
.mint-audit-trail__detail {
  font-size: 0.75rem;
  line-height: 1.55;
  color: var(--text-secondary-strong);
}

.mint-audit-trail__content:has(.mint-audit-trail__avatar) > .mint-audit-trail__detail,
.mint-audit-trail__content:has(.mint-audit-trail__avatar) > .mint-audit-trail__metadata {
  padding-left: 1.75rem;
}

.mint-audit-trail__metadata {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.6875rem;
}

.mint-audit-trail__metadata-item {
  color: var(--text-secondary);
}

.mint-audit-trail__metadata-key {
  color: var(--text-secondary);
  margin-right: 0.125rem;
}

/* Empty / loading / error placeholder host (content comes from EmptyState) */
.mint-audit-trail__state {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Size variants */
.mint-audit-trail--sm .mint-audit-trail__sentence { font-size: 0.75rem; }
.mint-audit-trail--sm .mint-audit-trail__detail { font-size: 0.75rem; }
.mint-audit-trail--sm .mint-audit-trail__entry { padding-bottom: 0.75rem; }

.mint-audit-trail--lg .mint-audit-trail__sentence { font-size: 0.9375rem; }
.mint-audit-trail--lg .mint-audit-trail__detail { font-size: 0.8125rem; }
.mint-audit-trail--lg .mint-audit-trail__entry { padding-bottom: 1.5rem; }