.audit-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.audit-filter-form { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr .75fr .75fr; gap: 12px; align-items: end; padding: 18px; border-bottom: 1px solid var(--line); }
.audit-filter-field label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.audit-filter-field input, .audit-filter-field select { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid #cfd3da; border-radius: 8px; background: #fff; font: inherit; }
.audit-filter-actions { display: flex; gap: 8px; grid-column: 1 / -1; justify-content: flex-end; }
.audit-entity-id { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.audit-metadata summary { color: var(--primary); font-weight: 700; cursor: pointer; }
.audit-metadata pre { max-width: 440px; max-height: 260px; overflow: auto; margin: 10px 0 0; padding: 12px; border-radius: 8px; background: #f4f5f7; color: #343945; white-space: pre-wrap; word-break: break-word; font-size: 11px; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 16px; padding: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
@media (max-width: 1000px) { .audit-filter-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .audit-filter-form, .audit-stats { grid-template-columns: 1fr; } .audit-filter-actions { justify-content: stretch; } .audit-filter-actions .button { flex: 1; } }