.timeline-status{display:inline-flex;align-items:center;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:700;line-height:1.2;background:#edf3ff;color:var(--blue)}
.timeline-status.success{background:#eaf8f0;color:#238653}.timeline-status.failed{background:#fff0f2;color:#c63853}.timeline-status.dry-run{background:#fff5df;color:#a26208}.timeline-status.pending{background:#eef2f7;color:#687792}
.timeline-explanation,.timeline-reason,.timeline-action{margin:0 0 9px;padding:9px 10px;border-radius:8px;font-size:11px;line-height:1.6}.timeline-explanation{background:#f6f8fc;color:#42516b}.timeline-reason{background:#fff0f2;color:#a52e47;border:1px solid #ffd5db}.timeline-action{background:#fff8e8;color:#8b5c11;border:1px solid #f5dfaa}.timeline-explanation b,.timeline-reason b,.timeline-action b{color:var(--dark)}
.timeline-meta{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0;color:#687792;font-size:10px}.timeline-meta span{padding:4px 6px;border-radius:5px;background:#f5f7fb}.timeline-meta b{color:#42516b}.timeline-raw{margin-top:8px;border-top:1px solid #edf1f6;padding-top:7px}.timeline-raw>summary{cursor:pointer;color:#78869c;font-size:10px}.timeline-raw pre{margin:7px 0 0}

/* Compact activity rows: keep the timeline scannable while details remain expandable. */
body .reference-main .reference-layout{grid-template-columns:340px minmax(420px,1fr) 320px}
.timeline-card{padding:13px 12px}
.timeline-card h4{margin-bottom:7px}
.timeline-card .mini-timeline{gap:4px}
.timeline-card .mini-timeline-event{border-left-width:2px;border-radius:0 5px 5px 0}
.timeline-card .mini-timeline-event>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 7px;min-height:29px;font-size:10px;line-height:1.25}
.timeline-card .timeline-summary-main{gap:4px;min-width:0}
.timeline-card .timeline-summary-main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeline-card .timeline-status{padding:2px 5px;font-size:9px;line-height:1.15;white-space:nowrap}
.timeline-card .mini-timeline-event>summary time{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9aa7bb;font-size:9px}
.timeline-card .timeline-detail{padding:0 7px 7px;font-size:10px}
.timeline-card .timeline-explanation,.timeline-card .timeline-reason,.timeline-card .timeline-action{margin:0 0 5px;padding:6px 7px;font-size:10px;line-height:1.45}
.timeline-card .timeline-content{margin-top:5px;padding:6px 7px}
.timeline-card .timeline-meta{gap:3px;margin:5px 0;font-size:9px}
.timeline-card .timeline-meta span{padding:3px 5px}
.timeline-card .timeline-raw{margin-top:5px;padding-top:5px}
.timeline-card .timeline-raw>summary{font-size:9px}
.timeline-card .timeline-raw pre{margin-top:5px;font-size:9px}
@media(max-width:1200px){body .reference-main .reference-layout{grid-template-columns:300px minmax(380px,1fr) 280px}}