/* mod-audit.css — MODULE J audit log viewer. Plain, read-only, professional. */
.audit-explainer ul { margin: .5rem 0 0; padding-left: 1.2rem; }
.audit-explainer li { margin-bottom: .35rem; }

.audit-filters .audit-filter-row {
  display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .6rem;
}
.audit-filters label {
  display: flex; flex-direction: column; gap: .25rem;
  font-size: .82rem; min-width: 9rem; flex: 1 1 9rem;
}
.audit-filters input, .audit-filters select {
  padding: .45rem .55rem; border: 1px solid var(--line, #d8d2c4);
  border-radius: .45rem; font-size: .95rem; background: #fff;
}
.audit-actions-row { align-items: flex-end; }

.audit-status {
  display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
  margin: 1rem 0 .6rem;
}
.audit-badge {
  display: inline-block; padding: .28rem .7rem; border-radius: 999px;
  font-size: .8rem; font-weight: 600;
}
.audit-badge.ok { background: #e7f4e4; color: #1f6b2e; border: 1px solid #bfe0ba; }
.audit-badge.bad { background: #fbe7e4; color: #9c2b1e; border: 1px solid #f0b9b0; }

.audit-table td { vertical-align: top; }
.audit-time { white-space: nowrap; font-size: .85rem; }
.audit-id { color: #6b6257; font-size: .85rem; }
.audit-table code, .audit-card code {
  background: #f3f0e8; border: 1px solid var(--line, #d8d2c4);
  border-radius: .3rem; padding: .05rem .35rem; font-size: .82rem;
}

.audit-diff { list-style: none; margin: .25rem 0 0; padding: 0; font-size: .85rem; }
.audit-diff li { padding: .15rem 0; }
.audit-field { font-weight: 600; }
.audit-arrow { color: #8a8172; }
.audit-changed .audit-new { background: #fff8e1; border-radius: .25rem; padding: 0 .25rem; }
.audit-same .audit-old, .audit-same .audit-new { color: #8a8172; }
.audit-missing { color: #a39a88; font-style: italic; }

.audit-card { margin-bottom: .6rem; }
.audit-card-head { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-bottom: .25rem; }

.audit-pages {
  display: flex; align-items: center; justify-content: center; gap: 1rem;
  margin: 1rem 0 2rem;
}