.audit-panel { margin-top: 12px; }
.audit-heading { align-items: flex-end; gap: 20px; }
.audit-heading-copy { display: flex; gap: 12px; align-items: baseline; }
#audit-count { color: var(--muted); font-size: 12px; }
.audit-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.audit-filters button { background: #101823; color: var(--muted); font-size: 12px; padding: 8px 11px; }
.audit-filters button.active { background: #203b31; border-color: #35755c; color: var(--green); }
.audit-timeline { margin-top: 22px; position: relative; }
.audit-timeline::before { background: var(--line); bottom: 26px; content: ''; left: 6px; position: absolute; top: 16px; width: 1px; }
.audit-item { display: grid; gap: 16px; grid-template-columns: 13px 1fr; padding: 0 0 22px; position: relative; }
.audit-marker { background: var(--green); border: 3px solid #0f151e; border-radius: 50%; box-shadow: 0 0 0 1px var(--line); height: 13px; margin-top: 4px; width: 13px; z-index: 1; }
.audit-body { background: #0b1119; border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; }
.audit-top { align-items: center; display: flex; gap: 10px; justify-content: space-between; }
.audit-top strong { font-size: 14px; }
.audit-badge { border: 1px solid #315e4d; border-radius: 999px; color: var(--green); font-size: 9px; letter-spacing: .1em; padding: 4px 7px; }
.audit-body p { color: #bdc6d2; font-size: 13px; line-height: 1.5; margin: 7px 0; overflow-wrap: anywhere; }
.audit-body time { color: var(--muted); font-size: 11px; }
.audit-error .audit-marker { background: var(--red); }
.audit-error .audit-badge { border-color: #69333a; color: #ff9da2; }
.audit-warning .audit-marker { background: var(--amber); }
.audit-warning .audit-badge { border-color: #66562f; color: var(--amber); }
.audit-system .audit-marker { background: #8fc8ff; }
.audit-system .audit-badge { border-color: #31547a; color: #8fc8ff; }
.audit-empty { align-items: center; background: #0b1119; border: 1px dashed var(--line); border-radius: 12px; display: flex; flex-direction: column; gap: 6px; padding: 34px; text-align: center; }
.audit-empty span { color: var(--muted); font-size: 13px; }
@media (max-width: 680px) { .audit-heading { align-items: stretch; flex-direction: column; } .audit-filters button { flex: 1; } }