/* ── Audit Log Drawer ────────────────────────────────────────────────────── */
.audit-drawer {
  position: fixed;
  right: 0; top: 56px; bottom: 0;   /* 56px = app header height */
  width: 360px;
  max-width: calc(100vw - 32px);
  background: var(--bg2);
  border-left: 1px solid var(--border);
  z-index: 2600;                      /* above app header (2500) */
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform .25s ease;
  box-shadow: -4px 0 20px rgba(0,0,0,.3);
}
.audit-drawer.open { transform: translateX(0); }

.audit-hdr {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
.audit-hdr-title { font-size: 14px; font-weight: 700; color: var(--text); flex: 1; }
.audit-close, .audit-refresh {
  background: none; border: none; cursor: pointer; color: var(--text3);
  font-size: 16px; padding: 2px 6px; border-radius: 4px;
  transition: color .12s;
}
.audit-close:hover, .audit-refresh:hover { color: var(--text); }

.audit-filter-wrap { padding: 8px 12px; flex-shrink: 0; border-bottom: 1px solid var(--border2); }
.audit-filter {
  width: 100%; box-sizing: border-box;
  background: var(--bg3); border: 1px solid var(--border); border-radius: 5px;
  color: var(--text); font-family: inherit; font-size: 11px; padding: 5px 8px; outline: none;
  transition: border-color .15s;
}
.audit-filter:focus { border-color: var(--accent); }
.audit-filter::placeholder { color: var(--text4); }

.audit-body { flex: 1; overflow-y: auto; padding: 4px 0; }

.audit-entry {
  padding: 8px 16px;
  border-bottom: 1px solid var(--border2);
  transition: background .1s;
}
.audit-entry:last-child { border-bottom: none; }
.audit-entry:hover { background: var(--border2); }

.audit-ts   { font-size: 10px; color: var(--text4); margin-bottom: 2px; }
.audit-who  { font-size: 11px; font-weight: 600; color: var(--accent); }
.audit-what {
  font-size: 11px; color: var(--text2); margin-top: 3px;
  display: flex; align-items: center; gap: 4px; flex-wrap: wrap;
}
.audit-old {
  background: rgba(239,68,68,.15); color: #f87171;
  padding: 1px 5px; border-radius: 3px; font-size: 10px;
}
.audit-new {
  background: rgba(16,185,129,.15); color: var(--live);
  padding: 1px 5px; border-radius: 3px; font-size: 10px;
}
.audit-empty { padding: 40px 16px; text-align: center; color: var(--text4); font-size: 13px; }