.log-list { display: flex; flex-direction: column; gap: 12px; }
.log-list .card { padding: 14px 18px; }
.log-head { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: baseline; }
.log-kind { font-weight: 800; text-transform: uppercase; letter-spacing: 1px; font-size: .75em; padding: 2px 8px; border-radius: 6px; }
.log-kind.crash { background: rgba(255, 107, 90, .25); color: #ff9a8a; }
.log-kind.error { background: rgba(255, 213, 74, .18); color: var(--gold-hi); }
.log-msg { font-weight: 700; flex: 1 1 300px; }
.log-meta { color: var(--muted); font-size: .8em; }
.log-list details { margin-top: 8px; }
.log-list summary { cursor: pointer; color: var(--gold); font-size: .85em; }
.log-list pre {
  margin-top: 8px; padding: 10px; border-radius: 8px; background: rgba(0,0,0,.35);
  font-size: 12px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; max-height: 50vh; overflow: auto;
}
#btnReload { border: 0; cursor: pointer; font: inherit; }