:root { --audit-ink: #18241e; --audit-muted: #68756d; --audit-line: #dce5dd; --audit-green: #217a52; --audit-wash: #f3f8f3; }
.audit-page { min-height: 100vh; background: #f7faf7; }
.audit-content { max-width: 1240px; margin: 0 auto; padding: 32px 28px 56px; }
.audit-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-bottom: 22px; border-bottom: 1px solid var(--audit-line); }
.audit-heading h2 { margin: 0; color: var(--audit-ink); font-family: Georgia, serif; font-size: 2rem; font-weight: 500; }
.audit-heading p:last-child { margin: 8px 0 0; color: var(--audit-muted); }
.audit-content .eyebrow { margin: 0 0 7px; color: var(--audit-green); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.audit-section { margin-top: 24px; }
.audit-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.audit-section-heading h3 { margin: 0; color: var(--audit-ink); font-size: 1rem; }
.audit-section-heading span { min-width: 28px; padding: 4px 8px; border-radius: 4px; color: var(--audit-green); background: var(--audit-wash); text-align: center; font-size: .78rem; font-weight: 700; }
.audit-table-wrap { overflow-x: auto; border: 1px solid var(--audit-line); background: #fff; }
.audit-table-wrap table { width: 100%; border-collapse: collapse; text-align: left; }
.audit-table-wrap th, .audit-table-wrap td { padding: 11px 13px; border-bottom: 1px solid var(--audit-line); color: var(--audit-ink); font-size: .82rem; vertical-align: top; }
.audit-table-wrap th { color: var(--audit-muted); background: #f8faf8; font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.audit-source { display: inline-block; padding: 3px 7px; border-radius: 4px; color: var(--audit-green); background: var(--audit-wash); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.audit-empty { padding: 20px !important; color: var(--audit-muted) !important; text-align: center; }
.audit-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 10px 0; color: var(--audit-muted); font-size: .82rem; }
.audit-pagination .secondary-button { padding: 7px 10px; }
.audit-pagination .secondary-button:disabled { cursor: not-allowed; opacity: .5; }
@media (max-width: 700px) { .audit-content { padding: 22px 14px 40px; } .audit-heading { align-items: flex-start; flex-direction: column; } }