#diagnostic-chain .diagnostic-chain-note {
    color: var(--text-muted);
    overflow-wrap: anywhere;
}

#diagnostic-chain .diagnostic-chain-stages {
    display: grid;
    gap: 8px;
}

#diagnostic-chain .diagnostic-chain-stage {
    border-left: 2px solid var(--border);
    padding-left: 10px;
}

#diagnostic-chain .diagnostic-chain-stage > summary {
    cursor: pointer;
    overflow-wrap: anywhere;
}

#diagnostic-chain .diagnostic-chain-stage-success {
    border-color: var(--success);
}

#diagnostic-chain .diagnostic-chain-stage-failed,
#diagnostic-chain .diagnostic-chain-stage-blocked,
#diagnostic-chain .diagnostic-chain-stage-timeout {
    border-color: #ff8b8b;
}

#diagnostic-chain .diagnostic-chain-stage-warning {
    border-color: var(--accent);
}

#diagnostic-chain .record-row {
    grid-template-columns: 110px minmax(0, 1fr);
}

#diagnostic-chain button:disabled {
    opacity: 0.5;
    cursor: wait;
}