/* Public audit-log verifier page. Builds on /app.css variables and .auth-card. */

.audit-card{max-width:560px}

.result{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}

/* PASS / FAIL verdict banner */
.verdict{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;font-weight:800;font-size:1.05rem;letter-spacing:-.2px}
.verdict .tag{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px}
.verdict.pass{background:#e8f5ee;color:#155f37;border:1px solid #bfe3cd}
.verdict.pass .tag{background:#155f37;color:#fff}
.verdict.fail{background:#fdecec;color:#7d1417;border:1px solid #f5c9ca}
.verdict.fail .tag{background:#a4161a;color:#fff}

.verdict-meta{margin:10px 2px 0;color:var(--slate);font-size:.86rem}

/* Event timeline */
.timeline{list-style:none;margin:18px 0 0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.timeline li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:baseline;padding:11px 14px;border-top:1px solid var(--line);font-size:.88rem}
.timeline li:first-child{border-top:none}
.timeline li.broken{background:#fdecec}
.timeline .seq{color:var(--slate);font-variant-numeric:tabular-nums;font-weight:600}
.timeline .type{font-weight:600;color:var(--ink)}
.timeline .type .hash{display:block;color:var(--slate);font-weight:400;font-size:.74rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin-top:2px}
.timeline .at{color:var(--slate);font-size:.8rem;white-space:nowrap;text-align:right}
.timeline .broken-flag{color:#a4161a;font-weight:700;font-size:.74rem;display:block;margin-top:2px}