.companion-history { margin-top: 16px; }
.diagnostic-timeline { display: grid; }
.diagnostic-state { display: grid; grid-template-columns: 150px 1fr; gap: 5px 16px; padding: 12px 0; border-top: 1px solid var(--line); }
.diagnostic-state b { color: var(--cyan); text-transform: capitalize; }
.diagnostic-state span, .diagnostic-state small { color: var(--muted); }
.diagnostic-state small { grid-column: 2; }
.diagnostic-state.expired b { color: #ffb84d; }
.diagnostic-state a { color: var(--cyan); text-decoration: none; }
@media (max-width: 600px) { .diagnostic-state { grid-template-columns: 1fr; } .diagnostic-state small { grid-column: 1; } }