.audit-help { margin: 0 0 20px; padding: 14px 18px; border-radius: 12px; background: var(--surface, #fff); color: var(--muted, #64748b); line-height: 1.7; }
.audit-table { overflow-x: auto; background: var(--surface, #fff); border: 1px solid var(--line, #e2e8f0); border-radius: 14px; }
.audit-head, .audit-entry { display: grid; grid-template-columns: 175px 140px minmax(240px,1fr) 90px 100px; gap: 16px; align-items: start; padding: 17px 20px; }
.audit-head { background: var(--bg, #f8fafc); color: var(--muted, #64748b); font-size: 13px; font-weight: 600; }
.audit-entry { border-top: 1px solid var(--line, #e2e8f0); font-size: 14px; }
.audit-time { color: var(--muted, #64748b); font-size: 13px; }
.audit-result { display: inline-block; justify-self: start; border-radius: 20px; padding: 3px 10px; font-size: 12px; background: #eef2f6; color: #526175; }
.audit-result.success { background: var(--ok-bg, #e9f8ef); color: var(--ok-ink, #147849); }
.audit-result.failed, .audit-result.error { background: var(--danger-bg, #fff0ed); color: var(--danger-ink, #b34030); }
.audit-result.blocked { background: var(--warn-bg, #fff6e4); color: var(--warn-ink, #94600d); }
.audit-original summary { cursor: pointer; color: var(--brand, #2563eb); font-size: 13px; }
.audit-original[open] { grid-column: 1 / -1; }
.audit-original pre { white-space: pre-wrap; overflow-wrap: anywhere; background: var(--bg, #f8fafc); padding: 12px; border-radius: 8px; font-size: 12px; color: var(--ink, #334155); }
@media(max-width:800px) { .audit-head { display: none; } .audit-entry { grid-template-columns: 1fr auto; gap: 10px; } .audit-time { grid-column: 1; } .audit-description { grid-column: 1 / -1; } .audit-original { grid-column: 1 / -1; } }

.audit-entry > * { min-width: 0; overflow-wrap: anywhere; }