.log-page { display: grid; gap: 14px; }
.auditmetrics { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)); gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--line); background: #fbfcfe; }
.amini { min-height: 62px; border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 10px; }
.amv { margin-top: 5px; font-size: 20px; font-weight: 800; }
.details { max-width: 360px; white-space: normal; }
.details summary { cursor: pointer; color: var(--blue); font-weight: 700; }
.details pre { max-height: 180px; overflow: auto; margin: 8px 0 0; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; color: var(--text); font: 12px Consolas, "SFMono-Regular", monospace; white-space: pre-wrap; }
.auditmsg { max-width: 420px; overflow: hidden; text-overflow: ellipsis; }
tr.audit-failure td { background: #fff7f7; }
tr.audit-skipped td { background: #fffaf0; }
tr.audit-success td { background: #fbfffc; }
tr.audit-failure td:first-child { border-left: 4px solid var(--red); }
tr.audit-skipped td:first-child { border-left: 4px solid var(--yellow); }
tr.audit-success td:first-child { border-left: 4px solid rgba(22, 131, 58, .55); }
@media (max-width: 1100px) { .auditmetrics { grid-template-columns: repeat(2, minmax(150px, 1fr)); } }